:root{--bg:#f4efe4;--panel:#fffbf4f0;--ink:#1d1a16;--muted:#6d6459;--accent:#d95d39;--edge:#1d1a161f}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 0 0,#d95d392e,#0000 30%),linear-gradient(135deg,#f8f3ea,#efe5d4);font-family:Space Grotesk,Avenir Next,sans-serif}#app{grid-template-rows:auto 1fr;gap:20px;padding:24px;display:grid}.chrome,.panel{background:var(--panel);border:1px solid var(--edge);border-radius:20px;box-shadow:0 18px 60px #251f1614}.chrome{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.chrome h1,.eyebrow{margin:0}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;min-height:0;display:grid}.stack{gap:20px;min-height:0;display:grid}.panel{grid-template-rows:auto 1fr;min-height:0;display:grid;overflow:hidden}.panel-header{color:var(--muted);border-bottom:1px solid var(--edge);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:12px 16px;font-size:.82rem;display:flex}#editor,#wgsl-output{height:100%;min-height:0}#wgsl-output{margin:0;padding:18px;font-family:IBM Plex Mono,ui-monospace,monospace;overflow:auto}#preview-canvas{border-right:1px solid var(--edge);width:100%;height:100%;min-height:260px}.preview-panel{min-height:360px}.preview-shell{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);height:100%;min-height:0;display:grid}.uniforms{background:linear-gradient(#ffffff59,#ffffff14);align-content:start;gap:12px;padding:14px;display:grid;overflow:auto}.uniform-empty,.uniform-live{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.uniform-card{background:#ffffffa3;border:1px solid #1d1a1614;border-radius:14px;gap:10px;padding:12px;display:grid}.uniform-card-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.uniform-card-header strong{font-size:.95rem}.uniform-card-header span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.uniform-field{grid-template-columns:32px minmax(0,1fr) 52px;align-items:center;gap:10px;font-size:.84rem;display:grid}.uniform-field input{width:100%}.uniform-field output{text-align:right;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace}button{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 18px}button:disabled{opacity:.7;cursor:progress}@media (width<=960px){.grid,.preview-shell{grid-template-columns:1fr}#preview-canvas{border-right:0;border-bottom:1px solid var(--edge)}}