:root{--three-ink:#e9f3ef;--three-muted:#9db3ad;--three-accent:#b8f47b;--three-line:#c7e7d326;--three-panel:#102725e8}
.three-weather-audio{border-top:1px solid var(--three-line);margin-top:12px}.three-weather-audio input[type=checkbox]{accent-color:var(--three-accent)}.three-weather-audio label:first-child{display:flex;gap:8px;align-items:center}
#mainarea{position:fixed!important;inset:0;overflow:hidden!important;display:flex;align-items:center;justify-content:center}#canvas{flex:none;max-width:none!important;max-height:none!important}
.three-seq-audio,.three-seq-display{display:flex;align-items:center;gap:12px;margin-top:9px;font-size:10px;color:var(--three-muted)}.three-seq-audio label{display:flex;align-items:center;gap:6px;white-space:nowrap}.three-seq-audio input{width:95px;accent-color:var(--three-accent)}.three-seq-audio button,.three-seq-display button{font-size:10px;padding:3px 8px;min-height:28px}.three-seq-display label{display:flex;gap:8px;align-items:center}.three-seq-display select{background:#193a31;color:var(--three-ink);border:1px solid var(--three-line);border-radius:4px;padding:4px}.three-seq-display button{margin-left:auto}#three-playback-controls{bottom:12px!important;padding:12px 18px!important}.three-playing .three-header{min-height:54px;padding-top:8px;padding-bottom:8px;background:linear-gradient(#102725d0,#10272550);backdrop-filter:none}
.three-assets .three-asset-types{grid-template-columns:repeat(4,1fr)}.three-assets .three-asset-types button{padding:5px 2px;font-size:11px}
.three-rendering{border-top:1px solid var(--three-line);margin-top:14px;padding-top:4px}.three-rendering output{float:right;color:var(--three-accent)}.three-rendering select{width:100%;padding:8px;background:#102725;border:1px solid var(--three-line);border-radius:5px;color:var(--three-ink);font-size:12px}.three-rendering button{width:100%;min-height:30px;font-size:11px}.three-rendering p{font-size:11px;color:#e6c28e;margin:4px 0}.three-environment{max-height:calc(100dvh - 180px);overflow:auto}
.three-playing #three-explore,.three-playing #three-assets,.three-playing #three-environment,.three-playing #scene-web-views,.three-playing #scene-web-pois,.three-playing #scene-web-labels,.three-playing .three-footer,.three-playing #swt-panel{display:none!important}.three-playing #three-explore-toggle,.three-playing #three-assets-toggle,.three-playing #three-env-toggle,.three-playing #three-help-open{display:none}
#three-playback-shield{position:fixed;inset:74px 0 0;z-index:1300;touch-action:none;cursor:default}#three-playback-controls{bottom:24px;left:50%;transform:translateX(-50%);width:min(740px,calc(100vw - 32px));z-index:1500;background:var(--three-panel);border:1px solid var(--three-line);border-radius:10px;padding:16px 20px;backdrop-filter:blur(12px)}#three-playback-controls .three-sequence{border:0;padding:0;margin:0;background:none}#three-playback-controls .three-sequence-title small::after{content:' · 点击画面不会退出'}#three-playback-controls .three-tools{grid-template-columns:repeat(3,1fr)}#three-playback-controls .three-seq-progress{margin:12px 0 5px}#three-playback-controls .three-seq-speed{justify-content:flex-end}#three-playback-controls .three-seq-speed select{width:84px}
body{font-family:'Bahnschrift','Microsoft YaHei',sans-serif!important;color:var(--three-ink)}
[hidden]{display:none!important}
.three-ui{position:fixed;z-index:1400;box-sizing:border-box}
#scene-web-pois,#scene-web-labels{z-index:1200!important}
#scene-web-views{z-index:1350!important}
.three-ui *{box-sizing:border-box}
.three-ui button,.three-ui input,.three-ui select{font:inherit}
.three-ui button{border:1px solid var(--three-line);background:#ffffff07;color:var(--three-ink);border-radius:7px;cursor:pointer;transition:background .15s,border-color .15s;padding:9px 12px;min-height:38px}
.three-ui button:hover{background:#b8f47b18;border-color:#b8f47b88}
.three-ui button:focus-visible,.three-ui input:focus-visible,.three-ui select:focus-visible{outline:2px solid var(--three-accent);outline-offset:3px}
.three-ui button:disabled{opacity:.4;cursor:wait}
.three-ui button[aria-pressed=true]{border-color:var(--three-accent);background:#b8f47b1a;color:var(--three-accent)}
.three-header{top:0;left:0;right:0;min-height:70px;padding:14px 24px;display:flex;align-items:center;gap:17px;background:linear-gradient(#102725f7,#102725cd);border-bottom:1px solid var(--three-line);backdrop-filter:blur(16px)}
.three-mark{font-size:23px;letter-spacing:-1.5px;font-weight:700;color:var(--three-accent);border-right:1px solid var(--three-line);padding-right:20px}
.three-title h1{font-size:17px;font-weight:500;letter-spacing:.15em;margin:0 0 3px}.three-title p{font-size:10px;color:var(--three-muted);letter-spacing:.24em;margin:0}
.three-status{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--three-muted)}.three-status i{width:6px;height:6px;border-radius:50%;background:#d7b66e}.three-status[data-ready=true] i{background:var(--three-accent);box-shadow:0 0 12px #b8f47b80}
.three-header-actions{display:flex;gap:7px}.three-header-actions button{font-size:12px;min-height:34px;padding:5px 12px}
.three-explore{top:92px;left:24px;width:276px;max-height:calc(100dvh - 232px);overflow:auto;padding:20px;background:var(--three-panel);border:1px solid var(--three-line);border-radius:12px;backdrop-filter:blur(14px);box-shadow:0 16px 45px #071a1920;scrollbar-width:thin;scrollbar-color:#b8f47b66 transparent}
.three-explore::-webkit-scrollbar{width:5px}.three-explore::-webkit-scrollbar-thumb{background:#b8f47b66;border-radius:4px}
.three-eyebrow{font-size:10px;letter-spacing:.24em;color:var(--three-accent);margin:0 0 10px}.three-explore h2{font-size:21px;font-weight:400;letter-spacing:.08em;margin:0 0 8px}.three-description{font-size:11px;color:var(--three-muted);line-height:1.8;margin:0 0 17px}
.three-tabs{display:flex;gap:6px;margin-bottom:15px}.three-tabs button{flex:1;font-size:12px;padding:6px;min-height:34px}
.three-views{display:grid;gap:6px}.three-view{text-align:left;display:flex;align-items:center;gap:12px;width:100%}.three-view .number{font-size:10px;letter-spacing:.04em;color:var(--three-muted);font-variant-numeric:tabular-nums}.three-view .name{font-size:12px}.three-view .arrow{margin-left:auto;color:var(--three-accent)}
.three-sequence{padding:13px;margin-bottom:16px;background:#b8f47b08;border:1px solid #b8f47b35;border-radius:8px}.three-sequence-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px}.three-sequence-title small{font-size:9px;color:var(--three-muted)}.three-seq-progress{display:block;margin:9px 0 0;font-size:10px;color:var(--three-muted);font-variant-numeric:tabular-nums}.three-seq-progress input{display:block;width:100%;accent-color:var(--three-accent);margin:7px 0}.three-seq-speed{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--three-muted)}.three-seq-speed select{background:#193a31;color:var(--three-ink);border:1px solid var(--three-line);border-radius:4px;padding:3px 7px}
.three-section{padding-top:18px;margin-top:16px;border-top:1px solid var(--three-line)}.three-section h3{font-size:11px;font-weight:400;letter-spacing:.16em;color:var(--three-muted);margin:0 0 12px}
.three-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.three-tools button{font-size:11px;padding:8px}.three-tour{width:100%;margin-top:12px!important;background:#b8f47b!important;color:#173126!important;border-color:#b8f47b!important;font-size:12px!important}.three-tour[aria-pressed=true]{background:#324c32!important;color:var(--three-accent)!important}
.three-layer{display:flex;align-items:center;gap:9px;font-size:12px;padding:10px 0;border-bottom:1px solid #ffffff0a}.three-layer input{accent-color:var(--three-accent);width:16px;height:16px}.three-layer small{margin-left:auto;font-size:10px;color:var(--three-muted);font-variant-numeric:tabular-nums}
.three-environment{top:92px;right:24px;width:246px;padding:17px;background:var(--three-panel);border:1px solid var(--three-line);border-radius:12px;backdrop-filter:blur(14px)}.three-environment>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:13px}.three-environment label{font-size:11px;color:var(--three-muted);display:block;margin:13px 0 7px}.three-environment input[type=range]{width:100%;accent-color:var(--three-accent)}.three-weather{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.three-weather button{font-size:11px;padding:6px;min-height:36px}.three-time{font:27px 'Bahnschrift',sans-serif;color:var(--three-accent);font-variant-numeric:tabular-nums}.three-environment small{font-size:10px;color:var(--three-muted);line-height:1.6;display:block;margin:10px 0}
/* Keep the close control outside the scrolling settings, including later plugins. */
#three-environment{display:flex;flex-direction:column;min-height:0;max-width:calc(100vw - 24px);padding:0;overflow:hidden;--three-environment-padding:17px}
#three-environment>header{flex:none;gap:12px;margin:0;padding:12px var(--three-environment-padding);border-bottom:1px solid var(--three-line)}
.three-environment-heading{min-width:0;display:grid;gap:4px;line-height:1.3}
.three-environment-heading .three-eyebrow{margin:0;font-size:9px;letter-spacing:.14em}
#three-environment-close{flex:none;display:flex;align-items:center;gap:7px;min-height:36px;padding:6px 10px;font-size:11px;white-space:nowrap}
#three-environment-close span[aria-hidden]{font-size:19px;line-height:1}
#three-environment-body{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:var(--three-environment-padding);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--three-line) transparent;overflow-wrap:anywhere}
#three-environment-body:focus-visible{outline:2px solid var(--three-accent);outline-offset:-3px}
#three-environment-body::-webkit-scrollbar{width:6px}
#three-environment-body::-webkit-scrollbar-thumb{background:var(--three-line);border-radius:4px}
@media(max-width:600px){#three-environment{width:min(332px,calc(100vw - 24px));right:12px;max-height:calc(100dvh - 98px);--three-environment-padding:12px}}
@media(max-height:650px){#three-environment{top:12px;max-height:calc(100dvh - 24px);z-index:93000}}
.three-footer{bottom:20px;left:24px;right:24px;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-end;gap:15px;color:#f2fff7;font-size:10px;text-shadow:0 1px 5px #000}.three-footer span{background:#102725ba;padding:7px 11px;border:1px solid var(--three-line);border-radius:5px}.three-footer .three-coordinates{font-variant-numeric:tabular-nums;text-align:right}
#scene-web-views{left:50%!important;bottom:65px!important;transform:translateX(-50%)!important;max-width:calc(100vw - 40px);width:max-content;background:var(--three-panel)!important;border:1px solid var(--three-line)!important;border-radius:10px!important;padding:5px!important;backdrop-filter:blur(14px)}#scene-web-views button{font:12px 'Microsoft YaHei',sans-serif!important;border-radius:6px!important}#scene-web-views button[aria-pressed=true]{color:var(--three-accent)!important;border-color:var(--three-accent)!important;background:#b8f47b20!important}
#swt-panel{left:auto!important;right:24px!important;top:92px!important;z-index:1500!important;max-height:calc(100dvh - 180px);overflow:auto}#swt-config-toggle{display:none!important}
#swt-panel [data-swt-tab="palette"],#swt-panel [data-swt-pane="palette"]{display:none!important}
.three-toast{bottom:124px;left:50%;transform:translateX(-50%);max-width:80vw;background:#153832f2;border:1px solid #b8f47b66;color:#f4fff8;padding:11px 18px;border-radius:7px;font-size:12px;z-index:2400}
.three-help{border:1px solid var(--three-line);border-radius:14px;background:#102725;color:var(--three-ink);width:min(470px,90vw);padding:30px}.three-help::backdrop{background:#051312a6;backdrop-filter:blur(5px)}.three-help h2{font-size:21px;font-weight:400;margin:0 0 20px}.three-help dl{display:grid;grid-template-columns:120px 1fr;gap:13px;font-size:12px;line-height:1.5}.three-help dd{margin:0;color:var(--three-muted)}.three-help p{font-size:11px;line-height:1.8;color:var(--three-muted)}.three-help button{width:100%;margin-top:15px}
.dq-loading .three-ui:not(.three-toast){visibility:hidden}
@media(max-width:900px){.three-environment{top:86px;right:12px}.three-header{padding:12px 16px;gap:12px}.three-mark{padding-right:12px}.three-title h1{font-size:14px}.three-status{display:none}.three-header-actions{margin-left:auto}.three-explore{left:12px;top:86px;width:238px;padding:15px}.three-footer{left:12px;right:12px}.three-footer>span:first-child{display:none}}
@media(max-width:600px){.three-title p{display:none}.three-mark{font-size:18px}.three-title h1{font-size:12px;letter-spacing:.03em}.three-header-actions button{padding:4px 7px;font-size:10px}.three-header{min-height:61px;padding:10px}.three-explore{top:auto;bottom:84px;left:10px;width:220px;max-height:52dvh}.three-explore h2{font-size:17px}.three-description{display:none}.three-environment{top:74px;width:220px;right:10px}.three-footer{bottom:13px;font-size:9px}#scene-web-views{bottom:48px!important;overflow-x:auto;display:flex!important;width:calc(100vw - 20px)!important;justify-content:flex-start!important}#scene-web-views button{white-space:nowrap;font-size:10px!important}#swt-panel{top:74px!important;right:10px!important;width:calc(100vw - 20px)!important}.three-help dl{grid-template-columns:100px 1fr}}
@media(prefers-reduced-motion:reduce){.three-ui *{transition:none!important;animation:none!important}}
.three-assets{top:92px;right:24px;width:330px;max-height:calc(100dvh - 190px);overflow:auto;padding:20px;background:var(--three-panel);border:1px solid var(--three-line);border-radius:12px;backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:#b8f47b66 transparent}
.three-assets>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.three-assets h2{font-size:18px;font-weight:500;margin:0 0 16px}.three-assets>header button{font-size:19px;min-height:28px;padding:0 8px}.three-asset-types{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.three-asset-types button{font-size:12px;padding:7px}.three-asset-search{display:block;font-size:10px;color:var(--three-muted)}.three-asset-search input,.three-assets select{width:100%;padding:10px 11px;margin:7px 0;background:#081e19;border:1px solid var(--three-line);border-radius:5px;color:var(--three-ink);font:12px 'Microsoft YaHei',sans-serif}.three-assets select{font-size:11px;padding:8px}.three-assets input::placeholder{color:#78988b}.three-assets .three-description{margin:6px 0 10px}.three-asset-list{max-height:265px;overflow:auto;display:grid;gap:5px;scrollbar-width:thin;scrollbar-color:#b8f47b66 transparent}.three-asset-row{text-align:left;display:flex;flex-direction:column;gap:6px;padding:11px!important}.three-asset-row>span{font-size:12px;line-height:1.5}.three-asset-row>small{font-size:9px;color:var(--three-muted)}.three-asset-detail{margin-top:16px;padding:15px;background:#b8f47b09;border:1px solid #b8f47b40;border-radius:7px}.three-asset-detail h3{font-size:14px;line-height:1.65;margin:0 0 8px;font-weight:500}.three-asset-detail p:not(.three-eyebrow){font-size:10px;line-height:1.7;color:var(--three-muted);margin:7px 0}.three-asset-detail button{font-size:11px;min-height:31px;margin-top:6px}.three-assets .three-assets-hint{padding-top:12px;border-top:1px solid var(--three-line);margin:14px 0 0}
#scene-web-pois button[data-poi^="device-"],#scene-web-pois button[data-poi^="camera-"]{width:20px;height:20px;min-width:20px;min-height:20px;padding:0;border-radius:50%;background:#102725e8;font-size:11px!important;justify-content:center}
#scene-web-pois button[data-poi^="device-"]:before,#scene-web-pois button[data-poi^="camera-"]:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--poi-color);box-shadow:0 0 7px var(--poi-color)}
#scene-web-pois button[data-poi^="camera-"]:before{border-radius:1px;transform:rotate(45deg)}
#scene-web-pois button[data-poi^="device-"]>span:last-child,#scene-web-pois button[data-poi^="camera-"]>span:last-child{display:none;position:absolute;left:calc(100% + 9px);top:50%;transform:translateY(-50%);padding:6px 9px;border-radius:4px;background:#102725f2;border:1px solid var(--poi-color);color:var(--poi-color);pointer-events:none}
#scene-web-pois button[data-poi^="device-"]:is(:hover,:focus-visible)>span:last-child,#scene-web-pois button[data-poi^="camera-"]:is(:hover,:focus-visible)>span:last-child{display:block}
.three-assets{height:calc(100dvh - 190px);display:flex;flex-direction:column;overflow:hidden;padding:16px}
.three-assets>header,.three-asset-types,.three-asset-search,.three-assets select,.three-assets .three-description,.three-asset-detail{flex-shrink:0}
.three-assets .three-eyebrow{margin-bottom:6px}.three-assets h2{font-size:16px;margin-bottom:10px}
.three-asset-types{margin-bottom:10px}.three-asset-types button{min-height:32px;padding:5px}
.three-asset-search input{padding:8px 10px;margin:5px 0}.three-assets select{margin:5px 0}
.three-asset-list{flex:1;min-height:60px;max-height:none}.three-asset-row{padding:9px!important;gap:4px}
.three-asset-detail{margin-top:10px;padding:10px 12px}.three-asset-detail h3{font-size:12px;line-height:1.5;margin-bottom:5px}.three-asset-detail p:not(.three-eyebrow){margin:4px 0}.three-asset-detail button{margin-top:3px}
.three-assets .three-assets-hint{font-size:10px;line-height:1.5;padding-top:8px;margin-top:10px}
.three-assets:has(.three-asset-detail:not([hidden])) .three-assets-hint{display:none}
@media(max-width:900px){.three-assets{right:12px;top:86px;width:300px}.three-header .three-title p{display:none}}
@media(max-width:600px){.three-assets{right:10px;top:74px;width:min(310px,calc(100vw - 20px));height:calc(100dvh - 145px);max-height:calc(100dvh - 145px)}.three-assets .three-description{display:block}.three-header .three-title{display:none}.three-header-actions{gap:4px}}
@media(max-height:600px){.three-assets>header .three-eyebrow,.three-assets .three-assets-hint,.three-asset-search>span{display:none}.three-assets h2{font-size:14px}.three-asset-detail{padding:8px}.three-asset-detail h3{max-height:36px;overflow:auto}.three-asset-detail .three-eyebrow{display:none}.three-assets{top:80px;height:calc(100dvh - 175px);max-height:calc(100dvh - 175px)}}

/* Compact glass transport: progress first, a single row of small controls. */
.three-seq-audio{position:relative;gap:7px}.three-seq-audio input{width:70px}.three-seq-audio button{white-space:nowrap}
.three-outline-preview{display:block;font-size:10px;color:var(--three-muted);margin-top:8px}.three-outline-preview select{margin:5px 0;font-size:11px;padding:5px}.three-outline-preview small{font-size:9px;display:block;line-height:1.5}
#three-audio-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#three-playback-controls{width:min(680px,calc(100vw - 32px));bottom:18px!important;padding:8px 12px!important;background:#0c241f85;border:1px solid #e5fff52c;border-radius:12px;backdrop-filter:blur(16px);box-shadow:0 5px 24px #061b1926}
#three-playback-controls .three-sequence{display:grid;grid-template-columns:auto auto 1fr auto;gap:5px 12px;align-items:center}
#three-playback-controls .three-sequence-title{display:none}
#three-playback-controls .three-seq-progress{grid-column:1/-1;grid-row:1;margin:0;display:flex;gap:12px;align-items:center}
#three-playback-controls .three-seq-progress>span{order:2;font-size:10px;min-width:78px;text-align:right;white-space:nowrap}
#three-playback-controls .three-seq-progress input{flex:1;min-width:0;margin:0;height:12px;cursor:pointer}
#three-playback-controls input[type=range]{appearance:none;background:transparent}
#three-playback-controls input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:#d9efe13d}
#three-playback-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#c4eeac;margin-top:-3px;box-shadow:0 0 0 2px #c4eeac18}
#three-playback-controls .three-tools{grid-row:2;display:flex;gap:6px}
#three-playback-controls button{min-height:29px;padding:4px 9px;font-size:11px;border-color:#e5fff51d;background:#ffffff06;border-radius:6px;white-space:nowrap}
#three-playback-controls #three-seq-play{min-width:70px;color:#d6fac4;background:#b8f47b12}
#three-playback-controls #three-seq-stop{border-color:transparent;color:#d6e2dd}
#three-playback-controls #three-seq-capture{display:none}
#three-playback-controls .three-seq-speed{grid-row:2;gap:5px;justify-content:flex-start;font-size:0}
#three-playback-controls .three-seq-speed select{width:48px;height:28px;padding:2px 5px;font-size:11px;background:#ffffff07}
#three-playback-controls .three-seq-audio{grid-row:2;grid-column:3;gap:7px;margin:0;justify-content:flex-end}
#three-playback-controls .three-seq-audio label{font-size:0}
#three-playback-controls .three-seq-audio input{width:70px;height:15px}
#three-playback-controls #three-audio-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#three-playback-controls .three-seq-display{grid-row:2;grid-column:4;margin:0;gap:5px}
#three-playback-controls .three-seq-display select{font-size:10px;background:#ffffff07;border-color:#e5fff51d;height:28px;padding:2px 5px;width:86px}
#three-playback-controls #three-seq-fullscreen{font-size:20px;line-height:18px;min-width:30px;padding:3px 5px}
@media(max-width:550px){#three-playback-controls{width:calc(100vw - 20px);padding:7px 9px!important;bottom:10px!important}#three-playback-controls .three-sequence{gap:5px 6px}#three-playback-controls .three-seq-audio input{width:38px}#three-playback-controls .three-seq-display label{display:none}#three-playback-controls #three-seq-play{min-width:60px}#three-playback-controls button{padding:4px 6px;font-size:10px}}