@import url('./canonical-fonts.css');
.shader-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-block:42px 30px}.shader-intro h1{font-size:clamp(38px,4.4vw,58px);max-width:none;margin-bottom:16px}.shader-intro p:last-child{font-size:15px;color:var(--color-text-secondary);margin:0}.shader-intro .eyebrow{margin-bottom:16px}.shader-intro .row{flex-shrink:0}.station-current{--station-tint:#537f4b;--station-paper:#f6faef;position:relative;isolation:isolate;width:100%;min-width:0;aspect-ratio:1.9;min-height:420px;overflow:hidden;border:1px solid color-mix(in oklab,var(--station-tint) 22%,rgba(255,255,255,.8));border-radius:24px;background:var(--station-paper);box-shadow:0 24px 64px color-mix(in oklab,var(--station-tint) 9%,transparent),0 3px 12px rgba(42,60,69,.08),inset 0 1px 0 rgba(255,255,255,.82),inset 0 -1px 0 rgba(34,69,59,.1)}.generative-stage,.generative-canvas,.station-wash{position:absolute;width:100%;height:100%;inset:0}.generative-stage{z-index:1;overflow:hidden;pointer-events:none}.generative-canvas{display:block;opacity:0;transform:scale(1.01)}.generative-stage[data-ready=true] .generative-canvas{opacity:1}.station-wash,.stage-vignette{position:absolute;inset:0;pointer-events:none}.station-wash{z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 30%,transparent 72%,color-mix(in oklab,var(--station-tint) 3%,transparent)),radial-gradient(at 50% 47%,transparent 38%,color-mix(in oklab,var(--station-tint) 2.5%,transparent) 100%);opacity:1}.stage-vignette{z-index:3;background:radial-gradient(at 50% 45%,transparent 42%,color-mix(in oklab,var(--station-tint) 2%,transparent) 72%,color-mix(in oklab,var(--station-tint) 5%,transparent) 100%)}.station-copy{position:absolute;z-index:5;max-width:calc(100% - 72px);inset:auto auto 42px clamp(34px,4.5vw,74px);color:#102622;pointer-events:none}.station-copy h2{font-family:'Sourdine Quattro',sans-serif;font-size:clamp(64px,7vw,110px);font-weight:780;line-height:.9;letter-spacing:-.072em;margin:0}.station-copy p{font-family:'Sourdine Fraunces',serif;font-size:clamp(18px,1.72vw,27px);font-style:italic;line-height:1.2;margin:17px 0 0;color:#344a3e}.station-current.hide-title .station-copy{visibility:hidden}.station-current.no-optics .station-wash,.station-current.no-optics .stage-vignette{display:none}.scene-label{position:absolute;z-index:6;top:22px;left:26px;right:26px;display:flex;gap:16px;justify-content:space-between;font-size:12px;color:#304535;pointer-events:none}.scene-label span{background:rgba(246,250,239,.82);padding:5px 10px;border-radius:8px}.shader-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-block:40px}.control-section{min-width:0}.control-section h2{font-size:27px}.control-section>p:not(.eyebrow){color:var(--color-text-secondary);font-size:14px;line-height:1.7;min-height:72px}.control-section .eyebrow{font-size:10px;margin-bottom:12px}.control-section small{font-size:11px;line-height:1.6}.control-section .controls{gap:23px}.control-section select{font-size:14px;width:100%}.control-section button{font-size:13px}.control-section input:disabled{cursor:default;opacity:.55}.renderer-notes{margin-top:28px}.renderer-notes p{font-size:13px;color:var(--color-text-secondary);line-height:1.8}.webgl-error{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;background:var(--color-surface-soft);gap:18px}.webgl-error p{max-width:52ch;font-size:15px}.webgl-error strong{font-size:24px}.footer{border-top:1px solid var(--color-edge)}#capture-dialog{max-width:min(92vw,1050px)}#capture-dialog h2{font-size:24px;margin:0}#captured-frame{display:block;max-height:68vh;object-fit:contain;border-radius:14px;margin:24px auto;width:100%}#capture-dialog .status{max-width:none}body:has(dialog[open]){overflow:hidden}
@media(prefers-reduced-motion:no-preference){.generative-canvas{transition:opacity 900ms cubic-bezier(.16,1,.3,1)}}
@media(max-width:1000px){.shader-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.control-section:last-child{grid-column:1/-1}.control-section:last-child .controls{grid-template-columns:repeat(2,minmax(0,1fr))}.shader-intro{align-items:flex-start;flex-direction:column}.station-current{min-height:430px}}
@media(max-width:760px){.shader-intro{padding-top:24px}.shader-controls{grid-template-columns:1fr;padding-block:30px;gap:38px}.control-section:last-child{grid-column:auto}.control-section:last-child .controls{grid-template-columns:1fr}.control-section>p:not(.eyebrow){min-height:0}.station-current{aspect-ratio:1;min-height:340px}.station-copy{inset:auto 22px 36px 22px;max-width:none}.station-copy h2{font-size:clamp(42px,11vw,68px)}.station-copy p{font-size:17px;max-width:24ch}.scene-label{top:16px;left:14px;right:14px;flex-direction:column;align-items:flex-start;gap:6px;font-size:11px}.scene-label span{padding:4px 8px}}