@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/static/DnYpCC2O.woff2)format("woff2"),url(/static/BVbkICAY.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/static/DKMiL14s.woff2)format("woff2"),url(/static/u__WvvIK.woff)format("woff")}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/static/B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/static/BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/static/DZsjfPjH.woff2)format("woff2"),url(/static/DM4nBGIh.woff)format("woff")}:root{--room:#151412;--panel:#1f1d1a;--raised:#282521;--line:#34312c;--ink:#efe8dc;--dim:#a39a8c;--amber:#f0a43a;--amber-ink:#1b1408;--danger:#ff8a70;--serif:"Instrument Serif", Georgia, serif;--sans:"Instrument Sans Variable", system-ui, sans-serif;--mono:"Martian Mono", ui-monospace, monospace;--gutter:clamp(16px, 3vw, 32px);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--room);color:var(--ink);font:400 1rem/1.55 var(--sans);margin:0}img{max-width:100%;display:block}a{color:inherit}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.jumplink{background:var(--amber);color:var(--amber-ink);z-index:20;border-radius:6px;padding:8px 12px;position:absolute;top:-60px;left:8px}.jumplink:focus{top:8px}.bar{padding:16px var(--gutter);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.brand{font:400 1.35rem/1 var(--serif);align-items:center;gap:9px;margin:0;text-decoration:none;display:inline-flex}.brand i{background:var(--amber);width:10px;height:10px;box-shadow:0 0 12px var(--amber);border-radius:50%}.bar ul{flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.bar a:not(.brand){color:var(--dim);text-decoration:none}.bar a:hover,.bar a[aria-current=page]{color:var(--ink)}.bar a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:6px}.base{border-top:1px solid var(--line);padding:28px var(--gutter) 40px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.6fr);gap:24px;margin-top:72px;font-size:.92rem;display:grid}.base ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.base a{color:var(--dim);text-decoration:none}.base a:hover{color:var(--ink)}.muted{color:var(--dim);max-width:38ch;margin:10px 0 0}main{padding:0 var(--gutter);max-width:1320px;margin:0 auto}.opening{max-width:860px;padding:34px 0 22px}.opening h1{font:400 clamp(2.3rem, 5.2vw, 4.1rem)/1.02 var(--serif);text-wrap:balance;margin:0 0 14px}.opening h1 em{color:var(--amber)}.standfirst{color:var(--dim);max-width:58ch;margin:0 0 10px;font-size:1.06rem}.specs{font:400 .68rem/1.6 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.03em;margin:0}.studio{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;padding:14px;display:grid;position:relative}.studio.dragging{border-color:var(--amber)}.room{gap:10px;min-width:0;display:grid}.topbar{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.state{color:var(--dim);flex:220px;margin:0;font-size:.88rem}.studio[data-trouble]:not([data-trouble=""]) .state{color:var(--danger)}.history{gap:6px;display:flex}.up{background:var(--amber);color:var(--amber-ink);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;display:inline-flex}.up:hover{background:#f6b75c}.ghost{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:7px 13px;font-size:.85rem}.ghost:hover:not(:disabled){border-color:var(--dim)}.ghost[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}button:disabled{opacity:.45;cursor:default}.easel{background:#0f0e0d;border-radius:8px;place-items:center;min-height:320px;padding:12px;display:grid;position:relative;overflow:hidden}.easel canvas{touch-action:none;cursor:grab;background-color:#d9d4cc;background-image:conic-gradient(#bdb6ab 25%, transparent 0 50%, #bdb6ab 0 75%, transparent 0);background-size:20px 20px;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:min(72vh,780px);display:block}.easel.grabbing canvas{cursor:grabbing}.easel[data-mode=brush] canvas{cursor:none}.brushring{pointer-events:none;border:1.5px solid #fff;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0009}.curtain{font:400 .72rem/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;background:#000000b0;border-radius:999px;margin:0;padding:10px 16px;position:absolute;inset:auto 50% 50% auto;transform:translate(50%,50%)}.drop-hint{display:none}.studio.dragging .drop-hint{font:400 2rem/1 var(--serif);color:var(--amber);background:#151412d0;place-items:center;display:grid;position:absolute;inset:0}.split{font:400 .66rem/1 var(--mono);text-transform:uppercase;color:var(--dim);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}input[type=range]{width:100%;accent-color:var(--amber)}.panel{background:var(--raised);border:1px solid var(--line);border-radius:10px;min-width:0}.tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tabs button{color:var(--dim);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 4px 10px;font-size:.86rem}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--amber)}.pane{gap:10px;max-height:min(78vh,820px);padding:4px 14px 16px;display:grid;overflow-y:auto}.pane h3{font:400 1.15rem/1.2 var(--serif);margin:12px 0 0}.tip{color:var(--dim);margin:0;font-size:.84rem}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{grid-template-columns:72px minmax(0,1fr) 52px;align-items:center;gap:10px;font-size:.85rem;display:grid}.field output{font:400 .68rem/1 var(--mono);color:var(--dim);text-align:right}.pills{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 6px;font-size:.8rem;display:inline-flex}.pill[aria-pressed=true],.pill.on{border-color:var(--amber);color:var(--amber)}.blob{border:1px solid #ffffff40;border-radius:50%;width:16px;height:16px;display:inline-block}.pill.none .blob{background:conic-gradient(#bdb6ab 25%, #efe8dc 0 50%, #bdb6ab 0 75%, #efe8dc 0) 0 0 / 8px 8px}.own input{cursor:pointer;background:0 0;border:0;width:18px;height:18px;padding:0}.bdgrid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}.tile{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;justify-items:center;gap:5px;padding:8px 4px 6px;font-size:.74rem;line-height:1.2;display:grid}.tile img,.tile span{object-fit:cover;border-radius:5px;width:56px;height:56px}.tile span{border:1px dashed var(--dim);place-items:center;font-size:1.4rem;display:grid}.tile.blur span{filter:blur(1px);background:radial-gradient(circle at 40% 40%,#f0a43a88,#3d6b5c 60%,#151412);border:0}.tile[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}.switch{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;width:fit-content;max-width:100%;display:inline-flex;overflow:hidden}.switch label{cursor:pointer;padding:7px 12px;font-size:.84rem;position:relative}.switch label+label{border-left:1px solid var(--line)}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch label:has(input:checked){background:var(--amber);color:var(--amber-ink)}.switch label:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:-2px}.switch.small label{padding:5px 10px}.ratios{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.ratio{border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:8px;justify-items:center;gap:6px;padding:10px 4px 8px;font-size:.76rem;display:grid;position:relative}.ratio input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ratio:has(input:checked){border-color:var(--amber);color:var(--amber)}.ratio:has(input:focus-visible){outline:2px solid var(--amber)}.shape{border:1.5px solid;border-radius:2px;height:30px}.shape[data-shape=free]{border-style:dashed;width:34px}.shape[data-shape="1:1"]{width:30px}.shape[data-shape="4:5"]{width:24px}.shape[data-shape="9:16"]{width:17px}.shape[data-shape="16:9"]{width:44px;height:25px}.outsize{font:400 .7rem/1.6 var(--mono);color:var(--dim);margin:4px 0 0}.verifier:empty{display:none}.howto{border-top:1px solid var(--line);counter-reset:s;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 0;padding:18px 0 0;list-style:none;display:grid}.howto li{color:var(--dim);font-size:.94rem}.howto b{color:var(--ink);font:400 1.35rem/1.2 var(--serif);margin-bottom:4px;display:block}.howto b:before{counter-increment:s;content:counter(s) "  ";font:400 .7rem/1 var(--mono);color:var(--amber);vertical-align:.35em}.copy,.askbox,.more{max-width:760px;margin-top:56px}.copy h2,.askbox h2,.more h2,.leaf h1{font:400 clamp(1.7rem, 3.4vw, 2.4rem)/1.1 var(--serif);margin:0 0 14px}.copy p,.copy li,.leaf p,.leaf li{color:#d8d0c3}.copy ul{padding-left:1.1em}.copy li+li{margin-top:6px}.table{overflow-x:auto}.table table{border-collapse:collapse;width:100%;min-width:460px;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 10px}.table th{font:400 .68rem/1.4 var(--mono);text-transform:uppercase;color:var(--dim)}.askbox details{border-bottom:1px solid var(--line);padding:12px 0}.askbox summary{cursor:pointer;font-weight:600}.askbox details p{color:var(--dim);margin:8px 0 0}.more ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.more a{border:1px solid var(--line);border-radius:8px;gap:4px;height:100%;padding:14px;text-decoration:none;display:grid}.more a:hover{border-color:var(--amber)}.more span{color:var(--dim);font-size:.88rem}.leaf{max-width:720px;padding-top:36px}.leaf h2{font:400 1.5rem/1.2 var(--serif);margin:30px 0 8px}.lost{text-align:center;padding:80px 0}.lost h1{font:400 clamp(2.4rem, 6vw, 4rem)/1 var(--serif)}@media (width<=900px){.studio{border-radius:10px;grid-template-columns:minmax(0,1fr);padding:10px}.easel{min-height:240px;padding:8px}.easel canvas{max-height:52vh}.panel{z-index:5;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:14px 14px 0 0;position:sticky;bottom:0;box-shadow:0 -12px 28px #000a}.pane{max-height:34vh}.panel[data-sheet=closed] .pane{display:none}.panel[data-sheet=closed] .tabs button[aria-selected=true]{color:var(--dim);border-bottom-color:#0000}.howto,.more ul,.base{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
