@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Microsoft YaHei,PingFang SC,sans-serif;color:#e9eee5;background:#111715;font-synthesis:none;font-weight:400;--accent: #d1e7bc;--muted: #8c988f;--line: rgba(221, 233, 216, .14);--panel: rgba(20, 27, 24, .77)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .2s,color .2s,transform .2s}a{color:inherit;text-decoration:none}button:hover{color:#fff}button:active:not(:disabled){transform:translateY(1px)}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.mono{font-family:DM Sans,monospace;letter-spacing:1.4px}.hidden{opacity:0!important}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #cce5b43b;flex-shrink:0}#app,#scene{position:fixed;inset:0}#scene{background:radial-gradient(ellipse at 65% 50%,#483728,#192523 60%,#121a1c)}#scene canvas{display:block;outline:none;width:100%;height:100%;touch-action:none}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,19,16,.9),rgba(12,19,16,.48) 25%,transparent 52%),linear-gradient(0deg,#101714 0%,transparent 24%,transparent 81%,rgba(12,19,16,.65) 100%)}.topbar{position:absolute;top:0;left:0;right:0;height:88px;margin:0 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:4}.brand{display:flex;gap:13px;align-items:center}.brand>.icon{height:35px;width:35px;color:var(--accent);stroke-width:1.2}.brand>span{font-size:17px;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:3.3px;color:#a9b3a7;margin-top:5px}.top-center{display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:2px;color:#a6b2a7;margin-right:22px}.version{margin-left:12px;color:#758279;font-size:8px}.top-actions{display:flex;align-items:center;gap:15px}.icon-button{width:31px;height:34px;padding:5px;color:#a9b3a8;display:inline-flex;align-items:center;justify-content:center;border-radius:5px}.icon-button:hover,.icon-button.active{background:#d8e8ce12;color:var(--accent)}.icon-button .icon{width:18px;height:18px}.action-separator{display:inline-block;height:19px;width:1px;background:var(--line);flex-shrink:0}.about-button{display:flex;align-items:center;gap:13px;font-size:11px;color:#bcc4b8;padding:6px 0 6px 4px}.about-button .icon{width:15px;height:15px}.intro{position:absolute;left:44px;top:119px;pointer-events:none}.eyebrow{font-size:10px;color:#b8c4b1;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:15px;height:1px;background:var(--accent)}h1{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-weight:400;font-size:49px;letter-spacing:3px;line-height:1.25;margin:16px 0 11px}h1 span{color:var(--accent)}.intro p{font-size:11px;line-height:1.9;letter-spacing:.8px;color:#99a698;margin:0}.control-panel{position:absolute;top:291px;left:42px;width:288px;padding:20px 21px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:3;box-shadow:0 15px 70px #0000000a}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.panel-heading>span:first-child{font-size:12px;letter-spacing:1.5px;font-weight:500}.panel-heading>.mono{font-size:7px;color:#77867b;letter-spacing:1.1px}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:11px;color:#b7c1b3}.key-hint{font-size:9px;color:#738173}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#090f0c66;border:1px solid #d7e7ca0e;border-radius:6px}.segmented button{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:#819080;border-radius:3px;white-space:nowrap}.segmented button .icon{width:15px;height:15px}.segmented button.selected{background:#d1e7bc;color:#263526;box-shadow:0 2px 8px #0002}.segmented button:not(.selected):hover{background:#cbe1b814}.pose-line{display:flex;align-items:center;gap:7px;font-size:9px;color:#778776;margin-top:13px}.pose-line .icon{width:13px;height:13px}.pose-line strong{margin-left:auto;color:#aab6a2;font-size:9px;font-weight:400}.panel-divider{height:1px;background:var(--line);margin:17px 0}.field-label output{font-size:10px;color:var(--accent)}input[type=range]{--fill: 50%;display:block;width:100%;height:14px;margin:0;appearance:none;-webkit-appearance:none;cursor:pointer;background:transparent;outline:none}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--fill),#c8dcbb22 var(--fill),#c8dcbb22 100%)}input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:#c8dcbb22}input[type=range]::-moz-range-progress{height:3px;background:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:9px;width:9px;border-radius:50%;background:#e0efd2;margin-top:-3px;box-shadow:0 0 0 3px #d2e7bf0a}input[type=range]::-moz-range-thumb{height:9px;width:9px;border:none;border-radius:50%;background:#e0efd2}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid #fff;outline-offset:3px}.range-ends{display:flex;justify-content:space-between;font-size:8px;color:#6f7e70;margin-top:5px}.scale-label,.environment-label{margin-top:17px}.select-wrap{height:35px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;padding:0 10px;position:relative;background:#19221ba8}.select-wrap>.icon{width:14px;height:14px;color:#a4b799}.select-wrap select{appearance:none;cursor:pointer;width:100%;height:100%;background:none;color:#c6d1c0;border:0;padding-left:9px;outline-offset:1px;font-size:10px}.select-wrap option{background:#1b251e}.chevron{position:absolute;right:11px;top:7px;pointer-events:none;color:#8e9c86;font-size:13px}.effects-row{display:flex;align-items:center;gap:8px;margin:17px 0 19px;font-size:9px;color:#92a08b}.effects-row label:nth-of-type(2){margin-left:auto}.switch{width:26px;height:14px;padding:2px;border-radius:20px;background:#435041;border:1px solid #ccdec013;display:flex;align-items:center}.switch>span{display:block;width:8px;height:8px;background:#9fae97;border-radius:50%;transition:transform .2s}.switch.on{background:#a7c794}.switch.on>span{background:#22341e;transform:translate(12px)}.detonate-button{display:flex;align-items:center;gap:10px;width:100%;height:43px;padding:0 14px;border-radius:5px;background:var(--accent);color:#253321;font-size:12px;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 16px #b2d09310}.detonate-button>.icon{width:17px;height:17px}.detonate-button>.icon:last-child{margin-left:auto;width:17px}.detonate-button:hover{background:#e4f4d5;color:#172111;box-shadow:0 3px 25px #b2d0931a}.panel-footnote{text-align:center;font-size:8px;letter-spacing:.3px;color:#6e7e6b;margin:11px 0 0}.mobile-settings{display:none}.scene-status{position:absolute;top:117px;right:42px;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.6px;color:#a7b39e}.scene-status-divider{color:#5e705c;margin:0 4px}.scene-caption{position:absolute;left:45%;top:131px;display:flex;gap:12px;align-items:center;color:#a8b49c;pointer-events:none}.tiny-cross{font-size:23px;font-weight:400;color:#c9d9b6}.scene-caption>span:nth-child(2){font-size:9px;letter-spacing:2px}.scene-caption strong{display:block;font-weight:400;font-size:7px;letter-spacing:2px;color:#83927a;margin-top:6px}.caption-line{width:35px;height:1px;background:#cfe1c332;margin-left:8px}.observer-tag{position:absolute;left:72%;bottom:24%;display:flex;align-items:center;gap:12px;pointer-events:none;transition:opacity .4s}.tag-line{width:35px;height:1px;background:#cfe1c354}.observer-tag>span:last-child{font-size:8px;letter-spacing:1.8px;color:#bec8ad}.observer-tag small{display:block;font-size:9px;letter-spacing:.4px;color:#87947d;margin-top:7px}.orientation{position:absolute;right:38px;top:46%;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:8px;color:#7d8d78;pointer-events:none}.orientation>span:first-child{color:#bdcbae;font-size:10px}.compass{position:relative;width:42px;height:42px;border:1px solid #c5d5b223;border-radius:50%;display:flex;align-items:center;justify-content:center}.compass .icon{width:30px;height:30px;opacity:.5;stroke-width:.7}.compass>span{position:absolute;left:17px;top:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:9px solid #c3d4b0;transform:rotate(18deg)}.scene-hint{position:absolute;bottom:162px;left:calc(50% + 30px);display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.5px;color:#99a58c;pointer-events:none;transform:translate(-10%)}.scene-hint .icon{width:14px;height:14px}.playback-panel{position:absolute;bottom:0;left:40px;right:40px;height:139px;border-top:1px solid #d6e2c92b;z-index:2}.playback-top{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.timeline-heading{display:flex;align-items:center;gap:8px;font-size:10px;color:#b9c5ac}.preview-label{font-size:8px;color:#76866f;border:1px solid #a9c29424;padding:2px 6px;margin-left:5px;border-radius:3px;letter-spacing:.5px}.time-display{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#697e65}.time-display>span:first-child{color:#c5d7b6}.playback-controls{display:flex;align-items:center;gap:20px;height:58px}.play-button{width:34px;height:34px;flex-shrink:0;background:#cfe6b8;color:#2d3e25;border-radius:50%;display:flex;align-items:center;justify-content:center}.play-button:hover{background:#e7f6dc;color:#263720}.play-button .icon{width:18px;height:18px}.replay-button{width:21px;padding:0;flex-shrink:0;margin-right:5px}.replay-button .icon{width:16px;height:16px}.timeline-wrapper{flex:1;min-width:0;position:relative;margin-top:20px}.timeline-wrapper input{height:18px}.timeline-wrapper input::-webkit-slider-runnable-track{height:2px}.timeline-wrapper input::-webkit-slider-thumb{margin-top:-3.5px;width:9px;height:9px}.timeline-markers{display:flex;justify-content:space-between;margin-top:5px;position:relative}.timeline-markers button{position:relative;font-size:8px;color:#687e60;padding:0}.timeline-markers button:hover{color:var(--accent)}.timeline-markers button:before{content:"";position:absolute;top:-18px;left:50%;width:1px;height:4px;background:#d1e6b33a;pointer-events:none}.timeline-markers button:first-child:before{left:1px}.timeline-markers button:last-child:before{left:auto;right:0}.speed-button{margin-left:6px;width:34px;font-size:11px;color:#b6c8a8;flex-shrink:0}.capture-button{display:flex;align-items:center;gap:9px;font-size:10px;color:#b0c0a2;white-space:nowrap;padding:5px 0 5px 3px}.capture-button .icon{width:17px;height:17px}.footer-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#52694e;margin-top:12px}.footer-meta>span:nth-child(2){font-size:8px;color:#72836a}.footer-meta .mono{font-size:7px;letter-spacing:1.7px}.meta-dot{margin:0 12px;color:#526448}kbd{font-family:inherit;font-size:7px;color:#8c9d80;margin-right:3px}.toast{position:fixed;left:50%;bottom:164px;transform:translate(-50%,10px);padding:12px 22px;background:#283625ed;border:1px solid #d1e4be2c;box-shadow:0 8px 30px #0003;border-radius:7px;color:#d8e8ca;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%)}.loading{position:absolute;inset:89px 0 140px 350px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#111b17dd;z-index:2;transition:opacity .7s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;color:#cddcbe;letter-spacing:2px}.loading small{font-size:8px;color:#8b9d80;letter-spacing:2px}.loading.loaded{opacity:0;pointer-events:none}.loading-orbit{width:35px;height:35px;border:1px solid #c4deb330;border-top-color:var(--accent);border-radius:50%;animation:spin 1.5s linear infinite}.retry-button{padding:9px 16px;border:1px solid #cfe6b833;border-radius:5px;font-size:11px}.load-error small{line-height:1.8;text-align:center;padding:0 20px;letter-spacing:0}@keyframes spin{to{transform:rotate(360deg)}}dialog{color:#d7e2cf;width:470px;max-width:calc(100vw - 32px);padding:30px;border:1px solid #ccddbc2e;border-radius:12px;background:#1a251ded;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 30px 130px #000a}dialog::backdrop{background:#080f0ad1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading .eyebrow{font-size:8px}dialog h2{font-size:35px;font-weight:400;line-height:1.5;letter-spacing:2px;margin:20px 0}dialog p{font-size:12px;line-height:2;color:#a2b499}dialog .dialog-note{font-size:10px;line-height:1.9;color:#79936e;padding:15px 0 24px;border-top:1px solid var(--line);margin-top:20px}dialog .detonate-button{margin-top:3px}.flash-warning-dialog{width:560px;max-height:calc(100dvh - 32px);border-color:#d9b37c45}.flash-warning-dialog[open]{display:flex;flex-direction:column}.flash-warning-dialog .dialog-heading,.flash-warning-dialog h2,.flash-warning-actions{flex-shrink:0}.flash-warning-dialog .eyebrow{color:#e1bc89;font-size:10px}.flash-warning-dialog h2{font-size:23px;font-weight:500;letter-spacing:.5px;color:#f1dcc0;margin:19px 0 14px}#flash-warning-body{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#75816c transparent}#flash-warning-body p{font-size:14px;line-height:1.95;color:#c3cdbb;margin:0 0 14px}#flash-warning-body p:last-child{margin-bottom:0}.flash-warning-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.flash-warning-actions .detonate-button,.warning-confirm-button{height:44px;margin:0;justify-content:center;font-size:12px;letter-spacing:0}.warning-confirm-button{border:1px solid #dfb47c60;border-radius:5px;color:#dfbd91}.warning-confirm-button:hover{color:#f5debd;background:#dfb47c12}@media(max-width:480px){.flash-warning-dialog{padding:22px}.flash-warning-dialog h2{font-size:20px}.flash-warning-actions{grid-template-columns:1fr;gap:10px;margin-top:18px;padding-top:16px}}@media(min-width:1600px)and (min-height:900px){.topbar{margin:0 56px;height:98px}.intro{left:60px;top:143px}h1{font-size:58px;margin-top:19px}.intro p{font-size:12px}.control-panel{left:58px;top:345px;width:310px;padding:24px 23px 15px}.panel-heading{margin-bottom:25px}.panel-divider,.effects-row{margin:21px 0}.scale-label,.environment-label{margin-top:20px}.detonate-button{height:46px}.scene-status{right:58px;top:133px}.scene-caption{top:154px}.playback-panel{left:56px;right:56px;height:153px}.playback-top{margin-top:21px}.scene-hint{bottom:179px}.footer-meta{margin-top:17px}}@media(max-height:960px)and (min-width:761px){.topbar{height:72px}.intro{top:96px}.eyebrow{font-size:9px}h1{font-size:42px;margin:11px 0 9px}.intro p{font-size:10px}.control-panel{top:238px;padding:16px 18px 10px;width:276px;max-height:calc(100dvh - 377px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#526448 transparent}.panel-heading{margin-bottom:17px}.panel-divider{margin:13px 0}.pose-line{margin-top:10px}.scale-label,.environment-label{margin-top:12px}.field-label{margin-bottom:8px}.effects-row{margin:13px 0 14px}.detonate-button{height:38px}.scene-status{top:98px}.scene-caption{top:110px}.playback-panel{height:119px}.playback-top{margin-top:12px}.playback-controls{height:51px}.footer-meta{margin-top:8px}.scene-hint{bottom:143px}.loading{inset:73px 0 120px 330px}}@media(max-width:1100px){.top-center{display:none}.scene-caption{left:49%}.observer-tag{left:75%}.observer-tag small{max-width:100px;line-height:1.6}.tag-line{width:15px}.orientation{right:26px}.footer-meta>span:first-child{display:none}.intro,.control-panel{left:28px}.topbar{margin:0 28px}.playback-panel{left:28px;right:28px}.scene-status{right:28px}.playback-controls{gap:14px}.scene-hint{left:58%;font-size:8px}.caption-line{display:none}}@media(max-width:760px){.topbar{height:70px;margin:0 20px}.brand{gap:9px}.brand>.icon{width:29px;height:29px}.brand>span{font-size:13px;letter-spacing:1.7px}.brand small{font-size:7px;letter-spacing:2.4px}.top-actions{gap:9px}.about-button{font-size:0;gap:0;padding-left:0}.about-button>.icon{width:17px;height:17px}.top-actions .action-separator{display:none}.top-actions .icon-button{width:27px}.intro{left:24px;top:105px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:39px;margin:12px 0 10px;letter-spacing:2px}.intro p{font-size:9px;line-height:1.8}.scene-shade{background:linear-gradient(180deg,#0d181a99,transparent 35%,transparent 59%,#101714 87%),linear-gradient(90deg,#111b1950,transparent 60%)}.mobile-settings{display:flex;position:absolute;left:24px;top:245px;z-index:6;align-items:center;gap:8px;border:1px solid #d8e9c726;border-radius:5px;background:#1b2a21c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:9px 12px;font-size:10px;color:#c6d6b9}.mobile-settings .icon{width:13px;height:13px}.control-panel{display:none;top:289px;left:24px;width:280px;padding:18px;max-height:calc(100dvh - 459px);overflow:auto;background:#1a261ded;z-index:7;box-shadow:0 20px 90px #0009}.control-panel.mobile-open{display:block}.panel-heading{margin-bottom:16px}.field-label{margin-bottom:8px}.panel-divider{margin:13px 0}.effects-row{margin:15px 0}.scale-label,.environment-label{margin-top:14px}.scene-status{top:88px;right:20px;font-size:7px;gap:5px}.scene-status .live-dot{width:4px;height:4px}.scene-caption{display:none}.orientation{right:15px;top:40%;transform:scale(.8);transform-origin:right}.observer-tag{left:auto;right:25px;bottom:29%;gap:8px}.observer-tag>span:last-child{font-size:7px}.observer-tag small{font-size:8px;max-width:none}.tag-line{width:16px}.scene-hint{left:50%;bottom:177px;transform:translate(-50%);font-size:8px;white-space:nowrap}.playback-panel{left:22px;right:22px;height:150px}.playback-top{margin-top:16px}.timeline-heading{font-size:9px;gap:6px}.preview-label{font-size:7px}.time-display{font-size:9px;letter-spacing:.4px}.playback-controls{gap:11px;height:68px;flex-wrap:nowrap}.play-button{width:30px;height:30px}.replay-button{width:16px;margin-right:2px}.timeline-wrapper{margin-top:20px}.timeline-markers button{font-size:7px}.timeline-markers button:nth-child(2){display:none}.speed-button{width:23px;font-size:10px;margin-left:0;padding:0}.playback-controls .action-separator{display:none}.capture-button{padding:0}.capture-button .icon{width:17px;height:17px}.capture-button>span{display:none}.footer-meta{margin-top:15px;font-size:7px}.footer-meta>span:nth-child(2){display:none}.footer-meta>span:first-child{display:block;font-size:7px;letter-spacing:.3px}.footer-meta .mono{font-size:6px;letter-spacing:1px}.toast{bottom:166px;font-size:11px;white-space:nowrap}.loading{inset:72px 0 150px;background:#15211bea}.loading small{font-size:7px}.control-panel .panel-footnote{font-size:8px}}@media(max-width:390px){.topbar{margin:0 15px}.top-actions{gap:3px}.brand>span{font-size:12px}.brand small{font-size:6px}.intro,.mobile-settings,.control-panel{left:20px}.playback-panel{left:18px;right:18px}.playback-controls{gap:9px}.footer-meta>span:first-child{font-size:6px}.observer-tag small{max-width:100px}h1{font-size:35px}}@media(max-height:680px)and (min-width:761px){.intro{top:91px}.intro p{display:none}h1{font-size:33px;margin-top:8px}.control-panel{top:175px;bottom:132px;overflow-y:auto;width:268px;padding:14px 17px}.panel-heading{margin-bottom:13px}.pose-line{margin-top:8px}.panel-divider{margin:10px 0}.effects-row{margin:12px 0}.scene-caption{top:106px}.scene-hint{bottom:135px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loading-orbit{animation:none}}.timeline-markers{height:12px}.timeline-markers button{position:absolute;transform:translate(-50%)}.timeline-markers button:first-child{left:0;transform:none}.timeline-markers button:nth-child(2){left:4.1667%}.timeline-markers button:nth-child(3){left:16.6667%}.timeline-markers button:nth-child(4){left:41.6667%}.timeline-markers button:nth-child(5){left:83.3333%}.timeline-markers button:last-child:before{left:50%;right:auto}@media(max-height:820px)and (min-width:761px){.intro p{display:none}.control-panel{top:183px;max-height:calc(100dvh - 320px)}.launch-control{position:sticky;bottom:-10px;background:#172019;padding-top:9px;margin-top:-9px}}@media(max-width:760px){.observer-tag{display:none}.launch-control{position:sticky;bottom:-18px;background:#1a261d;padding:10px 0 6px;margin-top:-10px}}