@font-face{font-family:Manrope;src:url('../../assets/brand/v001/fonts/Manrope-VF-subset.woff2')}*{box-sizing:border-box}body{margin:0;background:#10121f;color:#eeedf4;font:13px Manrope,'Microsoft YaHei',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:hover,a:hover{color:#e6ac80}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e6ac80;outline-offset:3px}a{color:inherit;text-decoration:none}header{height:74px;display:flex;gap:25px;align-items:center;padding:0 28px;border-bottom:1px solid #ffffff14}.brand{display:flex;gap:12px;align-items:center}.brand svg{width:32px;height:32px}.brand span{font-size:18px;letter-spacing:.2em;font-weight:600}.brand small{display:block;font-size:7px;letter-spacing:.15em;margin-top:4px}.edition{font-size:9px;letter-spacing:.14em;margin-left:auto;color:#9095a9}header>a:not(.brand){font-size:11px;color:#b6b8c7}main{height:calc(100dvh - 74px);display:grid;grid-template-columns:minmax(0,1fr) 350px}.stage{position:relative;overflow:hidden;background:#141521;min-width:0}canvas{display:block;width:100%;height:100%;touch-action:none}#space{transition:opacity .18s ease}#space.changing{opacity:0}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#141521;z-index:4}[hidden]{display:none!important}.topbar{position:absolute;top:23px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar nav{display:flex;gap:26px}.topbar button{padding:9px 0;border-bottom:1px solid transparent;font-size:13px;color:#a1a5b8}.topbar button small{font-size:9px;color:#6d738b;margin-right:4px}.topbar button[aria-pressed=true]{color:#f0e6dc;border-color:#e6ac80}.counts{font-size:8px;letter-spacing:.08em;color:#8f95a7}.views{position:absolute;top:86px;right:25px;display:flex;gap:6px}.views button{padding:8px 10px;font-size:10px;background:#10121f80;border:1px solid #ffffff12;color:#a9afbf}.views button[aria-pressed=true]{border-color:#a48f7a;color:#ebc8ab}.caption{position:absolute;bottom:103px;left:29px;pointer-events:none}.caption p{font-size:9px;letter-spacing:.22em;color:#a6a6b7}.caption h1{font-size:30px;font-weight:400;margin:12px 0 10px;letter-spacing:.04em}.caption span{font-size:11px;color:#979daf}.legend{position:absolute;bottom:65px;left:29px;display:flex;gap:18px;font-size:10px;color:#9a9fb2}.legend i{display:inline-block;width:17px;height:2px;margin:0 6px 3px 0;background:#6970a0}.legend .power{background:#595f6c}.legend .warm{background:#e6ac80}.stage-bottom{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:10px;color:#8b92a5}.stage-bottom label{display:flex;gap:6px;align-items:center}.stage-bottom input{accent-color:#bb9a7c}aside{overflow:auto;padding:24px 22px;border-left:1px solid #ffffff12;scrollbar-width:thin;scrollbar-color:#434451 transparent}.eyebrow{font-size:8px;letter-spacing:.17em;color:#b4a08d}h2{font-weight:400;font-size:26px;margin:12px 0}h2 span{font-size:11px;color:#9197aa;letter-spacing:.15em;margin-left:10px}.intro>p:last-child{font-size:11px;color:#9ca2b4;line-height:1.85;margin-bottom:21px;min-height:60px}.controller,.telemetry{border-top:1px solid #ffffff12;padding-top:17px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-title h3{font-weight:400;font-size:12px;margin:0}.section-title>span{font-size:9px;color:#d4ae8b}.core-preview{height:156px;position:relative;margin:8px -10px 12px}.core-preview>span{position:absolute;bottom:0;left:10px;right:10px;text-align:center;font-size:9px;color:#7e879b;pointer-events:none}.keys,.groups{display:flex;gap:6px}.keys button{flex:1;padding:11px 5px;border:1px solid #ffffff20;font-size:11px}.keys small{display:block;font-size:8px;color:#959aae;letter-spacing:.08em;margin-top:4px}.keys button[aria-pressed=true]{border-color:#e6ac80;color:#e6ac80}.selection{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px;font-size:11px;color:#969cb0}.selection strong{font-weight:400;color:#e1c2a9}.groups button{flex:1;border:1px solid #ffffff18;padding:8px 4px;font-size:10px;color:#9fa6b8}.groups button[aria-pressed=true]{border-color:#b69d86;color:#e9bd96;background:#d6a77d08}.level-label{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px}.level-label output{font-size:22px;color:#e6ac80;font-weight:300}input[type=range]{width:100%;accent-color:#d9b794;height:24px;margin:10px 0 0}.small-note{font-size:10px;line-height:1.7;color:#858da2;margin:8px 0 15px}.leaf-meter{height:39px;display:flex;gap:5px;align-items:flex-end;margin:18px 0 6px}.leaf-meter i{height:100%;flex:1;background:#282d42;position:relative}.leaf-meter i:nth-child(4),.leaf-meter i:nth-child(8){margin-right:7px}.leaf-meter b{display:block;position:absolute;bottom:0;width:100%;background:#8c83bc;min-height:1px}.leaf-meter i.selected b{background:#dab18d}.group-values{display:flex;justify-content:space-around;font-size:9px;color:#929bad}.group-values b{font-weight:400;margin-left:8px;color:#c7b199}footer{border-top:1px solid #ffffff12;padding-top:16px}footer button{font-size:11px;color:#b2b8c8}footer p{font-size:9px;line-height:1.8;color:#737e94}#status{display:block;font-size:10px;color:#d7b697;line-height:1.6;margin-top:8px}@media(prefers-reduced-motion:reduce){#space{transition:none}}@media(max-width:800px){header{height:62px;padding:0 17px;gap:15px}.edition{display:none}.brand{margin-right:auto}.brand span{font-size:16px}header>a:not(.brand){font-size:10px}main{display:flex;flex-direction:column;height:auto}.stage{height:66dvh;min-height:490px}.topbar{top:13px;left:18px;right:18px;align-items:flex-start}.topbar nav{gap:18px}.topbar button{font-size:12px}.counts{display:none}.views{top:65px;right:18px}.caption{left:19px;bottom:96px}.caption h1{font-size:24px}.caption p{font-size:8px}.legend{left:19px;bottom:59px;gap:12px;font-size:9px}.stage-bottom{left:18px;right:18px;bottom:21px;font-size:9px}aside{overflow:visible;padding:25px 24px}.core-preview{height:180px}.intro>p:last-child{min-height:0}.section-title h3{font-size:13px}.keys button{padding:13px}.small-note{font-size:11px}}