html,body,#tsl-editor-app{min-height:100%;margin:0}body{color:#f5f0ff;background:#120f20;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}#tsl-editor-app{isolation:isolate;background:radial-gradient(circle at 78% 18%,#c689ff2e,#0000 30%),radial-gradient(circle at 16% 82%,#ffb15b24,#0000 34%),#120f20;min-height:100svh;position:relative;overflow:hidden}#tsl-editor-app:before{z-index:1;pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(#ebd4ff0d 1px,#0000 1px),linear-gradient(90deg,#ebd4ff0d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}#scene-shell,#scene-shell canvas{width:100%;height:100%;position:absolute;inset:0}#scene-shell{z-index:0}.editor-hud{z-index:3;pointer-events:none;width:min(44rem,100vw - 2.5rem);position:absolute;top:clamp(1.1rem,3.5vh,2.5rem);left:clamp(1.25rem,5vw,5.5rem)}.editor-hud>*{pointer-events:auto}.back-link{color:#d3a9ff;letter-spacing:.08em;font:11px/1.2 DM Mono,monospace;text-decoration:none}.eyebrow{color:#ffc77d;letter-spacing:.16em;margin-top:1.15rem;font:11px/1.2 DM Mono,monospace}h1{letter-spacing:-.06em;max-width:37rem;margin:.45rem 0 .6rem;font-size:clamp(2.2rem,5.5vw,4.8rem);line-height:.94}.intro{color:#d6c9e4;max-width:38rem;margin:0;font-size:14px;line-height:1.55}.status-panel,.control-panel,.unsupported-panel,.error-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#110c1fc7;border:1px solid #dcb7ff33;border-radius:1rem;max-width:43rem;margin-top:1rem;box-shadow:0 18px 60px #0000004d}.status-panel{padding:.85rem 1rem}.loading-row{color:#fff9ff;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:1rem;font:12px/1.3 DM Mono,monospace;display:flex}.loading-detail{color:#b5a6c5;margin-top:.45rem;font:11px/1.45 DM Mono,monospace}.control-panel{padding:.85rem 1rem 1rem}.button-row{flex-wrap:wrap;gap:.45rem;display:flex}button{color:#fff6ff;cursor:pointer;text-transform:uppercase;background:#7b4ba040;border:1px solid #d8b0ff85;border-radius:.55rem;padding:.5rem .7rem;font:11px/1.2 DM Mono,monospace}button:hover:not(:disabled){background:#b46ce85c}button:disabled{cursor:not-allowed;opacity:.45}.validation{color:#c0afcf;margin-top:.75rem;font:11px/1.45 DM Mono,monospace}.validation[data-state=computed]{color:#a8f5cc}.validation[data-state=failed]{color:#ffadad}.metrics{grid-template-columns:repeat(3,max-content);gap:.65rem 1.2rem;margin:1rem 0 0;display:grid}.metrics div{gap:.18rem;display:grid}.metrics dt{color:#88789a;letter-spacing:.12em;text-transform:uppercase;font:9px/1 DM Mono,monospace}.metrics dd{color:#f2e6ff;margin:0;font:12px/1.2 DM Mono,monospace}.result-grid{gap:.45rem;margin-top:1rem;display:grid}.result-row{background:#ffffff06;border:1px solid #dcb7ff1f;border-radius:.55rem;grid-template-columns:7.8rem minmax(8rem,1fr) 1.5fr;align-items:baseline;gap:.7rem;padding:.45rem .6rem;display:grid}.result-row span{color:#9c8bad;letter-spacing:.08em;font:9px/1.2 DM Mono,monospace}.result-row strong{color:#f2eaff;font:11px/1.2 DM Mono,monospace}.result-row strong[data-state=pass]{color:#a8f5cc}.result-row strong[data-state=source]{color:#ffd08e}.result-row strong[data-state=fail]{color:#faa}.result-row small{color:#af9fbd;font:10px/1.3 DM Mono,monospace}.shader-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;display:grid}.shader-grid>div{min-width:0}h2{color:#9c8bad;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .35rem;font:9px/1.2 DM Mono,monospace}pre{color:#e7d9f4;white-space:pre-wrap;word-break:break-word;background:#00000038;border:1px solid #dcb7ff1f;border-radius:.55rem;min-height:7rem;max-height:12rem;margin:0;padding:.7rem;font:10px/1.45 DM Mono,monospace;overflow:auto}.boundary-note,.hint{color:#af9fbd;max-width:43rem;font:10px/1.5 DM Mono,monospace}.boundary-note{margin:1rem 0 0}.hint{margin:.85rem 0 0}.hint a{color:#d4adff}.unsupported-panel,.error-panel{color:#ffcf9c;padding:.85rem 1rem;font:11px/1.45 DM Mono,monospace}.unsupported-panel strong,.error-panel strong{color:#fff0dc;margin-bottom:.35rem;display:block}.error-panel{color:#ffb8b8}.scene-label{z-index:2;color:#f1deffd1;text-align:center;letter-spacing:.12em;pointer-events:none;width:12rem;margin-left:-6rem;font:10px/1.35 DM Mono,monospace;position:absolute;top:70%;left:72%}.scene-label span{color:#c3aed4bd;letter-spacing:.04em}.signature{z-index:2;color:#d5bae680;letter-spacing:.16em;font:10px/1 DM Mono,monospace;position:absolute;bottom:1.2rem;right:1.5rem}code{color:#eedcff}@media (width<=960px){body{overflow:auto}#tsl-editor-app{min-height:1320px}.editor-hud{width:auto;margin:0 1rem;padding-top:1.2rem;position:relative;top:auto;left:auto}#scene-shell{min-height:1320px}.scene-label{top:91%;left:50%}.metrics{grid-template-columns:repeat(2,max-content)}.result-row{grid-template-columns:7.8rem 1fr}.result-row small{grid-column:2}.shader-grid{grid-template-columns:1fr}.signature{display:none}}