:root{color-scheme:dark;--ink:#eaf3ff;--muted:#9cb3cf;--blue:#76baff;--line:#294969;--panel:rgba(12,32,59,.58)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -15%,#183e79 0,transparent 45%),radial-gradient(ellipse at 0 80%,#082d4a 0,transparent 45%),#050d1b;color:var(--ink);font:15px/1.5 Inter,"Microsoft YaHei",system-ui,sans-serif}button,input,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#122e50;border-radius:10px;min-height:40px;padding:8px 15px;transition:background .18s,border-color .18s}button:hover{background:#214a75;border-color:#7dbbff}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid #9bd5ff;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}header{max-width:1560px;margin:auto;padding:27px 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #172d48}.brand{color:#a5d3ff;font-size:26px;letter-spacing:1px;text-decoration:none}.brand span{font-size:11px;letter-spacing:3px;margin-left:18px;color:var(--muted)}.edition{font-size:10px;letter-spacing:2px;color:var(--muted)}.edition i,.live-dot{display:inline-block;width:6px;height:6px;background:#83c6ff;border-radius:50%;box-shadow:0 0 14px #599fff;margin-left:10px}main{max-width:1560px;margin:auto;padding:30px 44px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{margin:0 0 9px;color:#83b5e6;font-size:12px;letter-spacing:3px}h1{font-size:clamp(26px,3vw,39px);font-weight:500;letter-spacing:-1px;margin:0 0 7px}.sub{margin:0;color:var(--muted)}.facts{display:flex;gap:38px}.facts strong{font-size:27px;font-weight:400}.facts span{display:block;font-size:10px;letter-spacing:2px;color:var(--muted)}.modes{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;margin-bottom:18px}.modes button{position:relative;text-align:left;padding:15px 22px;background:rgba(11,29,53,.6);border-color:#253e5e;border-radius:15px}.modes b{font-size:19px;font-weight:500;display:block}.modes span{font-size:12px;color:var(--muted)}.modes .active{background:linear-gradient(120deg,#183f70b0,#0b2344);border-color:#6faeff;box-shadow:inset 0 1px 0 #b2d5ff44,0 0 24px #2277ee18}.modes em{position:absolute;right:18px;top:24px;color:#b5dbff;font-size:11px;font-style:normal;background:#2d67aa55;padding:4px 10px;border-radius:20px;border:1px solid #4f8ac4}.glass{background:linear-gradient(140deg,#19375477,#0a1d354d);backdrop-filter:blur(24px);border:1px solid #38567988;border-radius:20px;box-shadow:inset 0 1px 0 #a0c8ff18,0 15px 45px #0003}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:18px}.stage{position:relative;overflow:hidden;min-width:0}.stage-head,.stage-foot{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;gap:10px}.stage-head{font-size:13px}.stage-head .live-dot{margin:0 10px 2px 0}.stage-head>span{color:#88add3;font-variant-numeric:tabular-nums;font-size:12px}#viewport{height:520px;position:relative;overflow:hidden;outline-offset:-3px;cursor:grab}#viewport:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}.stage-foot{font-size:11px;color:var(--muted);border-top:1px solid #203a56;padding:12px 16px}.views{display:flex;gap:5px;flex-wrap:wrap}.views button{font-size:11px;padding:4px 9px;min-height:32px;background:#0f2944}.label3d{position:absolute;color:#d8efff;font:11px/1.5 system-ui;background:#081b36b8;padding:0 4px;border-radius:4px;pointer-events:none;white-space:nowrap;transform:translate(5px,-100%)}#viewport[data-mode="21"] .label3d,#viewport[data-mode="51"] .label3d{color:#eaf3ff;font-size:12px;transform:translate(-50%,calc(-100% - 6px));border:1px solid #6386ab;background:#0d233be8;padding:0 5px}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#07172bdd;z-index:5;color:#b7dbff}aside{padding:20px;min-width:0}.aside-head{display:flex;align-items:center;justify-content:space-between}h2{font-size:16px;font-weight:500;margin:0}.aside-head span{font-size:11px;color:#77addd}.options{display:flex;flex-wrap:wrap;gap:6px 13px;font-size:11px;margin-top:14px;padding-bottom:14px;border-bottom:1px solid #29415c}.options label{display:flex;align-items:center;gap:3px;cursor:pointer}.options label[hidden]{display:none}input{accent-color:#7fb8ff}.list-columns{display:grid;grid-template-columns:27px 1fr 43px;gap:10px;margin:10px 7px 4px;font-size:10px;color:var(--muted)}.list-columns span:last-child{text-align:right}#object-list{display:grid;gap:4px}.object-row{display:grid;grid-template-columns:27px 1fr 43px;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:7px;padding:4px 6px;min-height:24px;text-align:left;font-size:11px}.object-row.selected{border-color:#6099d8;background:#24508066}.object-row>span{color:#b1d9ff}.meter{height:3px;background:#253e5a;border-radius:5px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#3c83ca,#b9e7ff);border-radius:5px}.object-row small{font-size:10px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.quiet{background:transparent;color:#9ec3e8;font-size:11px;min-height:30px;width:100%;margin-top:13px;border-color:#294764}.aside-note{font-size:11px;color:#8ca7c8;line-height:1.8;margin:13px 0 0}.player{margin-top:18px;padding:20px 24px}.player-top{display:flex;align-items:center;gap:18px}#play{background:#91c6ff;color:#08203a;border:0;min-width:75px;font-weight:600}.track{display:grid;gap:2px;flex:1}.track strong{font-size:13px;font-weight:500}.track span{font-size:11px;color:var(--muted)}#clock{font-size:12px;font-variant-numeric:tabular-nums;color:#bad4f2}.volume{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}.volume input{width:80px}#seek{width:100%;margin:18px 0 8px;cursor:pointer;height:18px}.player-bottom{display:flex;justify-content:flex-end;align-items:center;color:var(--muted);font-size:10px}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:#83a0c3;font-size:11px}details{max-width:600px;text-align:right}summary{cursor:pointer}details p{text-align:left;line-height:1.9;color:var(--muted)}@media(max-width:1000px){header,main{padding-left:22px;padding-right:22px}.workspace{grid-template-columns:minmax(0,1fr) 230px}.modes em{position:static;display:inline-block;margin-top:4px}.modes span{display:block}#viewport{height:480px}.stage-foot{flex-wrap:wrap}}@media(max-width:720px){.brand span,.edition,.facts{display:none}.intro{margin-bottom:22px}.modes{gap:8px}.modes button{padding:13px 10px}.modes b{font-size:15px}.modes span{font-size:10px}.modes em{font-size:9px;padding:1px 6px}.workspace{grid-template-columns:1fr}#viewport{height:390px}aside{padding:16px}#object-list{grid-template-columns:repeat(3,1fr);gap:5px}.list-columns{display:none}.object-row{grid-template-columns:19px minmax(0,1fr) 27px;gap:3px;min-height:38px;padding-inline:3px}.object-row small{font-size:9px}.player{padding:15px}.volume{display:none}.player-top{gap:10px}.track strong{font-size:11px}#clock{font-size:10px}footer{flex-wrap:wrap}details{text-align:left}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.stage-hint p{margin:0 0 3px;color:#d7e5f3;font-size:12px}.stage-hint span{color:var(--muted)}

@media(max-width:720px){#viewport[data-mode="21"] .label3d,#viewport[data-mode="51"] .label3d{transform:translate(7px,-50%)}}