:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef7ff;background:#071321;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#071321;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,select{font:inherit;color:#eff8ff;background:#0c1f32f5;border:1px solid #88c4e24d;border-radius:8px}button{cursor:pointer;padding:.58rem .62rem;font-size:.62rem}button:hover,select:focus{background:#184549f5;border-color:#67e7d5e6}select{min-width:0;padding:.42rem .5rem}#paint-app,#scene-shell,#scene-shell canvas{width:100vw;height:100vh}#paint-app{background:radial-gradient(circle at 76% 42%,#5daee830,#0000 38rem),#071321;position:relative;overflow:hidden}#scene-shell,#scene-shell canvas{display:block;position:absolute;inset:0}.study-hud{background:linear-gradient(90deg,#071321fc 0%,#071321eb 84%,#07132100 100%);width:min(500px,100vw);padding:1.05rem 1rem 1rem;position:absolute;inset:0 auto 0 0;overflow-y:auto}.back-link{color:#8ce5d6;letter-spacing:.04em;font-size:.73rem;text-decoration:none}.back-link:hover{color:#fff}.eyebrow{color:#8dc8bf;letter-spacing:.18em;margin-top:1.55rem;font-size:.66rem;font-weight:700}h1{letter-spacing:-.055em;max-width:470px;margin:.5rem 0 .42rem;font-size:clamp(2rem,4.5vw,3.1rem);line-height:.98}.intro{color:#b7cad7;max-width:470px;margin:0 0 .85rem;font-size:.82rem;line-height:1.42}.status-panel,.control-card,.matrix-card,.resource-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0d1e30db;border:1px solid #72b6c947;border-radius:11px;max-width:470px;margin:.58rem 0;padding:.68rem;box-shadow:0 16px 40px #0003}.control-card{border-color:#67e7d561}.matrix-card{border-color:#ffbf7366}.resource-card{border-color:#b0a9ff61}.status-line,.button-row,.card-heading,.select-row{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.status-pill,.backend-pill{color:#c9f8ed;background:#1e6f663d;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.status-pill i{background:#61ead2;border-radius:50%;width:.4rem;height:.4rem;box-shadow:0 0 12px #61ead2}.backend-pill{color:#c0dced;background:#53689733}.status-detail{color:#91adba;margin:.48rem 0 0;font-size:.68rem;line-height:1.38}.metrics{grid-template-columns:repeat(6,1fr);gap:.34rem;margin:.65rem 0 0;display:grid}.metrics div{background:#040a128c;border-radius:7px;min-width:0;padding:.4rem .42rem}dt{color:#7795a6;letter-spacing:.05em;text-transform:uppercase;font-size:.51rem}dd{color:#e7f7ff;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:.17rem 0 0;font-size:.64rem;overflow:hidden}.card-heading strong{letter-spacing:.02em;font-size:.72rem}.card-heading span,.card-detail{color:#89a5b5;font-size:.58rem}.button-row{margin-top:.62rem}.button-row button{flex:1}.secondary-row{margin-top:.42rem}.select-row{color:#bfd3dc;margin:.58rem 0 .18rem;font-size:.68rem}.select-row select{width:52%}.card-detail{margin:.48rem 0 0;line-height:1.4}.matrix-row{color:#abc1cc;background:#050a126b;border-radius:6px;grid-template-columns:1fr 1fr 1.2fr;align-items:center;gap:.45rem;margin-top:.38rem;padding:.38rem .42rem;font-size:.61rem;display:grid}.matrix-row strong{color:#f8d7ac;font-weight:600}.matrix-row span:last-child{color:#d1c8ff}.matrix-head{color:#7795a6;letter-spacing:.08em;text-transform:uppercase;background:0 0;margin-top:.62rem;padding:.2rem .42rem;font-size:.5rem}.resource-row{color:#9ab5c0;justify-content:space-between;gap:.5rem;margin-top:.42rem;font-size:.62rem;display:flex}.resource-row strong{color:#d7cfff;font-weight:600}.paint-source{color:#efffff;background:linear-gradient(135deg,#102b46,#183b58);border:2px solid #55dccd;border-radius:14px;width:320px;min-height:205px;padding:15px;font:14px/1.35 Inter,system-ui,sans-serif;box-shadow:0 12px 30px #00000059}.snapshot-source{background:linear-gradient(135deg,#182449,#302d5e);border-color:#a89bff}.source-heading{color:#ffd18b;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.snapshot-source .source-heading{color:#d9d2ff}.paint-source p{color:#b9d1dc;margin:14px 0;font-size:12px}.source-meter{background:#01070e73;border-radius:999px;height:10px;overflow:hidden}.source-meter span{border-radius:inherit;background:linear-gradient(90deg,#55dccd,#83aaff);width:62%;height:100%;transition:width .18s;display:block}.snapshot-source .source-meter span{background:linear-gradient(90deg,#a89bff,#ffd18b)}.source-value{color:#e7f7ff;margin-top:14px;font-size:13px;display:block}.paint-source button{color:#071321;background:#ffd18b;border-color:#ffd18b;width:100%;margin-top:12px;padding:8px;font-size:12px;font-weight:700}#paint-source-bank{z-index:-1;position:fixed;top:0;left:-10000px}#snapshot-source{margin-top:16px}.error-panel{color:#ffd8d8;background:#4d1723c7;border:1px solid #ff7c7c99;border-radius:9px;max-width:470px;margin-top:.58rem;padding:.68rem;font-size:.69rem}.error-panel strong{margin-bottom:.25rem;display:block}.hint{color:#708a99;max-width:470px;margin:.68rem 0 .45rem;font-size:.62rem;line-height:1.35}code{color:#c5fff4;font-size:.61rem}.signature{color:#a9cadc75;letter-spacing:.16em;pointer-events:none;font-size:.62rem;position:absolute;bottom:.68rem;right:.9rem}@media (width<=760px){body{overflow:auto}#paint-app,#scene-shell,#scene-shell canvas{height:100%;min-height:1420px}.study-hud{background:linear-gradient(#071321fa,#071321e6);width:100%;min-height:1420px;position:relative}.metrics{grid-template-columns:repeat(3,1fr)}.signature{position:fixed}}