.dt-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;color:#273445;background:#f4f6f8}.dt-page button{cursor:pointer}.dt-page button:disabled{cursor:default;opacity:.42}.dt-page button:focus-visible{outline:2px solid #269bbe;outline-offset:3px}.dt-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:64px;padding:0 24px;border-bottom:1px solid #e7ebef;background:#fff}.dt-heading,.dt-header-actions{display:flex;align-items:center;gap:12px;min-width:0}.dt-heading,.dt-header-actions{flex-shrink:0}.dt-header-note{flex:1;min-width:0;max-width:740px;margin:0 24px;color:#8493a1;font-size:12px;line-height:1.7;text-align:center}.dt-heading h1{display:inline-flex;align-items:center;height:36px;margin:0;font-size:16px;font-weight:650;line-height:1;white-space:nowrap}.dt-back,.dt-tool{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:9px;color:#647285;background:transparent}.dt-back:hover,.dt-tool:hover{background:#f0f4f6;color:#111827}.dt-product-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:#2b9fbd;background:#edf9fc}.dt-header-divider{height:17px;width:1px;margin:0 4px;background:#e5e9ed}.dt-header-place{font-size:13px;color:#667588;white-space:nowrap}.dt-chip{padding:4px 9px;border:1px solid #e2e9ed;border-radius:6px;font-size:11px;color:#71818e;background:#f8fafb;white-space:nowrap}.dt-revision{color:#8b98a5;font-size:12px}.dt-public-chip{color:#8c9aa7;font-size:11px}.dt-share{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 12px;border:1px solid #d6e7ed;border-radius:8px;background:#f1f9fc;color:#25809b;font-size:12px}.dt-share:hover{background:#e5f3f8}.dt-login{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border:1px solid #d6e7ed;border-radius:8px;background:#fff;color:#31819a;font-size:12px;white-space:nowrap}.dt-login:hover{background:#eff8fb}.dt-session-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#658291;font-size:12px}.dt-share-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#24374730}.dt-share-dialog{width:400px;max-width:90%;padding:24px;border-radius:14px;background:#fff;box-shadow:0 15px 50px #1e334225}.dt-share-dialog>div{display:flex;align-items:center;justify-content:space-between}.dt-share-dialog h2{margin:0;font-size:16px}.dt-share-dialog button{display:flex;padding:4px;border:0;color:#8596a3;background:transparent}.dt-share-dialog p{margin:14px 0;color:#7d8d9a;font-size:12px;line-height:1.7}.dt-share-dialog input{width:100%;height:40px;padding:0 10px;border:1px solid #d5e3eb;border-radius:7px;color:#3f7087;background:#f5f9fb;font-size:12px}.dt-workspace{display:flex;flex:1;min-height:0}.dt-sidebar{z-index:2;display:flex;flex-direction:column;flex:0 0 244px;overflow:auto;border-right:1px solid #e0e6eb;background:#fff}.dt-scene-card{padding:25px 23px 22px;border-bottom:1px solid #edf0f2}.dt-scene-eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#83929f;font-size:11px}.dt-scene-card h2{margin:0;font-size:21px;font-weight:650;letter-spacing:-.5px}.dt-scene-card p{margin:7px 0 20px;font-size:12px;color:#94a0ad}.dt-scene-stats{display:flex;gap:15px;color:#6d7d8d;font-size:11px}.dt-scene-stats span{display:flex;align-items:center;gap:5px;white-space:nowrap}.dt-zones{padding:22px 13px 16px}.dt-section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 9px 12px;color:#667587;font-size:11px;font-weight:600}.dt-section-heading span{color:#a5afb8;font-size:10px;font-weight:400}.dt-zone{display:flex;align-items:center;gap:12px;width:100%;height:39px;margin-bottom:3px;padding:0 11px;border:1px solid transparent;border-radius:8px;color:#687888;background:transparent;text-align:left;font-size:12px;transition:background .15s,color .15s}.dt-zone:hover:not(:disabled){background:#f5f8fa}.dt-zone.is-active{border-color:#def0f6;color:#1689aa;background:#edf8fc}.dt-zone>span:nth-child(2){flex:1}.dt-zone>svg:last-child{color:#b7c1ca}.dt-zone.is-active>svg:last-child{color:#1e9dbd}.dt-zone-number,.dt-zone-symbol{display:flex;justify-content:center;align-items:center;flex:0 0 20px;font-size:10px;color:#a2aebb;font-variant-numeric:tabular-nums}.dt-zone.is-active .dt-zone-symbol,.dt-zone.is-active .dt-zone-number{color:#2a9bbb}.dt-layers{margin:0 13px;padding:19px 0 14px;border-top:1px solid #edf0f2}.dt-layer{display:flex;align-items:center;gap:10px;width:100%;height:34px;padding:0 9px;color:#8693a0;border:0;background:transparent;text-align:left;font-size:12px}.dt-layer>span:first-of-type{flex:1;color:#6d7c8c}.dt-switch{display:inline-block;width:25px;height:14px;padding:2px;border-radius:8px;background:#dbe2e8;transition:background .15s}.dt-switch:after{display:block;width:10px;height:10px;border-radius:50%;background:#fff;content:"";box-shadow:0 1px 2px #0001;transition:transform .15s}.dt-switch.is-on{background:#43abc5}.dt-switch.is-on:after{transform:translate(11px)}.dt-sidebar-note{margin-top:auto;padding:18px 22px;color:#a8b2bc;font-size:10px}.dt-stage{position:relative;flex:1;min-width:0;overflow:hidden;background:#edf1f4}.dt-render-host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.dt-render-host>canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.dt-stage-heading{position:absolute;top:25px;left:27px;display:flex;align-items:center;gap:9px;pointer-events:none;color:#627485;font-size:12px}.dt-stage-heading>span:last-child{color:#99a6b2;font-size:11px}.dt-status-dot{width:5px;height:5px;border-radius:50%;background:#60adbb}.dt-stage-separator{color:#bac4cd}.dt-view-controls{position:absolute;display:flex;align-items:center;gap:3px;top:17px;right:22px;padding:4px;border:1px solid #e0e7ed;border-radius:11px;background:#ffffffed;box-shadow:0 3px 10px #344c6205}.dt-view-controls button{display:flex;align-items:center;justify-content:center;gap:6px;height:31px;min-width:32px;padding:0 10px;border:0;border-radius:7px;color:#7b8b99;background:transparent;font-size:11px}.dt-view-controls button.is-active{color:#287f97;background:#eaf4f8}.dt-view-controls button:hover:not(:disabled){background:#eef3f6}.dt-controls-divider{width:1px;height:16px;margin:0 3px;background:#e4e9ed}.dt-zoom-controls{position:absolute;bottom:64px;right:22px;display:flex;flex-direction:column;padding:3px;border:1px solid #dfe7ed;border-radius:10px;background:#fffffff0;box-shadow:0 3px 10px #344c6208}.dt-zoom-controls button{display:flex;align-items:center;justify-content:center;height:34px;width:34px;border:0;border-radius:7px;color:#748596;background:transparent}.dt-zoom-controls button:hover:not(:disabled){color:#277f97;background:#eef5f8}.dt-interaction-hint{position:absolute;bottom:23px;left:50%;display:flex;align-items:center;gap:11px;transform:translate(-50%);color:#98a5b1;font-size:10px;white-space:nowrap;pointer-events:none}.dt-interaction-hint i{width:2px;height:2px;border-radius:50%;background:#b7c2cb}.dt-zone-label{position:absolute;top:0;left:0;z-index:1;padding:5px 9px;border:1px solid #dce4ead9;border-radius:5px;background:#ffffffd9;box-shadow:0 2px 5px #263e5106;color:#5f7381;font-size:10px;white-space:nowrap}.dt-zone-label[hidden]{display:none}.dt-zone-label:hover,.dt-zone-label.is-selected{border-color:#79bfd1;color:#117b97;background:#effaff}.dt-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:3;background:#edf1f4f2;color:#429eb8}.dt-loading strong{margin-top:4px;color:#586d7d;font-size:13px;font-weight:500}.dt-loading>span{color:#94a3af;font-size:11px}.dt-spinner{animation:dt-spin 1s linear infinite}@keyframes dt-spin{to{transform:rotate(360deg)}}.dt-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#edf1f4}.dt-error>img{width:min(72%,600px);max-height:60%;object-fit:contain;mix-blend-mode:multiply}.dt-error-card{max-width:380px;padding:16px;text-align:center}.dt-error-card strong{font-size:14px;font-weight:600}.dt-error-card p{margin:9px 0 16px;color:#7a8b99;font-size:12px;line-height:1.7}.dt-error-card button{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid #d7e1e7;border-radius:8px;background:#fff;color:#377c94;font-size:12px}.dt-notice{position:absolute;z-index:5;bottom:60px;left:50%;display:flex;align-items:center;gap:12px;padding:12px 15px;transform:translate(-50%);border:1px solid #e0e7ed;border-radius:9px;background:#fff;color:#647587;font-size:12px;box-shadow:0 5px 15px #283e5410}.dt-notice button{display:flex;border:0;background:transparent;color:#94a0aa}@media(max-width:1050px){.dt-sidebar{flex-basis:210px}.dt-scene-card{padding:22px 18px}.dt-scene-stats{gap:10px;font-size:10px}.dt-revision{display:none}}@media(prefers-reduced-motion:reduce){.dt-page *{transition:none!important}}.dt-seat-label{position:absolute;top:0;left:0;z-index:2;padding:3px 6px;border:1px solid #b8ccd9;border-radius:5px;background:#fffffff0;color:#365669;font-size:10px;white-space:nowrap;box-shadow:0 2px 5px #1b3c5012}.dt-seat-label:before,.dt-presence i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#a2aebb;content:"";flex:none}.dt-seat-label[data-state=online]:before,.dt-presence.is-online i{background:#299b68}.dt-seat-label[data-state=offline]:before,.dt-presence.is-offline i{background:#be6b6b}.dt-seat-label[hidden]{display:none}.dt-seat-label:hover,.dt-seat-label.is-selected{color:#076e94;border-color:#28a0bd;background:#e7faff;z-index:3}.dt-people{display:flex;flex-direction:column;flex:0 0 324px;min-width:0;z-index:3;border-left:1px solid #dde6ed;background:#fff}.dt-people-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 18px 15px}.dt-people-heading>div{display:flex;gap:9px;align-items:center;color:#395d70;font-size:14px}.dt-people button{cursor:pointer}.dt-people-heading button{display:flex;padding:4px;border:0;background:transparent;color:#7c8e9a}.dt-people-search{margin:0 18px 12px;padding:10px;border:1px solid #dce6ec;border-radius:7px;outline-color:#39a3bf;font-size:12px}.dt-people-back{margin:0 18px 8px;padding:0;border:0;background:transparent;color:#21809e;text-align:left;font-size:11px}.dt-people-body{flex:1;overflow:auto;padding:0 18px 20px}.dt-seat-list button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 8px;border:0;border-bottom:1px solid #edf1f4;background:transparent;color:#425f71;font-size:12px;text-align:left}.dt-seat-list button:hover{background:#f0f8fb}.dt-presence{display:flex;align-items:center;color:#8c99a4;font-size:11px}.dt-presence.is-online{color:#278a60}.dt-presence.is-offline{color:#ad6464}.dt-person-section{padding:15px 0;border-bottom:1px solid #e7edf1}.dt-person-section h3{display:flex;align-items:center;gap:7px;margin:0 0 12px;color:#4a6476;font-size:12px;font-weight:600}.dt-person-section h3>span{margin-left:auto;color:#8b9ca8;font-weight:400}.dt-person-note{color:#92a0ab;line-height:1.7;font-size:10px}.dt-device{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:8px;color:#6d818f;font-size:10px}.dt-device>span{overflow-wrap:anywhere}.dt-device small{flex:none;font-size:10px}.dt-person-project{padding:9px 0}.dt-person-project a{display:flex;align-items:center;gap:7px;color:#286b8b;text-decoration:none;font-size:12px;line-height:1.7}.dt-person-project .dt-person-phase{margin:5px 0 0 10px;color:#7c919f;font-size:11px}.dt-person-work{display:block;padding:11px 0;border-bottom:1px solid #f0f3f5;text-decoration:none}.dt-person-work strong{color:#506879;font-weight:400;font-size:12px;line-height:1.7}.dt-person-work small{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:#94a2ac;font-size:10px}.dt-person-empty{display:flex;align-items:center;gap:8px;padding:14px 0;color:#98a6b0;font-size:11px}.dt-person-login{margin-top:20px;padding:16px;border:1px solid #deebf1;border-radius:9px;background:#f6fafc}.dt-person-login p{margin:0 0 12px;font-size:11px;line-height:1.8;color:#7b909e}.dt-person-login button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #c7dee8;border-radius:6px;background:#fff;color:#3286a2;font-size:11px}.dt-person-error{color:#b26757;line-height:1.8;font-size:11px;overflow-wrap:anywhere}.dt-people-footer{display:flex;justify-content:space-between;padding:14px 18px;border-top:1px solid #e6edf2}.dt-people-footer button{display:flex;gap:5px;align-items:center;border:0;background:transparent;color:#7c929f;font-size:11px}@media(max-width:1200px){.dt-people{flex-basis:280px}}@media(max-width:760px){.dt-header{padding:0 14px}.dt-header-note,.dt-public-chip,.dt-heading .dt-chip{display:none}.dt-heading,.dt-header-actions{gap:8px}.dt-header-divider{margin:0}.dt-share{width:34px;padding:0;gap:0;font-size:0}.dt-login{padding:0 8px;font-size:11px}.dt-session-name{max-width:70px}.dt-sidebar{flex-basis:156px}.dt-scene-card{padding:20px 14px}.dt-scene-card h2{font-size:18px}.dt-scene-stats{flex-direction:column;gap:7px}.dt-zones{padding-left:7px;padding-right:7px}.dt-zone{gap:6px;padding:0 6px}.dt-section-heading{margin-left:5px;margin-right:5px}.dt-section-heading>span{display:none}.dt-layers{margin:0 7px}.dt-layer{padding:0 6px;gap:7px}.dt-people{position:absolute;top:64px;right:0;bottom:0;width:min(324px,85vw);box-shadow:-8px 0 25px #233b4d10}.dt-stage-heading{left:14px;top:62px}.dt-view-controls{right:12px}.dt-interaction-hint{gap:7px;font-size:9px}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:0;margin:0}body{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;background:#edf1f4}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{pointer-events:none}button,canvas{-webkit-user-select:none;user-select:none}