:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--green:#66ef9e;--green-2:#14c97a;--cyan:#63e7ff;--amber:#ffbd65;--red:#ff6e78;--ink:#07110f;--panel:#071412ad;--line:#9decd12e;--muted:#dcf2ea94;--text:#edf9f4;--left-rail-width:188px;--right-rail-width:248px;font-family:Microsoft YaHei UI,PingFang SC,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{background:#06100e;width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-user-select:none;user-select:none}button,a{color:inherit;font:inherit}button{cursor:pointer;border:0;outline:none}button:focus-visible,a:focus-visible{outline-offset:2px;outline:1px solid #66ef9eb8}.app{isolation:isolate;background:radial-gradient(circle at 50% 25%,#164035 0,#07120f 48%,#030706 100%);width:100%;min-width:1024px;height:100%;position:relative}.viewport,.viewport canvas,.label-layer{width:100%;height:100%;position:absolute;inset:0}.viewport canvas{outline:none;display:block}.label-layer{z-index:2;pointer-events:none}.atmosphere{z-index:3;pointer-events:none;background:linear-gradient(90deg,#030a08ad 0%,#0000 22% 76%,#030a08bd 100%),linear-gradient(#03080780 0%,#0000 18% 76%,#030807bd 100%);position:absolute;inset:0}.app:after{content:"";z-index:4;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#fff3 4px);position:absolute;inset:0}.glass-panel{border:1px solid var(--line);background:linear-gradient(135deg, #ffffff0b, transparent 42%), var(--panel);-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);box-shadow:0 18px 60px #0000003b,inset 0 1px #ffffff0a}.topbar{z-index:10;border-radius:16px;grid-template-columns:270px 1fr 180px;align-items:center;height:68px;padding:0 20px;display:grid;position:absolute;top:20px;left:24px;right:24px}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{place-items:center;width:42px;height:42px;display:grid;position:relative}.brand-mark i{border:2px solid var(--green);filter:drop-shadow(0 0 7px #66ef9e73);transform-origin:50% 100%;border-radius:100% 0;width:26px;height:14px;position:absolute}.brand-mark i:first-child{transform:translate(-7px,-6px)rotate(-32deg)}.brand-mark i:nth-child(2){transform:translate(7px,-6px)scaleX(-1)rotate(-32deg)}.brand-mark i:nth-child(3){transform:translateY(6px)rotate(45deg)scale(.82)}.brand-mark.large{transform:scale(1.55)}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy b{letter-spacing:.14em;font-size:22px}.brand-copy small{color:var(--muted);letter-spacing:.2em;margin-top:7px;font-size:8px}.scene-tabs{background:#0003;border-radius:12px;justify-self:center;align-items:center;gap:8px;padding:5px;display:flex}.scene-tab{color:#e9f9f28a;background:0 0;border-radius:9px;min-width:155px;padding:12px 18px;transition:all .24s;position:relative}.scene-tab span{color:#66ef9e8a;margin-right:10px;font-size:10px}.scene-tab:after{content:"";background:var(--green);height:2px;box-shadow:0 0 16px var(--green);opacity:0;border-radius:9px;transition:all .24s;position:absolute;bottom:-5px;left:22%;right:22%;transform:scaleX(.2)}.scene-tab:hover,.scene-tab.is-active{color:#fff;background:#65ed9e1a}.scene-tab.is-active:after{opacity:1;transform:scaleX(1)}.system-state{grid-template-columns:12px auto;justify-self:end;align-items:center;column-gap:10px;display:grid}.system-state time{color:var(--green);letter-spacing:.08em;padding-left:6px;font-family:Consolas,monospace;font-size:14px}.live-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 5px #66ef9e1a, 0 0 16px var(--green);border-radius:50%;animation:2s infinite livePulse}@keyframes livePulse{50%{box-shadow:0 0 0 8px #66ef9e00, 0 0 20px var(--green)}}.hero-copy{z-index:7;pointer-events:none;text-shadow:0 6px 24px #0009;position:absolute;top:122px;left:42px}.eyebrow{color:var(--green);letter-spacing:.2em;align-items:center;gap:10px;font-family:Consolas,monospace;font-size:10px;display:flex}.eyebrow i{background:linear-gradient(90deg, var(--green), transparent);width:42px;height:1px}.hero-copy h1{letter-spacing:.08em;margin:8px 0 3px;font-size:clamp(30px,2.8vw,50px);font-weight:500}.hero-copy p{color:#ebf9f39e;letter-spacing:.26em;margin:0;font-size:12px}.left-rail,.right-rail{z-index:8;transition:transform .28s cubic-bezier(.22,.8,.28,1),opacity .22s;position:absolute;top:238px}.left-rail{width:var(--left-rail-width);left:28px}.right-rail{width:var(--right-rail-width);right:28px}.app.left-rail-hidden .left-rail{opacity:0;pointer-events:none;transform:translate(calc(-100% - 48px))}.app.right-rail-hidden .right-rail{opacity:0;pointer-events:none;transform:translate(calc(100% + 48px))}.rail-toggle{z-index:13;width:28px;height:54px;color:var(--green);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:linear-gradient(145deg,#193730db,#050f0dd1);border:1px solid #66ef9e42;place-items:center;padding:0;transition:left .28s cubic-bezier(.22,.8,.28,1),right .28s cubic-bezier(.22,.8,.28,1),background .18s,border-color .18s;display:grid;position:absolute;top:238px;overflow:hidden;box-shadow:0 12px 30px #00000047,inset 0 1px #ffffff0f}.rail-toggle:hover{background:linear-gradient(145deg,#285246f0,#081c17eb);border-color:#66ef9e94}.rail-toggle span{filter:drop-shadow(0 0 7px #66ef9e8f);font:300 28px/1 Segoe UI Symbol,sans-serif;display:block;transform:translateY(-1px)}.rail-toggle-left{left:calc(34px + var(--left-rail-width));border-radius:0 10px 10px 0}.rail-toggle-right{right:calc(34px + var(--right-rail-width));border-radius:10px 0 0 10px}.app.left-rail-hidden .rail-toggle-left{left:0}.app.right-rail-hidden .rail-toggle-right{right:0}.app.right-rail-hidden .selection-panel{right:28px}.rail-title,.metric-header{color:#ebf9f3d4;letter-spacing:.12em;justify-content:space-between;align-items:baseline;margin-bottom:13px;font-size:12px;display:flex}.rail-title span,.metric-header small{color:#c5e2d85c;letter-spacing:.15em;font:8px Consolas,monospace}.layer-list{flex-direction:column;gap:7px;display:flex}.layer-button{color:#e4f5ee94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050e0c70;border:1px solid #a6e9d317;border-radius:9px;grid-template-columns:30px 1fr 22px;align-items:center;min-height:44px;padding:0 10px;transition:all .18s;display:grid}.layer-button .layer-index{color:#66ef9e8a;font:9px Consolas,monospace}.layer-button .layer-eye{border:1px solid;border-radius:50%;justify-self:end;width:7px;height:7px}.layer-button:hover,.layer-button.is-active{color:#f5fff9;background:linear-gradient(90deg,#66ef9e29,#050e0c94);border-color:#66ef9e47;transform:translate(4px)}.layer-button.is-active .layer-eye{color:var(--green);background:var(--green);box-shadow:0 0 8px var(--green)}.primary-action{color:#effff6;background:linear-gradient(90deg,#1db46d59,#09211ab8);border:1px solid #66ef9e40;border-radius:10px;align-items:center;gap:12px;width:100%;margin-top:16px;padding:12px;display:flex;box-shadow:inset 0 0 20px #66ef9e0d}.primary-action:hover{border-color:#66ef9e99}.primary-action.is-playing .action-icon{animation:1.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.action-icon{width:30px;height:30px;color:var(--green);border:1px solid #66ef9e73;border-radius:50%;place-items:center;font-size:8px;display:grid}.primary-action>span:last-child{flex-direction:column;align-items:flex-start;font-size:11px;display:flex}.primary-action small{color:#daf2e95c;letter-spacing:.16em;margin-top:4px;font:7px Consolas,monospace}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-card{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#050f0c94;border:1px solid #a6e9d31c;border-radius:10px;min-height:78px;padding:12px;position:relative;overflow:hidden}.metric-card:after{content:"";border:1px solid #66ef9e17;border-radius:50%;width:54px;height:54px;position:absolute;bottom:-18px;right:-14px}.metric-card small{color:var(--muted);font-size:9px;display:block}.metric-card b{color:var(--green);letter-spacing:-.04em;margin-top:8px;font:22px Consolas,monospace;display:inline-block}.metric-card em{color:#e4f4ee73;margin-left:3px;font-size:8px;font-style:normal}.energy-card{border-radius:12px;margin-top:9px;padding:14px}.card-heading{justify-content:space-between;font-size:11px;display:flex}.card-heading small{color:var(--muted);font-size:9px}.energy-ring{grid-template-columns:100px 1fr;align-items:center;margin-top:6px;display:grid}.energy-ring svg{width:96px;height:96px;transform:rotate(-90deg)}.energy-ring circle{fill:none;stroke:#66ef9e14;stroke-width:5px}.energy-ring .progress{stroke:var(--green);stroke-linecap:round;stroke-dasharray:302;stroke-dashoffset:96px;filter:drop-shadow(0 0 5px #66ef9eb3);transition:stroke-dashoffset .8s}.energy-ring>div{flex-direction:column;display:flex}.energy-ring b{color:#fff;font:22px Consolas,monospace}.energy-ring small{color:var(--muted);margin-top:5px;font-size:8px}.energy-bars{flex-direction:column;gap:7px;display:flex}.energy-row{color:var(--muted);grid-template-columns:50px 1fr 35px;align-items:center;gap:7px;font-size:8px;display:grid}.energy-row .bar{background:#ffffff14;border-radius:4px;height:3px;overflow:hidden}.energy-row .bar i{border-radius:inherit;background:linear-gradient(90deg, var(--green-2), var(--cyan));height:100%;box-shadow:0 0 8px var(--green);display:block}.energy-row b{color:#ebf9f3cc;justify-self:end;font:8px Consolas,monospace}.selection-panel{z-index:11;opacity:0;pointer-events:none;border-radius:14px;width:310px;padding:20px;transition:all .24s;position:absolute;bottom:112px;right:292px;transform:translateY(12px)scale(.98)}.selection-panel.is-visible{opacity:1;pointer-events:auto;transform:none}.panel-close{width:28px;height:28px;color:var(--muted);background:#ffffff0a;border-radius:50%;position:absolute;top:10px;right:11px}.selection-kicker{color:var(--green);letter-spacing:.18em;font:8px Consolas,monospace}.selection-panel h2{margin:8px 0 7px;font-size:17px;font-weight:500}.selection-panel p{color:var(--muted);margin:0;font-size:10px;line-height:1.75}.selection-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;display:grid}.selection-stats div{background:#ffffff09;border-radius:7px;padding:8px}.selection-stats b{color:#fff;font:13px Consolas,monospace;display:block}.selection-stats small{color:var(--muted);margin-top:4px;font-size:7px;display:block}.selection-state{color:var(--green);align-items:center;gap:7px;margin-top:12px;font-size:9px;display:flex}.selection-state i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.bottom-dock{z-index:12;border-radius:16px;align-items:center;gap:12px;min-width:680px;height:66px;padding:0 14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.dock-label{flex-direction:column;min-width:48px;padding-left:4px;font-size:10px;display:flex}.dock-label small{color:var(--muted);margin-top:4px;font:7px Consolas,monospace}.camera-presets{gap:5px;display:flex}.camera-button{color:#e4f4ee7a;background:0 0;border-radius:8px;min-width:64px;padding:9px 10px;font-size:9px;transition:all .18s}.camera-button:hover,.camera-button.is-active{color:#fff;background:#66ef9e1f;box-shadow:inset 0 0 0 1px #66ef9e2b}.dock-divider{background:var(--line);width:1px;height:30px;margin:0 2px}.icon-button{color:#edf9f4a8;background:#ffffff0a;border-radius:9px;width:36px;height:36px;font-size:17px}.icon-button:hover{color:var(--green);background:#66ef9e1a}.quality-button{color:#edf9f4b3;background:#ffffff0a;border-radius:9px;grid-template-columns:25px 1fr;align-items:center;min-width:74px;height:38px;padding:0 8px;display:grid}.quality-button span{color:var(--green);font:11px Consolas,monospace}.quality-button small{font-size:8px}.concept-badge{z-index:7;color:#ffd69e94;letter-spacing:.1em;background:#20160940;border:1px solid #ffbd6526;border-radius:8px;padding:7px 10px;font-size:8px;position:absolute;bottom:30px;right:28px}.world-label{color:#f1fff8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;cursor:pointer;background:#05110ead;border:1px solid #7eefc633;border-radius:8px;min-width:124px;padding:7px 10px 7px 18px;transition:all .18s;position:relative;transform:translateY(-10px);box-shadow:0 8px 30px #00000042,inset 0 1px #ffffff0a}.world-label:before{content:"";background:var(--green);width:5px;height:5px;box-shadow:0 0 8px var(--green);border-radius:50%;margin-top:-2px;position:absolute;top:50%;left:8px}.world-label b{letter-spacing:.06em;font-size:9px;font-weight:500;display:block}.world-label small{color:#daf2e96b;letter-spacing:.12em;margin-top:3px;font:6px Consolas,monospace;display:block}.world-label:hover{background:#081e17d6;border-color:#66ef9e99;transform:translateY(-13px)}.world-label.compact{min-width:88px;padding:5px 8px 5px 16px}.world-label.compact b{font-size:8px}.scene-flash{z-index:30;pointer-events:none;opacity:0;background:#081510;position:absolute;inset:0}.scene-flash.is-changing{animation:.72s sceneFlash}@keyframes sceneFlash{0%,to{opacity:0}42%,58%{opacity:1}}.loading-screen{z-index:100;background:radial-gradient(circle at 50% 42%,#20764e38,#0000 28%),#050b09;place-content:center;gap:26px;transition:opacity .7s,visibility .7s;display:grid;position:absolute;inset:0}.loading-screen.is-done{opacity:0;visibility:hidden}.loading-brand{color:#effff7;letter-spacing:.28em;flex-direction:column;align-items:center;gap:24px;font:13px Consolas,monospace;display:flex}.loading-line{background:#ffffff14;width:310px;height:2px;overflow:hidden}.loading-line i{background:linear-gradient(90deg,var(--green-2),var(--cyan));width:0;height:100%;box-shadow:0 0 14px var(--green);transition:width .28s;display:block}.loading-meta{color:#dcf2ea59;letter-spacing:.12em;justify-content:space-between;font-size:8px;display:flex}.loading-meta b{color:var(--green);font:9px Consolas,monospace}.night-mode .concept-badge{color:#69deff9e;border-color:#63e7ff29}.night-mode .atmosphere{background:linear-gradient(90deg,#010509c7,#0000 24% 76%,#010509cc),linear-gradient(#0000 70%,#010509d1)}@media (width<=1260px){:root{--left-rail-width:170px;--right-rail-width:218px}.topbar{grid-template-columns:220px 1fr 180px}.scene-tab{min-width:125px;padding-inline:12px}.selection-panel{right:252px}.app.right-rail-hidden .selection-panel{right:28px}.bottom-dock{min-width:620px}.camera-button{min-width:56px;padding-inline:7px}}@media (height<=760px){.topbar{height:60px;top:14px}.hero-copy{top:96px}.left-rail,.right-rail,.rail-toggle{top:190px}.energy-card{display:none}.layer-button{min-height:38px}.bottom-dock{bottom:14px}.concept-badge{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}