:root{--mint: #7fb8a9;--mint-soft: #cfe3dd;--mint-deep: #3f7a6c;--bg: #f4f6f6;--bg-tint: #e9eeed;--panel: #ffffff;--line: #dfe5e4;--text: #1f2725;--muted: #6b7a77;--accent: var(--mint-deep);--accent-wash: #eaf3f0;--shadow: 0 1px 2px rgb(31 39 37 / 5%), 0 8px 24px -12px rgb(31 39 37 / 18%);--radius: 10px;--radius-sm: 7px;--rail: 274px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #12181a;--bg-tint: #171f21;--panel: #1b2426;--line: #2a3639;--text: #e6edeb;--muted: #8ba09c;--accent: var(--mint);--accent-wash: #1d2c2a;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 12px 28px -14px rgb(0 0 0 / 60%)}}:root[data-theme=dark]{--bg: #12181a;--bg-tint: #171f21;--panel: #1b2426;--line: #2a3639;--text: #e6edeb;--muted: #8ba09c;--accent: var(--mint);--accent-wash: #1d2c2a;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 12px 28px -14px rgb(0 0 0 / 60%);color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}body{margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600}button,input,select{font:inherit;color:inherit}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:center;gap:.75rem}.mark{width:34px;height:34px;color:var(--accent);flex:none}.brand h1{font-size:1.05rem;letter-spacing:-.01em}.tagline{margin:0;font-size:.78rem;color:var(--muted)}.masthead-actions{display:flex;align-items:center;gap:.5rem}.badge{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .55rem;border-radius:999px;background:var(--accent-wash);color:var(--accent);white-space:nowrap}button.badge{border:0;cursor:pointer;font-family:inherit}button.badge:disabled{cursor:default;opacity:.7}button.badge:not(:disabled):hover{filter:brightness(.95)}.badge.cpu{background:#fdf1e3;color:#9a5b1b}:root[data-theme=dark] .badge.cpu{background:#2e2317;color:#e2a765}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .badge.cpu{background:#2e2317;color:#e2a765}}.ghost{appearance:none;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.35rem .7rem;font-size:.82rem;color:var(--muted);text-decoration:none;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.ghost:hover{color:var(--text);border-color:var(--muted)}.ghost.small{padding:.22rem .5rem;font-size:.76rem}.ghost.wide{width:100%;margin-top:.5rem}select.ghost{background:var(--panel);color:var(--text)}select.ghost:hover{background:var(--bg-tint)}option{background:var(--panel);color:var(--text)}.app{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--rail);gap:1rem;padding:1rem;align-items:start}.rail{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem;max-height:calc(100vh - 96px);min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.85rem;min-height:0;display:flex;flex-direction:column;gap:.6rem}.rail>.panel{flex:0 0 auto}.panel.grow{flex:1 1 auto;overflow:hidden}.panel h2{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.count{color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none}.hint{margin:0;font-size:.78rem;color:var(--muted)}.sources{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.tile{position:relative;display:grid;min-width:0}.tile .source{width:100%}body[data-mode=build] .tile-insert{display:none}.tile-insert{position:absolute;top:.2rem;right:.2rem;z-index:1;width:1.15rem;height:1.15rem;padding:0;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:#0000008c;color:#fff;font-size:.8rem;line-height:1;cursor:pointer;opacity:.72;transition:opacity .12s,background .12s}.tile:hover .tile-insert,.tile-insert:hover,.tile-insert:focus-visible{opacity:1}.tile-insert:hover{background:var(--accent)}.tile-insert:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.source{position:relative;appearance:none;border:1px solid var(--line);background:var(--bg-tint);border-radius:var(--radius-sm);padding:0;aspect-ratio:4 / 3;overflow:hidden;cursor:pointer;display:grid;place-items:center;color:var(--muted);font-size:.68rem}.source img{width:100%;height:100%;object-fit:cover;display:block}.source .glyph{font-size:1.1rem;line-height:1}.source .glyph.badge{position:absolute;top:.2rem;left:.2rem;font-size:.6rem;line-height:1;padding:.15rem .25rem;border-radius:var(--radius-sm);background:#0000008c;color:#fff}.source[aria-pressed=true]{border-color:var(--accent);outline:2px solid var(--accent-wash)}.source .label{position:absolute;inset:auto 0 0;padding:.15rem .3rem;font-size:.62rem;background:#00000073;color:#fff;text-align:center}.dropzone{display:grid;place-items:center;text-align:center;padding:.7rem;font-size:.78rem;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius-sm);cursor:pointer}.dropzone.over{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.resolution{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted)}.resolution input{flex:0 1 5.5rem;min-width:0;padding:.25rem .35rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-tint);color:var(--text);font-size:.78rem;text-align:center}.resolution input::placeholder{color:var(--muted);opacity:.75}.resolution input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.resolution label,.resolution #resReset{flex:none}.search{width:100%;padding:.4rem .6rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-tint)}.search:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.palette{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0 -.3rem;padding:0 .3rem}.palette-note{margin:0 .45rem .3rem;font-size:.68rem;line-height:1.35;color:var(--muted);font-style:italic}.palette h3{position:sticky;top:0;z-index:1;margin:.5rem 0 .25rem;padding:.2rem 0;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--panel)}.palette button{display:block;width:100%;text-align:left;appearance:none;background:transparent;border:0;border-radius:var(--radius-sm);padding:.3rem .45rem;font-size:.85rem;cursor:pointer;color:var(--text)}.palette button:hover{background:var(--accent-wash);color:var(--accent)}.palette button small{display:block;color:var(--muted);font-size:.7rem;line-height:1.35}.palette button:hover small{color:inherit;opacity:.8}.chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}.chip{display:inline-block;padding:.1rem .35rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-tint);color:var(--muted);font-size:.62rem;line-height:1.5;letter-spacing:.01em;white-space:nowrap;cursor:help}.chip-temporal,.chip-binary-in,.chip-heightmap-in,.chip-normalmap-in{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-wash);color:var(--accent)}.stage-card .chips{padding:0 .5rem .1rem}.presets{display:flex;flex-wrap:wrap;gap:.3rem;margin:.1rem 0 .6rem;flex:0 0 auto}.preset{appearance:none;padding:.2rem .5rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-tint);color:var(--muted);font:inherit;font-size:.7rem;line-height:1.5;white-space:nowrap;cursor:pointer}.preset-more{border-style:dashed;opacity:.8}.preset:hover,.preset:focus-visible{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-wash)}.stage{display:flex;flex-direction:column;gap:.75rem;min-width:0}.viewport{position:relative;display:grid;place-items:center;padding:1rem;min-height:60vh;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background-color:var(--panel);background-image:linear-gradient(45deg,var(--bg-tint) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-tint) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-tint) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-tint) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.viewport canvas{max-width:100%;max-height:74vh;border-radius:var(--radius-sm);display:block}.empty{position:absolute;color:var(--muted);font-size:.85rem}.readout{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:.6rem .85rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.metric{display:flex;flex-direction:column;gap:.1rem}.metric .k{font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.metric .v{font-size:.9rem;font-variant-numeric:tabular-nums}.readout button{margin-left:auto}.bench{margin:0;padding:.6rem .85rem;font-size:.82rem;border-radius:var(--radius);background:var(--accent-wash);color:var(--accent)}.chain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto;min-height:0;overflow-y:auto}.stage-card{flex:0 0 auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-tint);overflow:hidden}.stage-card.dragging{opacity:.4}.stage-card.drop-before{box-shadow:0 -2px 0 var(--accent)}.stage-card.drop-after{box-shadow:0 2px 0 var(--accent)}.stage-card.off .stage-body,.stage-card.off .stage-name{opacity:.45}.stage-head{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;cursor:grab}.stage-head:active{cursor:grabbing}.grip{color:var(--muted);font-size:.8rem;line-height:1;letter-spacing:-1px}.stage-name{flex:1 1 auto;font-size:.85rem;font-weight:500;min-width:0;overflow-wrap:anywhere}.icon-button{appearance:none;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:.1rem .25rem;border-radius:4px;font-size:.8rem;line-height:1}.icon-button:hover{color:var(--text);background:var(--panel)}.icon-button[aria-pressed=false]{opacity:.5}.stage-body{padding:0 .5rem .5rem;display:flex;flex-direction:column;gap:.35rem}.control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem .5rem}.control .label{font-size:.74rem;color:var(--muted)}.control .value{font-size:.74rem;font-variant-numeric:tabular-nums;color:var(--muted);min-width:2.5em;text-align:right}.control input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent)}.control select{grid-column:1 / -1;width:100%;padding:.2rem .3rem;border:1px solid var(--line);border-radius:5px;background:var(--panel);font-size:.78rem}.control input[type=checkbox]{accent-color:var(--accent);justify-self:end}.control input[type=color]{justify-self:end;width:2.4rem;height:1.5rem;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--panel);cursor:pointer}.control.inline{grid-template-columns:1fr auto}.no-options{font-size:.74rem;color:var(--muted);font-style:italic}.code{margin:0;padding:.6rem;max-height:190px;overflow:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg-tint);border-radius:var(--radius-sm);white-space:pre;tab-size:2}.about{border-top:1px solid var(--line);background:var(--panel);padding:2.5rem 1.25rem 3rem;margin-top:1rem}.about-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:2.25rem}.about-block h2{font-size:1rem;margin-bottom:.6rem}.about-block h3{font-size:.82rem;color:var(--accent);margin-bottom:.35rem}.about-block p{margin:0 0 .7rem;max-width:68ch;color:var(--muted);font-size:.88rem}.about-block code{font:12.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg-tint);padding:.1rem .3rem;border-radius:4px}.about-note{font-size:.82rem}.about a{color:var(--accent);text-decoration:none}.about a:hover{text-decoration:underline}.examples{margin:0;padding:0;list-style:none;display:grid;gap:.3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.examples li{font-size:.85rem}.examples span{color:var(--muted)}.faq{margin:0;max-width:68ch}.faq dt{font-weight:600;font-size:.88rem;margin-top:.9rem}.faq dt:first-child{margin-top:0}.faq dd{margin:.25rem 0 0;font-size:.86rem;color:var(--muted)}.reference{columns:300px 3;column-gap:2rem}.ref-group{break-inside:avoid;margin:0 0 1.4rem}.ref-group dl{margin:0}.ref-group dt{font-size:.82rem;font-weight:500;margin-top:.55rem;display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}.ref-group dt:first-child{margin-top:0}.ref-group dd{margin:.1rem 0 0;font-size:.78rem;color:var(--muted)}.ref-trait{font-size:.64rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:.1rem .35rem;border-radius:999px;background:var(--accent-wash);color:var(--accent);white-space:nowrap}.colophon{font-size:.84rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1.25rem;margin:0}@media(max-width:1100px){.app{grid-template-columns:1fr}.rail{position:static;max-height:none}.rail-left{order:1}.stage{order:0}.rail-right{order:2}.palette{max-height:320px}.viewport{min-height:40vh}}@media(max-width:720px){.byline{display:none}.about{padding:2rem 1rem 2.5rem}}.modes{display:flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.mode{appearance:none;border:0;background:transparent;padding:.35rem .7rem;font-size:.82rem;font-family:inherit;color:var(--muted);cursor:pointer;transition:color .12s,background .12s}.mode:hover{color:var(--text)}.mode[aria-pressed=true]{background:var(--accent-wash);color:var(--accent)}body[data-mode=code] #palettePanel,body[data-mode=code] .rail-right,body[data-mode=build] #codePanel{display:none}body[data-mode=code] .app{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;min-height:calc(100vh - 96px)}body[data-mode=code] .rail-left{grid-column:1;grid-row:1;position:static;max-height:none}body[data-mode=code] #codePanel{grid-column:1;grid-row:2;min-height:0}body[data-mode=code] .stage{grid-column:2;grid-row:1 / span 2}body[data-mode=code] .stage .viewport{flex:1 1 auto}body[data-mode=code] .sources{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88px;overflow-x:auto;overflow-y:hidden;padding-bottom:.3rem}body[data-mode=code] .dropzone{padding:.4rem;font-size:.74rem}@media(max-width:1100px){body[data-mode=code] .app{grid-template-columns:1fr;grid-template-rows:none;min-height:0}body[data-mode=code] .rail-left,body[data-mode=code] #codePanel,body[data-mode=code] .stage{grid-column:auto;grid-row:auto}body[data-mode=code] .rail-left{order:1}body[data-mode=code] .stage{order:2}body[data-mode=code] #codePanel{order:3}}.editor{flex:1;min-height:260px;resize:vertical;width:100%;box-sizing:border-box;padding:.6rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-tint);color:var(--text);font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}.editor:focus{outline:2px solid var(--accent);outline-offset:-1px}.snippet-actions{display:flex;gap:.4rem;margin-top:.5rem}.snippet-actions .ghost{flex:1}.snippet-actions kbd{font:inherit;color:var(--muted);opacity:.8}.snippet-error{margin:.5rem 0 0;padding:.45rem .6rem;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,#c2410c 35%,var(--line));background:color-mix(in srgb,#c2410c 8%,transparent);color:var(--text);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}