.ps-root.ps-root--studio{padding-bottom:calc(var(--ps-space-9) + env(safe-area-inset-bottom))}.ps-toast.ps-toast--studio{bottom:calc(var(--ps-space-8) + env(safe-area-inset-bottom))}.ps-title.ps-title--studio{font-size:var(--ps-text-lg);letter-spacing:var(--ps-track-5)}.ps-sub.ps-sub--studio{text-align:center}.ps-note.ps-note--studio{margin-top:var(--ps-space-8)}.ps-row.ps-row--studio{gap:var(--ps-space-3);align-items:center}.ps-input.ps-input--auto{width:auto}.ps-label{font-size:var(--ps-text-xs);letter-spacing:var(--ps-track-1);color:var(--ps-ink-muted);display:flex;align-items:center;gap:var(--ps-space-2);text-transform:uppercase}.ps-label-value{width:30px;text-align:right;color:var(--ps-ink)}.ps-reading{font-size:var(--ps-text-xs);letter-spacing:var(--ps-track-1);color:var(--ps-ink-dim);max-width:var(--ps-measure);line-height:1.7}.ps-warn{font-size:var(--ps-text-xs);color:var(--ps-ink-warn);max-width:var(--ps-measure);line-height:1.6}.ps-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ps-ink-dim);font-size:var(--ps-text-md);letter-spacing:var(--ps-track-2)}.ps-swatch.ps-swatch--studio{width:14px;height:14px;border-color:var(--ps-line-swatch-studio)}.ps-toast.ps-toast--studio{border-color:var(--ps-accent)}.ps-input.ps-input--name{width:150px}.ps-input.ps-input--prompt{flex:1 1 260px;min-width:200px}.ps-warn.ps-warn--block{flex-basis:100%;text-align:center}.ps-warn.ps-warn--spaced{margin-top:var(--ps-space-3)}.ps-reading.ps-reading--spaced{margin-top:var(--ps-space-5)}.ps-btn.ps-btn--quiet{opacity:.7}.ps-root.sp-root{align-items:stretch;max-width:1100px;margin:0 auto;text-align:left}.sp-root .ps-title,.sp-root .ps-note{text-align:center}.sp-section{border-top:1px solid var(--ps-line);margin-top:var(--ps-space-9);padding-top:var(--ps-space-7)}.sp-h2{font-size:var(--ps-text-lg);letter-spacing:var(--ps-track-2);color:var(--ps-ink-bright);text-transform:uppercase;margin:0 0 var(--ps-space-2)}.sp-blurb{font-size:var(--ps-text-xs);line-height:1.7;color:var(--ps-ink-dim);max-width:62ch;margin:0 0 var(--ps-space-7)}.sp-note{font-size:var(--ps-text-xs);letter-spacing:var(--ps-track-2);text-transform:uppercase;color:var(--ps-ink-muted);margin:var(--ps-space-7) 0 var(--ps-space-3)}.sp-states{display:grid;grid-template-columns:8rem repeat(5,1fr);gap:var(--ps-space-3);align-items:center;margin-bottom:var(--ps-space-3)}.sp-states-label{font-size:var(--ps-text-xs);color:var(--ps-ink-muted);letter-spacing:var(--ps-track-1)}.sp-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ps-space-1)}.sp-state-name{font-size:9px;letter-spacing:var(--ps-track-1);color:var(--ps-ink-dim);text-transform:uppercase}.sp-force--hover .ps-btn,.sp-force--hover .ps-tab:not(.ps-tab--on),.sp-force--hover .ps-chip:not(.ps-chip--on){border-color:var(--ps-accent);color:var(--ps-ink-bright)}.sp-force--active .ps-btn,.sp-force--active .ps-tab,.sp-force--active .ps-chip{background:var(--ps-hover-lift)}.sp-force--focus .ps-btn,.sp-force--focus .ps-tab,.sp-force--focus .ps-chip,.sp-force--focus .ps-input{outline:var(--ps-focus-width) solid var(--ps-accent);outline-offset:var(--ps-focus-offset)}.sp-force--disabled .ps-btn,.sp-force--disabled .ps-input{opacity:var(--ps-disabled-opacity);cursor:default}.sp-swatchrow{display:flex;gap:var(--ps-space-2)}.sp-strip-demo{position:relative;height:46px;background:var(--ps-bg-canvas);border:1px solid var(--ps-line);margin-top:var(--ps-space-3)}.sp-toast-demo{position:relative;height:52px;margin-top:var(--ps-space-5)}.sp-toast-demo .ps-toast{position:absolute;bottom:0}.sp-slots{display:grid;gap:var(--ps-space-2);margin-bottom:var(--ps-space-7)}.sp-slot{display:grid;grid-template-columns:4rem 1fr auto;gap:var(--ps-space-3);font-size:var(--ps-text-xs);color:var(--ps-ink);align-items:baseline}.sp-slot code{color:var(--ps-ink-bright)}.sp-slot em{color:var(--ps-ink-dim);font-style:normal}.sp-grades{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--ps-space-7)}.sp-grade-head{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--ps-text-xs);margin-bottom:var(--ps-space-1)}.sp-grade-name{color:var(--ps-ink-bright);letter-spacing:var(--ps-track-1)}.sp-slug{color:var(--ps-ink-dim);font-size:9px}.sp-ramp{display:flex;height:34px;border:1px solid var(--ps-line)}.sp-stop{flex:1;background:var(--sp-stop);display:flex;align-items:flex-end;justify-content:center}.sp-stop-i{font-size:8px;color:var(--ps-ink-muted);mix-blend-mode:difference}.sp-accent{display:flex;align-items:center;gap:var(--ps-space-3);margin-top:var(--ps-space-2);font-size:9px;letter-spacing:var(--ps-track-1);color:var(--ps-ink-dim)}.sp-accent-chip{padding:2px var(--ps-space-2)}.sp-ratio--bad{color:var(--ps-ink-warn)}.sp-type-row,.sp-space-row{display:grid;grid-template-columns:14rem 1fr;gap:var(--ps-space-5);align-items:center;padding:var(--ps-space-2) 0;border-bottom:1px solid var(--ps-line);font-size:var(--ps-text-xs);color:var(--ps-ink)}.sp-space-row{grid-template-columns:14rem 1fr 4rem}.sp-space-bar{width:var(--sp-w);height:12px;background:var(--ps-accent)}.sp-scenes{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--ps-space-7)}.sp-scene{margin:0}.sp-scene .ps-canvas{border:1px solid var(--ps-line);width:100%;height:auto}.sp-caption{font-size:var(--ps-text-xs);line-height:1.6;color:var(--ps-ink-dim);margin-top:var(--ps-space-2)}.sp-caption strong{color:var(--ps-ink-bright);font-weight:400}:root{color-scheme:dark;--ps-bg: #0a0c12;--ps-bg-raised: #161b28;--ps-bg-control: #12161f;--ps-bg-field: #0e1118;--ps-bg-canvas: #000;--ps-bg-scrim: rgba(5, 7, 12, .55);--ps-ink: #c8cede;--ps-ink-bright: #eef1f8;--ps-ink-strip: #dfe4f0;--ps-ink-muted: #8a92a8;--ps-ink-dim: #5c6478;--ps-ink-warn: #e0a35c;--ps-line: #232a3a;--ps-line-control: #2c3448;--ps-line-swatch: rgba(255, 255, 255, .25);--ps-line-swatch-studio: rgba(255, 255, 255, .2);--ps-accent: #3d4a5e;--ps-accent-ink: var(--ps-bg);--ps-space-1: 4px;--ps-space-2: 6px;--ps-space-3: 8px;--ps-space-4: 10px;--ps-space-5: 12px;--ps-space-6: 14px;--ps-space-7: 16px;--ps-space-8: 18px;--ps-space-9: 40px;--ps-measure: 640px;--ps-font: "Courier New", ui-monospace, monospace;--ps-text-xs: 10px;--ps-text-sm: 11px;--ps-text-md: 12px;--ps-text-lg: 18px;--ps-text-xl: 20px;--ps-track-1: 1px;--ps-track-2: 2px;--ps-track-5: 5px;--ps-track-6: 6px;--ps-focus-width: 2px;--ps-focus-offset: 2px;--ps-disabled-opacity: .45;--ps-hover-lift: rgba(255, 255, 255, .06);--ps-hit-min: 44px}.ps-root{min-height:100vh;background:var(--ps-bg);color:var(--ps-ink);font-family:var(--ps-font);padding:var(--ps-space-7) var(--ps-space-5) calc(var(--ps-space-9) + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}.ps-title{font-size:var(--ps-text-xl);letter-spacing:var(--ps-track-6);font-weight:700;color:var(--ps-ink-bright);margin:0}.ps-sub{font-size:var(--ps-text-xs);letter-spacing:var(--ps-track-2);color:var(--ps-ink-dim);margin:var(--ps-space-1) 0 var(--ps-space-6);text-transform:uppercase}.ps-note{margin-top:var(--ps-space-6)}.ps-frame{position:relative;width:100%;max-width:var(--ps-measure);border:1px solid var(--ps-line);background:var(--ps-bg-canvas)}.ps-canvas{width:100%;display:block;image-rendering:pixelated}.ps-strip{position:absolute;top:var(--ps-space-3);left:var(--ps-space-3);display:flex;align-items:center;gap:var(--ps-space-2);background:var(--ps-bg-scrim);padding:var(--ps-space-1) var(--ps-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;font:inherit;color:inherit;text-align:left}.ps-strip-label{font-size:var(--ps-text-xs);color:var(--ps-ink-strip);letter-spacing:var(--ps-track-1)}.ps-swatch{width:12px;height:12px;background:var(--ps-swatch);border:1px solid var(--ps-line-swatch)}.ps-row{display:flex;gap:var(--ps-space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--ps-space-4);width:100%;max-width:var(--ps-measure)}.ps-seedbox{display:flex;align-items:center;gap:var(--ps-space-2);margin-top:var(--ps-space-5);flex-wrap:wrap;justify-content:center}.ps-btn{padding:var(--ps-space-3) var(--ps-space-5);font-size:var(--ps-text-md);cursor:pointer;border:1px solid var(--ps-line-control);background:var(--ps-bg-control);color:var(--ps-ink);font-family:inherit;touch-action:manipulation}.ps-btn--on{border-color:var(--ps-accent);color:var(--ps-ink-bright)}.ps-tab{flex:1 1 auto;padding:var(--ps-space-3) var(--ps-space-2);font-size:var(--ps-text-sm);letter-spacing:var(--ps-track-1);text-align:center;cursor:pointer;border:1px solid var(--ps-line);color:var(--ps-ink-muted);background:transparent;font-weight:400;text-transform:uppercase;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:inherit}.ps-tab--on{border-color:var(--ps-accent);background:var(--ps-accent);color:var(--ps-accent-ink);font-weight:700}.ps-chip{display:flex;align-items:center;gap:5px;padding:5px var(--ps-space-3);font-size:var(--ps-text-xs);letter-spacing:var(--ps-track-1);cursor:pointer;border:1px solid var(--ps-line);color:var(--ps-ink-muted);background:transparent;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:inherit}.ps-chip--on{border-color:var(--ps-accent);color:var(--ps-ink-bright);background:var(--ps-bg-raised)}.ps-mini{width:7px;height:12px;background:var(--ps-swatch)}.ps-input{padding:7px var(--ps-space-3);font-size:var(--ps-text-md);background:var(--ps-bg-field);border:1px solid var(--ps-line-control);color:var(--ps-ink);font-family:inherit}.ps-input--seed{width:80px;letter-spacing:var(--ps-track-1)}.ps-seedlabel{font-size:var(--ps-text-md);letter-spacing:var(--ps-track-2);color:var(--ps-accent);font-weight:700}.ps-toast{position:fixed;bottom:calc(var(--ps-space-8) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--ps-bg-raised);border:1px solid var(--ps-accent);color:var(--ps-ink-bright);padding:var(--ps-space-3) var(--ps-space-6);font-size:var(--ps-text-sm);letter-spacing:var(--ps-track-1)}.ps-btn:hover:not(:disabled),.ps-tab:hover:not(.ps-tab--on),.ps-chip:hover:not(.ps-chip--on){border-color:var(--ps-accent);color:var(--ps-ink-bright)}.ps-strip:hover{background:var(--ps-bg-scrim);outline:1px solid var(--ps-accent)}.ps-btn:active:not(:disabled),.ps-tab:active,.ps-chip:active{background:var(--ps-hover-lift)}.ps-btn:disabled,.ps-input:disabled{opacity:var(--ps-disabled-opacity);cursor:default}.ps-btn:focus-visible,.ps-tab:focus-visible,.ps-chip:focus-visible,.ps-strip:focus-visible,.ps-input:focus-visible,.ps-swatch:focus-visible{outline:var(--ps-focus-width) solid var(--ps-accent);outline-offset:var(--ps-focus-offset)}*{box-sizing:border-box}body{margin:0;background:var(--ps-bg)}