:root{color-scheme:dark;--ink:#e8edf5;--muted:#8c9caf;--line:#d4e9ff20;--gold:#edc994;--glass:#0c1421cc}*{box-sizing:border-box}body{margin:0;background:#040711;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{color:inherit}button:disabled{opacity:.4}#world{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none;outline-offset:-3px;cursor:grab}.ui{position:relative;height:100dvh;min-height:580px;pointer-events:none;overflow:hidden}.ui button,.ui input,.ui select,.ui summary,.ui details{pointer-events:auto}.header{position:absolute;top:26px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.mark{width:29px;height:29px;border:1px solid #c6d8e5;position:relative;border-radius:50%;transform:rotate(-35deg)}.mark:before{content:"";position:absolute;inset:9px -6px;border:1px solid #c6d8e5;border-radius:50%}.mark:after{content:"";position:absolute;width:5px;height:5px;background:var(--gold);border-radius:50%;left:11px;top:11px}.brand-name{font:600 21px Consolas,monospace;letter-spacing:4px}.edition{font:9px Consolas,monospace;color:#718399;letter-spacing:2px;border-left:1px solid var(--line);padding-left:13px;line-height:1.8}.nav{display:flex;gap:5px;padding:5px;border-radius:30px;border:1px solid var(--line);background:#08121d77;backdrop-filter:blur(16px)}.scene-btn{border:0;background:transparent;color:#93a3b7;font-size:12px;border-radius:22px;padding:10px 19px;white-space:nowrap}.scene-btn[aria-pressed=true]{color:#f6dfbb;background:#d1b58b20;box-shadow:inset 0 0 0 1px #efd3a327}.scene-btn:hover{color:#f4e5d2;background:#b3c5de10}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{background:#0c162378;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:15px;display:inline-grid;place-items:center}.icon-button:hover{background:#293749}.hero{position:absolute;top:126px;left:36px;width:310px;text-shadow:0 2px 20px #0008}.eyebrow{display:flex;align-items:center;gap:10px;font:9px Consolas,monospace;letter-spacing:2.2px;color:#91a1b4}.eyebrow:before{content:"";width:22px;height:1px;background:var(--gold)}h1{font-size:40px;line-height:1.45;letter-spacing:3px;font-weight:400;margin:15px 0 11px}h1 span{color:var(--gold)}.hero p{font-size:11px;color:#95a4b7;line-height:2.1;max-width:240px;letter-spacing:.4px;margin:0}.scene-index{font:9px Consolas,monospace;color:#687c94;letter-spacing:3px;margin-top:21px}.top-status{position:absolute;top:96px;right:36px;display:flex;align-items:center;gap:8px;font:9px Consolas,monospace;color:#7e93ac;letter-spacing:1px}.status-light{width:5px;height:5px;background:#91bdad;border-radius:50%;box-shadow:0 0 9px #88bfac80}.info{position:absolute;bottom:118px;left:36px;width:248px}.info-line{width:32px;height:1px;background:#e9cb99aa;margin-bottom:14px}.info-kicker{font:9px Consolas,monospace;letter-spacing:2px;color:#8f9fb4}.info h2{font-size:19px;font-weight:400;letter-spacing:2px;margin:9px 0}.info p{font-size:11px;line-height:2;color:#899bb0;margin:0}.info-sub{font:9px Consolas,monospace;color:#586f89;letter-spacing:1px;margin-top:13px}.params{position:absolute;right:34px;bottom:118px;width:240px;background:linear-gradient(135deg,#152133c4,#0b111dd9);border:1px solid #bed5f21c;border-radius:14px;backdrop-filter:blur(20px);padding:17px 18px;box-shadow:0 12px 60px #0003}.params summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;letter-spacing:1px;color:#c1cddd}.params summary::-webkit-details-marker{display:none}.params summary:after{content:"−";color:#7790aa}.params:not([open]) summary:after{content:"+"}.param-content{padding-top:19px}.param{margin-bottom:18px}.param-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a6b5c8;margin-bottom:8px}.param-head output{font:10px Consolas,monospace;color:var(--gold)}input[type=range]{display:block;appearance:none;width:100%;height:3px;background:#50617b55;border-radius:3px;accent-color:var(--gold);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #eac78940}.checks{display:flex;justify-content:space-between;font-size:10px;color:#a3b3c7;gap:10px}.checks label{display:flex;align-items:center;gap:6px;cursor:pointer;pointer-events:auto}.checks input{accent-color:#d8bb90;width:12px;height:12px;margin:0}.quality{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:14px;border-top:1px solid var(--line);font-size:10px;color:#90a2b8}.quality select{font-size:10px;background:#141e2c;border:1px solid #b9d5f222;color:#bfcfe1;border-radius:5px;padding:4px 6px}.bar{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:8px;background:#0c1522c9;border:1px solid #c5dfff26;backdrop-filter:blur(20px);border-radius:15px;box-shadow:0 8px 40px #0005;white-space:nowrap}.tool{border:1px solid transparent;background:transparent;color:#8fa1b7;border-radius:9px;padding:11px 14px;display:flex;align-items:center;gap:8px;font-size:11px}.tool:hover{background:#bdd9ff0c;color:#dce7f5}.tool[aria-pressed=true]{background:#e4c99d1c;border-color:#e4c99d32;color:#f1d4aa}.tool .symbol{font-size:16px;line-height:1}.bar-divider{height:23px;width:1px;background:var(--line);margin:0 2px}.play{width:38px;justify-content:center;padding:11px 9px;color:#f2d5a7}.bar-key{font:8px Consolas,monospace;color:#5c718b}.bottom-left,.bottom-right{position:absolute;bottom:40px;font:8px Consolas,monospace;letter-spacing:1px;color:#536a86}.bottom-left{left:36px}.bottom-right{right:34px;text-align:right}.body-label{position:absolute;padding:7px 9px;color:#91a9c5;font:9px Consolas,"Microsoft YaHei",monospace;letter-spacing:1px;white-space:nowrap;background:#0a12216b;border:0;border-left:1px solid #8eabc84d;transform:translate(-50%,0);border-radius:0 5px 5px 0;pointer-events:auto;backdrop-filter:blur(6px)}.body-label:hover{color:#e8d3b1;background:#192c40b0}.toast{position:absolute;left:50%;top:98px;transform:translate(-50%,-6px);color:#e8d6b8;background:#182333ef;border:1px solid #dfc69633;border-radius:8px;padding:11px 18px;font-size:11px;opacity:0;transition:opacity .25s,transform .25s;max-width:80%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.mode-hint{position:absolute;left:50%;bottom:103px;transform:translateX(-50%);font-size:10px;color:#a5b6c9;letter-spacing:.6px;background:#0a132069;padding:7px 12px;border-radius:8px;text-align:center;white-space:nowrap}.reticle{position:absolute;left:50%;top:50%;width:16px;height:16px;opacity:0;transition:opacity .2s;border:1px solid #dfc79477;border-radius:50%;transform:translate(-50%,-50%)}.reticle.show{opacity:.7}.reticle:before,.reticle:after{content:"";position:absolute;background:#eacfa488}.reticle:before{left:7px;top:-5px;width:1px;height:24px}.reticle:after{top:7px;left:-5px;height:1px;width:24px}.loading{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#060a12;z-index:5;transition:opacity .6s;pointer-events:none}.loading h2{font:24px Consolas,monospace;letter-spacing:9px;font-weight:400;color:#d9c39d}.loading p{font-size:11px;color:#7b91ac;letter-spacing:2px;line-height:2}.loading.finished{opacity:0}.error{pointer-events:auto;max-width:420px;line-height:2}.credits{position:absolute;left:36px;bottom:76px;font-size:9px;color:#4c627d;pointer-events:auto}.credits summary{cursor:pointer;max-width:max-content}.credits p{width:290px;max-height:270px;overflow:auto;padding:13px;background:#0a1424ec;border:1px solid #c5dcff1a;border-radius:9px;color:#8399b2;line-height:1.9;margin:8px 0}.credits a{color:#a5bbd5}.corner{position:absolute;top:84px;left:36px;width:18px;height:18px;border-top:1px solid #7c96b23a;border-left:1px solid #7c96b23a}.paused-state{display:none;color:#edc994}.paused-state.show{display:inline}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.hero{top:155px}h1{font-size:48px}.info{bottom:135px}.params{bottom:135px}}
@media(max-width:1050px){.header{left:22px;right:22px;top:20px}.edition{display:none}.hero{left:24px;top:116px;width:225px}h1{font-size:32px}.hero p{font-size:10px;max-width:210px}.params{right:22px;width:214px}.info{left:24px;width:190px}.info p{font-size:10px}.bottom-left,.bottom-right{display:none}.credits{left:24px}.top-status{right:24px;top:89px}.corner{left:24px}.tool{padding:11px 12px}}
@media(max-width:650px){.header{top:19px;left:18px;right:18px;flex-wrap:wrap;gap:16px}.brand-name{font-size:19px}.brand{gap:9px}.header-actions{margin-left:auto}.nav{order:3;width:100%;justify-content:space-between}.scene-btn{flex:1;padding:10px 5px;font-size:11px}.hero{top:148px;left:21px;width:210px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:30px;line-height:1.4;letter-spacing:2px;margin:10px 0}.hero p{font-size:10px;line-height:1.9;max-width:200px}.scene-index{font-size:8px;margin-top:12px}.top-status{top:139px;right:20px;font-size:8px}.corner{display:none}.params{right:17px;bottom:102px;width:183px;padding:13px 14px}.params summary{font-size:10px}.param-content{padding-top:15px}.param{margin-bottom:13px}.param-head{font-size:9px}.checks{font-size:9px;gap:5px}.quality{font-size:9px;margin-top:13px;padding-top:11px}.quality select{font-size:9px;padding:3px}.info{left:20px;bottom:132px;width:133px}.info h2{font-size:15px;margin:8px 0}.info p{font-size:9px;line-height:1.9}.info-kicker,.info-sub{font-size:8px;letter-spacing:.6px}.info-sub{margin-top:9px}.info-line{margin-bottom:10px}.bar{bottom:20px;padding:6px;gap:2px;border-radius:12px;max-width:calc(100% - 24px)}.tool{font-size:10px;padding:11px 8px;gap:5px;min-height:38px}.tool .symbol{font-size:14px}.bar-key{display:none}.bar-divider{margin:0 1px}.play{width:31px;padding:11px 5px}.mode-hint{bottom:81px;font-size:9px;padding:6px 10px;max-width:90%;white-space:normal;width:max-content}.credits{bottom:107px;left:20px;font-size:8px}.credits p{width:270px;max-height:200px}.body-label{font-size:8px;padding:5px 6px}.toast{top:125px;font-size:10px;width:max-content;max-width:88%}}
@media(max-height:720px){.hero{top:125px}.hero h1{font-size:27px}.hero p,.scene-index{display:none}.params{bottom:108px}.info{bottom:123px}.info p{display:none}.credits{bottom:96px}.param{margin-bottom:12px}.param-content{padding-top:12px}}
.creator{display:none;position:absolute;bottom:104px;left:50%;transform:translateX(-50%);width:340px;max-width:calc(100% - 32px);padding:14px 16px;background:#0c1727ec;border:1px solid #c5dcff29;border-radius:12px;backdrop-filter:blur(20px);pointer-events:auto}.creator.show{display:block}.creator-title{font-size:10px;color:#a3b7d0;display:flex;justify-content:space-between;margin-bottom:12px}.creator-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.kind-btn{font-size:10px;padding:9px 4px;border:1px solid #a9c7ed20;border-radius:6px;background:#19283b77;color:#97abc5}.kind-btn[aria-pressed=true]{color:#eed4aa;border-color:#e9cb9266;background:#b28b4d28}.creator-size{display:flex;align-items:center;gap:14px;font-size:10px;color:#a0b4cb;margin-top:15px}.creator-size input{flex:1}.creator-size output{font:10px Consolas;color:#e2c99d}.selection-actions{display:flex;gap:6px;margin-top:12px}.selection-actions button{font-size:9px;background:#1b2c405c;border:1px solid #91afd529;border-radius:5px;padding:6px 8px;color:#a9bed7}.selection-actions button:hover{background:#5b293a88;color:#f6c9bf}.checks{flex-wrap:wrap;row-gap:9px}.checks label{min-width:42%}.event-log{position:absolute;right:34px;top:126px;text-align:right;font-size:10px;color:#9ab0ca;line-height:1.9;max-width:250px;text-shadow:0 1px 9px #000;transition:opacity .3s}.event-log b{color:#efc89e;font-weight:400}.body-label{transition:opacity .2s}.params{bottom:118px}.header-actions{gap:6px}
@media(max-width:650px){.scene-btn{font-size:10px;padding:10px 3px}.event-log{top:166px;right:20px;font-size:9px;max-width:145px}.creator{bottom:110px;width:310px}.creator.show~.mode-hint{bottom:266px}.tool{padding:11px 6px;font-size:9px;gap:4px}.params{width:180px}.info{width:145px}.info p{display:block;font-size:9px}.hero p{display:none}.selection-actions{flex-wrap:wrap}.selection-actions button{font-size:8px;padding:5px 6px}.credits{bottom:100px}.quality{margin-top:12px}.checks{font-size:9px}}
.selection-actions[hidden],.loading[hidden]{display:none}.creating .params,.creating .info{display:none}.portrait .hero{opacity:.68}.portrait .hero h1{font-size:26px}.hero{transition:opacity .5s}.portrait .hero p,.portrait .scene-index{display:none}.portrait .body-label{opacity:.55}.portrait .info p{max-height:66px;overflow:hidden}.clean .brand,.clean .nav,.clean .header-actions button:not(#view-toggle),.clean .hero,.clean .info,.clean .params,.clean .bar,.clean .mode-hint,.clean .credits,.clean .top-status,.clean .body-label,.clean .bottom-left,.clean .bottom-right,.clean .event-log{opacity:0;pointer-events:none}.clean #view-toggle{opacity:1;pointer-events:auto;position:fixed;right:20px;top:20px}
@media(max-width:400px){.header{gap:12px}.brand{gap:6px}.brand-name{font-size:16px;letter-spacing:3px}.mark{width:24px;height:24px}.mark:after{left:9px;top:9px}.header-actions{gap:4px}.icon-button{width:27px;height:30px;font-size:13px}.tool{padding:10px 4px;font-size:9px;gap:3px}.tool .symbol{font-size:12px}.play{width:25px}.params{width:160px}.info{width:132px}.info h2{font-size:13px}}
@media(prefers-reduced-motion:reduce){.toast,.loading,.reticle,.event-log{transition:none}}