:root{--color-paper:#0a0b0d;--color-paper-2:#111315;--color-paper-3:#191b1e;--color-paper-4:#24272a;--color-ink:#efeeeb;--color-ink-2:#b6b4b0;--color-ink-3:#8b8984;--color-rule:#2c2e31;--color-rule-2:#404247;--color-accent:#f1d35d;--color-accent-2:#fbe48d;--color-accent-ink:#161103;--color-accent-wash:#f1d35d1f;--color-focus:#f1d35d;--color-danger:#f2716a;--color-ok:#68d7a1;--mark-weather:#a1cae8;--mark-traffic:#eacab1;--mark-quiet:#81807c;--mark-timer:#68d7a1;--mark-life:#d9a3d3;--font-display:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.625rem;--text-2xl:2.25rem;--text-display:clamp(2.25rem, 3.5vw + 1rem, 3.75rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--radius:0;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-short:.12s;--dur-med:.18s;--danger:var(--color-danger);--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23bfbfbb'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(3.03919% -.117414 -1.03128);--color-paper-2:lab(5.70218% -.215672 -1.8802);--color-paper-3:lab(9.49502% -.317611 -2.59097);--color-paper-4:lab(15.2917% -.368342 -2.96372);--color-ink:lab(94.2209% -.0106394 1.52533);--color-ink-2:lab(73.351% -.00971556 2.29201);--color-ink-3:lab(57.1206% -.00175834 3.06357);--color-rule:lab(18.7798% -.293866 -2.23173);--color-rule-2:lab(28.0529% -.389308 -2.9743);--color-accent:lab(85.4599% 1.09875 60.7762);--color-accent-2:lab(91.2108% -.232279 45.3157);--color-accent-ink:lab(5.35419% .211723 6.84652);--color-accent-wash:lab(85.4599% 1.09875 60.7762/.12);--color-focus:lab(85.4599% 1.09875 60.7762);--color-danger:lab(63.6309% 50.1648 28.8057);--color-ok:lab(78.5255% -42.8807 16.8988);--mark-weather:lab(79.1643% -8.79321 -19.3308);--mark-traffic:lab(83.6393% 8.98889 17.0786);--mark-quiet:lab(53.6308% -.00593066 2.29454);--mark-timer:lab(78.5255% -42.8807 16.8988);--mark-life:lab(73.2139% 26.3806 -16.5643)}}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{background:var(--color-paper)}body{min-height:100dvh;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);background:var(--color-paper);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}a{color:var(--color-ink);-webkit-text-decoration-color:var(--color-rule-2);text-decoration-color:var(--color-rule-2);text-underline-offset:3px;transition:color var(--dur-short) var(--ease-out)}a:hover{color:var(--color-accent-2);text-decoration-color:currentColor}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 var(--space-3);overflow-wrap:anywhere;min-width:0;font-style:normal;font-weight:600;line-height:1.1}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg);color:var(--color-ink)}p{margin:0 0 var(--space-3)}code,.mono{font-family:var(--font-mono);font-size:.92em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-accent-wash)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{left:-999px;top:var(--space-2);z-index:50;background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-2) var(--space-4);border-radius:var(--radius);position:absolute}.skip:focus{left:var(--space-2)}.muted{color:var(--color-ink-2)}.small{font-size:var(--text-sm)}.label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3)}.shell{flex-direction:column;min-height:100dvh;display:flex}.topnav{z-index:30;align-items:center;gap:var(--space-4);width:100%;padding:0 max(var(--space-4), calc((100% - 1240px) / 2));background:var(--color-paper);border-bottom:1px solid var(--color-rule);min-height:56px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em;white-space:nowrap;font-weight:500;text-decoration:none;display:inline-flex}.brand-mark{width:auto;height:32px;image-rendering:pixelated;display:block}.navlinks{margin:0 auto 0 var(--space-5);align-self:stretch;gap:0;display:flex}.navlinks a,.navside a{padding:0 var(--space-4);color:var(--color-ink-2);font-size:var(--text-sm);white-space:nowrap;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);border-bottom:2px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.navlinks a:hover,.navside a:hover{color:var(--color-ink)}.navside a{min-height:56px}.navlinks a[aria-current=page]{color:var(--color-ink);border-bottom-color:var(--color-accent)}.navside{gap:var(--space-1);align-items:center;display:flex}.btn.menu-toggle{display:none}@media (max-width:760px){.topnav{padding:0 var(--space-4);flex-wrap:wrap}.navlinks a,.navside a{border-bottom:0;border-left:2px solid #0000;min-height:44px}.navlinks a[aria-current=page]{border-left-color:var(--color-accent)}.btn.menu-toggle{margin-left:auto;display:inline-flex}.navlinks,.navside{width:100%;margin:0 0 var(--space-2);flex-direction:column;display:none}.topnav.open .navlinks,.topnav.open .navside{display:flex}.topnav.open .navside{border-top:1px solid var(--color-rule);padding-top:var(--space-2);align-items:stretch}}.main{width:min(100% - 2 * var(--space-4), 1240px);padding:var(--space-6) 0 var(--space-8);flex:1;min-width:0;margin:0 auto}.footer{width:min(100% - 2 * var(--space-4), 1240px);padding:var(--space-5) 0 var(--space-6);border-top:1px solid var(--color-rule);gap:var(--space-4);margin:0 auto;display:grid}.footer .credit{color:var(--color-ink-2);font-size:var(--text-sm);max-width:62ch;margin:0}.footer .fine{gap:var(--space-4);color:var(--color-ink-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.footer .fine a{color:var(--color-ink-2);white-space:nowrap}.btn{font:inherit;font-size:var(--text-sm);color:var(--color-ink);background:var(--color-paper-3);border:1px solid var(--color-rule);border-radius:var(--radius);padding:0 var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;white-space:nowrap;min-height:38px;transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-paper-4);border-color:var(--color-rule-2);color:var(--color-ink)}.btn:active{background:var(--color-paper-2)}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:#0000}.btn.primary:hover{background:var(--color-accent-2);color:var(--color-accent-ink)}.btn.ghost{color:var(--color-ink-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--color-paper-3);color:var(--color-ink)}.btn.small{min-height:30px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn[aria-pressed=true]{background:var(--color-accent-wash);border-color:var(--color-accent);color:var(--color-accent-2)}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{font:inherit;font-size:var(--text-sm);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius);padding:var(--space-2) var(--space-3);width:100%;min-height:38px;transition:border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out)}input:hover,textarea:hover,select:hover{border-color:#ffffff42;border-color:lab(100% 0 0/.26)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:-1px;border-color:var(--color-accent)}textarea{resize:vertical;min-height:72px;line-height:1.5}.btn.primary:focus-visible{outline-color:var(--color-ink)}select{appearance:none;padding-right:var(--space-6);background-image:var(--select-arrow);background-position:right 12px center;background-repeat:no-repeat;background-size:10px 6px}input[type=range]{width:100%;accent-color:var(--color-ink-2);min-height:24px}input[type=color]{border:1px solid var(--color-rule-2);border-radius:var(--radius);background:0 0;width:36px;height:28px;padding:0}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent);width:16px;height:16px}label{font-size:var(--text-sm);color:var(--color-ink-2);display:block}.field{gap:var(--space-1);margin-bottom:var(--space-4);display:grid}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.row>.grow{flex:1;min-width:0}.row.nowrap{flex-wrap:nowrap}.grid2{gap:0 var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (max-width:520px){.grid2{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius);padding:var(--space-5)}.card{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius);padding:var(--space-3)}.notice{background:var(--color-paper-3);border:1px solid var(--color-rule);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4)}.notice.warn{border-color:var(--color-rule-2);background:var(--color-paper-3);border-left:2px solid var(--color-ink-2)}.notice.err{background:#f47a791a;background:lab(65.9992% 47.5812 23.5414/.1);border-color:#f47a7980;border-color:lab(65.9992% 47.5812 23.5414/.5)}progress{appearance:none;border-radius:var(--radius);background:var(--color-paper-4);width:100%;height:6px;accent-color:var(--color-ink-2);border:0;overflow:hidden}progress::-webkit-progress-bar{background:var(--color-paper-4)}progress::-webkit-progress-value{background:var(--color-ink-2);border-radius:var(--radius)}progress::-moz-progress-bar{background:var(--color-ink-2)}details summary{cursor:pointer;color:var(--color-ink-2)}details summary:hover{color:var(--color-ink)}.studio-head{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.studio-head h1{font-size:var(--text-xl);margin:0}.prompt{gap:var(--space-3);margin-bottom:var(--space-5);background:var(--color-paper-2);border:1px solid var(--color-rule-2);border-radius:var(--radius);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);transition:border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.prompt:focus-within{border-color:var(--color-accent)}.prompt textarea{padding:var(--space-2) 0;min-height:52px;font-size:var(--text-md);box-shadow:none;resize:none;background:0 0;border:0}.prompt textarea:focus-visible{box-shadow:none}.prompt .modes{gap:var(--space-4);margin-top:var(--space-1);display:flex}.prompt .modes label{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-3);align-items:center;display:inline-flex}.prompt .actions{gap:var(--space-2);display:flex}@media (max-width:560px){.prompt{grid-template-columns:minmax(0,1fr)}.prompt .actions .btn{flex:1}}.studio{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}@media (max-width:1180px){.studio{grid-template-columns:minmax(0,1fr)}}.stage{border-radius:var(--radius);border:1px solid var(--color-rule);aspect-ratio:16/9;background:#020203;background:lab(.655642% -.0311732 -.301394);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.stage canvas{max-width:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.transport{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.transport .time{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-ink-2)}.transport label.row{color:var(--color-ink-2);font-size:var(--text-sm)}.transport select{width:auto;min-height:30px;padding-top:0;padding-bottom:0}.timeline{height:34px;margin-top:var(--space-3);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius);position:relative;overflow:hidden}.timeline input[type=range]{opacity:.0001;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.timeline .head{border-radius:var(--radius);background:var(--color-ink);pointer-events:none;width:2px;position:absolute;top:4px;bottom:4px}.timeline .mark{border-radius:var(--radius);pointer-events:none;opacity:.85;width:2px;height:14px;position:absolute;top:10px}.timeline:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.inspector{max-height:calc(100dvh - 88px);padding:var(--space-4);position:sticky;top:72px;overflow:auto}@media (max-width:1180px){.inspector{max-height:none;position:static}}.tabs{margin-bottom:var(--space-4);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius);flex-wrap:wrap;gap:0;padding:0;display:flex}.tabs [role=tab]{font:inherit;font-size:var(--text-xs);color:var(--color-ink-2);padding:0 var(--space-3);border-radius:var(--radius);cursor:pointer;min-height:28px;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);background:0 0;border:0;font-weight:500}.tabs [role=tab]:hover{color:var(--color-ink);background:var(--color-paper-3)}.tabs [role=tab][aria-selected=true]{background:var(--color-ink);color:var(--color-paper)}.inspector h3{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3);margin:var(--space-5) 0 var(--space-3)}.item{background:var(--color-paper-3);border:1px solid var(--color-rule);border-radius:var(--radius);padding:var(--space-3) var(--space-3) var(--space-1);margin-bottom:var(--space-2)}.item header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.item header strong{font-weight:500;font-size:var(--text-sm)}.item header strong:first-letter{text-transform:uppercase}.hero{min-height:clamp(240px,30vw,360px);margin-bottom:var(--space-6);border-radius:var(--radius);border:1px solid var(--color-rule);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0}.hero-art canvas{object-fit:cover;width:100%!important;height:100%!important}.hero-text{z-index:1;padding:var(--space-4) var(--space-5);background:var(--color-paper);border-top:1px solid var(--color-rule);border-right:1px solid var(--color-rule);max-width:640px;position:relative}.hero-text h1{font-size:var(--text-display);margin-bottom:var(--space-2)}.hero-text p{color:var(--color-ink-2);font-size:var(--text-lg);max-width:44ch;margin:0}@media (max-width:760px){.hero-text{padding:var(--space-4);border-right:0;width:100%;max-width:none}.hero-text p{font-size:var(--text-md)}}.toolbar{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.toolbar select{width:auto}.cards{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));display:grid}.cards .card{transition:transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out);flex-direction:column;padding:0;display:flex;overflow:hidden}.cards .card:hover{border-color:var(--color-ink-3)}.cards .card img,.cards .card canvas{aspect-ratio:16/9;width:100%;image-rendering:pixelated;background:#020203;background:lab(.655642% -.0311732 -.301394);display:block}.cards .card .body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.cards .card h3{font-size:var(--text-lg);margin:0}.cards .card h3 a{text-decoration:none}.cards .card p{margin:0}.cards .card .meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-3);letter-spacing:.04em}.cards .card .btn{align-self:flex-start;margin-top:auto}.prose{max-width:68ch}.prose h2{margin-top:var(--space-7)}.page-title{font-size:var(--text-display);margin-bottom:var(--space-4)}.lede{font-size:var(--text-lg);color:var(--color-ink-2);max-width:52ch;margin-bottom:var(--space-6)}dialog{background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-rule-2);border-radius:var(--radius);padding:var(--space-6);max-width:min(92vw,580px)}dialog::backdrop{background:#000000b3;background:lab(0% 0 0/.7)}dialog h2{font-size:var(--text-xl)}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3);font-weight:400}th,td{text-align:left;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-rule);vertical-align:middle}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.12s!important;animation:none!important}}.linkish{font:inherit;font-size:var(--text-xs);color:var(--color-ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--color-rule-2);text-decoration-color:var(--color-rule-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0}.linkish:hover{color:var(--color-ink)}.prompt .modes{flex-wrap:wrap;align-items:center}dialog.wide{width:100%;max-width:min(94vw,760px)}.dl-row{gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr);display:grid}.dl-row h3{font-size:var(--text-md);margin:0 0 var(--space-1)}.dl-row p{max-width:64ch;margin:0}.dl-job{padding:0 0 var(--space-3)}.dl-warn{color:var(--color-ink-2);border-left:2px solid var(--color-rule-2);padding-left:var(--space-3);margin:0 0 var(--space-2)}.mono-field{margin-bottom:var(--space-2);font-family:var(--font-mono)!important;font-size:var(--text-xs)!important;color:var(--color-ink-2)!important}.embed{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.embed canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.embed-bar{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);gap:var(--space-3);align-items:center;display:flex;position:absolute}.embed-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);padding:var(--space-1) var(--space-2);white-space:nowrap;text-overflow:ellipsis;background:#0009;background:lab(0% 0 0/.6);margin-left:auto;text-decoration:none;overflow:hidden}.embed-msg{color:var(--color-ink-2)}.table-scroll{max-width:100%;overflow-x:auto}output.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.check{gap:var(--space-2);margin-bottom:var(--space-2);align-items:flex-start;display:flex}.check input{flex:none;margin-top:.2em}