:root{color-scheme:dark;--shader-panel-bg:rgba(8,10,14,0.92);--shader-panel-border:rgba(168,152,124,0.35);--shader-panel-text:rgba(255,255,255,0.82);--shader-panel-muted:rgba(255,255,255,0.45);--shader-panel-accent:#f2c14e}.shader-viewer-canvas{display:block;width:100%;height:100%}.shader-viewer-hud{position:fixed;inset:0 auto auto 0;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:rgba(255,255,255,.75);pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.8);transition:opacity .2s;z-index:10}.shader-viewer-hud.hidden{opacity:0}.shader-viewer-hud a{color:var(--shader-panel-accent);pointer-events:auto;text-decoration:none}.shader-viewer-hud a:hover{text-decoration:underline}.shader-viewer-title{font-weight:600;color:#fff}.shader-viewer-error{position:fixed;inset:auto 1rem 1rem 1rem;max-height:40vh;overflow:auto;padding:1rem;background:rgba(80,0,0,.92);border:1px solid rgba(255,120,120,.35);border-radius:8px;font-family:ui-monospace,monospace;font-size:.8rem;color:#ffd7d7;white-space:pre-wrap;z-index:30}.shader-tweak-panel{position:fixed;right:.75rem;bottom:.75rem;width:min(17rem,calc(100vw - 1.5rem));max-height:min(70vh,28rem);display:flex;flex-direction:column;background:var(--shader-panel-bg);border:1px solid var(--shader-panel-border);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:var(--shader-panel-text);box-shadow:0 8px 32px rgba(0,0,0,.55);backdrop-filter:blur(8px);z-index:20;transition:transform .2s,opacity .2s}.shader-tweak-panel.hidden{opacity:0;pointer-events:none;transform:translateY(.5rem)}.shader-tweak-panel.minimized{width:auto;max-height:none}.shader-tweak-panel.minimized .shader-tweak-body,.shader-tweak-panel.minimized .shader-tweak-section-label{display:none}.shader-tweak-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .65rem;border-bottom:1px solid rgba(255,255,255,.08)}.shader-tweak-head span{letter-spacing:.14em;text-transform:uppercase;color:var(--shader-panel-accent);font-size:.62rem}.shader-tweak-head button{appearance:none;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--shader-panel-muted);border-radius:3px;width:1.4rem;height:1.4rem;cursor:pointer;font:inherit;line-height:1}.shader-tweak-head button:hover{color:#fff;border-color:var(--shader-panel-accent)}.shader-tweak-body{overflow:auto;padding:.55rem .65rem .75rem}.shader-tweak-section-label{margin:.35rem 0 .5rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--shader-panel-muted)}.shader-tweak-section-label+.shader-tweak-section-label{margin-top:.85rem}.shader-tweak-row{display:grid;grid-template-columns:1fr auto;gap:.35rem .5rem;align-items:center;margin-bottom:.45rem}.shader-tweak-row label{color:var(--shader-panel-text)}.shader-tweak-row output{color:var(--shader-panel-accent);font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:right}.shader-tweak-row input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--shader-panel-accent)}.shader-tweak-row input[type=checkbox]{grid-column:2;accent-color:var(--shader-panel-accent)}.shader-tweak-tab{position:fixed;right:.75rem;bottom:.75rem;padding:.45rem .65rem;background:var(--shader-panel-bg);border:1px solid var(--shader-panel-border);border-radius:6px;font-family:ui-monospace,monospace;font-size:.62rem;letter-spacing:.12em;color:var(--shader-panel-accent);cursor:pointer;z-index:19;box-shadow:0 4px 16px rgba(0,0,0,.45)}