:root{--lilac:#ded8f0;--ink:#211a33;--paper:#fcfaf4;--paper-deep:#f3efe5;--grape:#6857d9;--mustard:#f4b82f;--coral:#e95a35;--line:#211a3329;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display:ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--body:"Avenir Next", Avenir, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}html{scrollbar-gutter:stable;overflow-y:scroll}img,svg{max-width:100%}body{background:var(--lilac);color:var(--ink);font-family:var(--body);background-image:radial-gradient(circle at 14% 9%,#ffffff57,#0000 24rem),radial-gradient(circle,#211a3314 1px,#0000 1px);background-size:auto,18px 18px;min-height:100vh;padding:24px 20px 68px}.wrap{min-width:0;max-width:1120px;margin:0 auto}header.masthead{border:2px solid var(--ink);min-height:66px;box-shadow:4px 4px 0 var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfaf4e0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:9px 10px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{width:44px;height:44px;color:var(--ink);background:var(--mustard);border:2px solid var(--ink);border-radius:12px;flex:none;place-items:center;padding:6px;display:grid;transform:rotate(-2deg)}.brand-mark svg{width:100%;height:100%;display:block}.brand-copy{min-width:0}h1{font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:28px;font-weight:800;line-height:.95}.lede{opacity:.62;white-space:nowrap;margin:5px 0 0;font-size:11.5px;line-height:1.15}.masthead-side{flex:none;align-items:center;gap:8px;display:flex}.combos{min-height:38px;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);background:var(--paper-deep);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-weight:600;display:inline-flex}.combos-dot{background:var(--coral);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 2px #e95a351f}.combos-number{letter-spacing:.025em;font-size:10.5px;line-height:1}.combos-times{opacity:.5;margin:0 4px;display:inline-block}.combos-number sup{letter-spacing:0;margin-left:1px;font-size:.68em;line-height:0;position:relative;top:-.32em}.combos-label{border-left:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;opacity:.55;align-self:stretch;align-items:center;padding-left:8px;font-size:8px;line-height:1;display:inline-flex}.layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}.layout>.col{display:contents}.layout .card{order:4}.layout .card.stage{order:1}.layout .card.controls{order:2}.layout .card.urlcard{order:3}.layout .card.litter{order:5}.layout .card.favcard{order:6}.layout .card.docs{order:7}.layout .card.faqcard{order:8}.layout{gap:0}}.layout>div{min-width:0}.card{background:var(--paper);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:20px;min-width:0;margin-bottom:24px;padding:18px}.artboard{border:1px solid var(--line);background:var(--paper-deep);border-radius:15px;padding:8px}.stage svg{border-radius:10px;width:100%;height:auto;display:block}.cat-id{justify-content:space-between;align-items:flex-end;gap:16px;padding:0 2px;display:flex}.name{font-family:var(--display);letter-spacing:-.045em;margin:16px 0 3px;font-size:clamp(23px,4vw,30px);font-weight:800}.seedline{font-family:var(--mono);opacity:.6;overflow-wrap:anywhere;font-size:12px}.edition,.keyhint{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);opacity:.62;border-radius:999px;flex:none;padding:5px 8px;font-size:9px}.chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.chip{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;opacity:.68;width:auto;box-shadow:none;background:0 0;border-radius:999px;margin:0;padding:5px 10px;font-size:10.5px;transition:none}.chip:hover{opacity:1;box-shadow:none;transform:none}.chip.locked{background:var(--ink);color:var(--paper);opacity:1}.pin-mark{background:var(--mustard);border-radius:50%;width:6px;height:6px;margin:0 6px 1px 0;display:inline-block}h2{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;opacity:.68;margin:0 0 12px;font-size:11px;font-weight:600}h2:not(:first-child){margin-top:20px}button{font-family:var(--body);border:2px solid var(--ink);background:var(--mustard);width:100%;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:11px;margin-bottom:9px;padding:12px;font-size:16px;font-weight:600;transition:transform .1s,box-shadow .1s,background .1s}button.ghost{background:var(--paper)}button.primary-action{font-family:var(--display);letter-spacing:-.01em;padding:14px 16px;font-size:17px}button.sm{padding:9px;font-size:13px}button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}button:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}button:focus-visible{outline:3px solid var(--grape);outline-offset:3px}.row2,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:9px;display:grid}.action-grid button{margin:0}.save-action{border-style:dashed}.card-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.card-heading h2{margin-bottom:4px}.card-heading p{opacity:.62;margin:0;font-size:12.5px;line-height:1.4}.row2 button{margin-bottom:0}.seedrow{gap:8px;margin-bottom:10px;display:flex}input[type=text],input[type=number]{min-width:0;font-family:var(--mono);border:2px solid var(--ink);color:var(--ink);background:#fffefa;border-radius:12px;flex:1;padding:11px;font-size:14px}input[type=text].block{width:100%;margin-bottom:10px;display:block}input:focus-visible,select:focus-visible{outline:3px solid var(--grape);outline-offset:2px}.tinker{gap:14px;display:grid}.tinker-group{border:1px solid var(--line);background:#ffffff61;border-radius:13px;min-width:0;margin:0;padding:12px}.tinker-group legend{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--grape);padding:0 7px;font-size:9px;font-weight:700}.tinker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 8px;display:grid}.field{min-width:0}.field.pinned label:after{content:"";background:var(--coral);border-radius:50%;width:5px;height:5px;margin:0 0 1px 5px;display:inline-block}.fold>summary{cursor:pointer;align-items:center;gap:8px;margin-top:20px;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary h2{margin:0}.fold>summary:after{content:"+";font-family:var(--mono);opacity:.55;margin-left:auto;font-size:15px;line-height:1}.fold[open]>summary:after{content:"–"}.fold>summary:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:6px}.fold[open]>summary{margin-bottom:12px}label.f{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-bottom:3px;font-size:9.5px;display:block}select{width:100%;font-family:var(--body);border:2px solid var(--ink);color:var(--ink);background:#fffefa;border-radius:9px;padding:7px;font-size:13px}.preset-select{margin-bottom:4px}.seed-go{width:auto;margin:0;padding:11px 16px}.text-action{width:auto;box-shadow:none;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;text-underline-offset:3px;opacity:.68;background:0 0;border:0;border-radius:0;margin:12px 0 0;padding:2px 0;font-size:10px;text-decoration:underline}.text-action:hover{box-shadow:none;opacity:1;transform:none}button:disabled{cursor:not-allowed;opacity:.35;box-shadow:none;transform:none}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.grid3 button,.favs button{box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:12px;margin:0;padding:0;overflow:hidden}.grid3 svg,.favs svg{width:100%;height:auto;display:block}.favs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:10px;display:grid}.empty{opacity:.5;grid-column:1/-1;font-size:13px}.hint{opacity:.6;margin:8px 0 0;font-size:12.5px;line-height:1.5}.urlbar{flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:10px;display:flex}.urlbar input[type=text]{flex:1 1 0;min-width:0}.urlbar button{white-space:nowrap;width:auto;margin:0;padding:11px 16px;font-size:14px}.sizes{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.sizes button{width:auto;font-family:var(--mono);box-shadow:none;opacity:.65;background:0 0;border-width:1.5px;border-radius:999px;margin:0;padding:6px 10px;font-size:11px}.sizes button:hover{opacity:1;box-shadow:none;transform:none}.sizes button[aria-pressed=true]{background:var(--ink);color:var(--paper);opacity:1}.dims{font-family:var(--mono);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.dims input{max-width:92px}.preview{background:repeating-conic-gradient(#241c3b0d 0% 25%,#0000 0% 50%) 50%/18px 18px;border:2px dashed #241c3b59;border-radius:14px;max-width:100%;padding:10px;overflow:auto}.preview img,.preview svg{border-radius:10px;max-width:100%;height:auto;margin:0 auto;display:block}.snippets{gap:8px;margin-top:12px;display:grid}.snippet{align-items:center;gap:8px;min-width:0;display:flex}code.mono{min-width:0;font-family:var(--mono);white-space:nowrap;background:#241c3b0f;border-radius:8px;flex:1;padding:8px 10px;font-size:11.5px;overflow-x:auto}.err{font-family:var(--mono);color:#b3261e;margin:6px 0 0;font-size:12px}.docs table{border-collapse:collapse;width:100%;font-size:13px}.docs th,.docs td{text-align:left;vertical-align:top;border-bottom:1px solid #241c3b26;padding:7px 8px}.docs th{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.55;font-size:10px}.docs td:first-child{font-family:var(--mono);overflow-wrap:anywhere;font-size:12px}.snippet-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.snippet-list li{align-items:center;gap:8px;min-width:0;display:flex}.snippet-label{width:58px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.55;flex:none;font-size:9.5px}.faq{margin:0}.faq dt{margin-top:14px;font-size:14.5px;font-weight:600}.faq div:first-child dt,.faq dt:first-of-type{margin-top:0}.faq dd{opacity:.75;margin:4px 0 0;font-size:13.5px;line-height:1.55}.shots{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;gap:16px;display:grid}.shot{min-width:0;margin:0}.shot img{border:2px solid var(--ink);background:#fff;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:240px;margin:0 auto;display:block}.shot.wide{grid-column:1/-1}.shot.wide img{width:100%;max-height:none}.shot figcaption{font-family:var(--mono);opacity:.6;overflow-wrap:anywhere;margin-top:6px;font-size:10.5px;line-height:1.5}.prose{background:var(--paper);border:2px solid var(--ink);border-radius:22px;min-width:0;margin-bottom:20px;padding:16px 18px 20px;box-shadow:8px 8px #241c3be6}.prose p{font-size:14px;line-height:1.6}.prose a{color:var(--ink);text-underline-offset:3px}.prose table{border-collapse:collapse;width:100%;font-size:13px}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid #241c3b26;padding:7px 8px}.prose th{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.55;font-size:10px}.prose td:first-child{font-family:var(--mono);overflow-wrap:anywhere;font-size:12px}.prose .stage{max-width:420px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){button{transition:none}}.colophon{font-family:var(--mono);letter-spacing:.04em;opacity:.7;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding:0 4px 8px;font-size:11.5px;display:flex}.colophon a,.ghlink{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1.5px}.colophon a:hover,.ghlink:hover{color:var(--grape)}.ghlink{min-height:38px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:none;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:10.5px;font-weight:600;text-decoration:none;transition:transform 80ms,background 80ms;display:inline-flex}.ghlink:hover{color:var(--ink);background:var(--mustard);transform:translateY(-1px)}.ghlink:active{transform:translateY(1px)}.ghlink:focus-visible{outline:3px solid var(--grape);outline-offset:3px}@media (prefers-reduced-motion:reduce){.ghlink{transition:none}}@media (width<=700px){.lede{display:none}}@media (width<=560px){body{padding:14px 12px 44px}header.masthead{min-height:58px;box-shadow:3px 3px 0 var(--ink);border-radius:15px;gap:8px;margin-bottom:14px;padding:7px 8px}.brand{gap:8px}.brand-mark{border-radius:10px;width:38px;height:38px;padding:5px}h1{font-size:24px}.lede{display:none}.masthead-side{gap:6px}.combos{gap:6px;min-height:34px;padding:0 9px}.combos-dot{width:5px;height:5px}.combos-number{font-size:9.5px}.combos-label{display:none}.ghlink{justify-content:center;width:34px;min-height:34px;padding:0}.ghlink span{display:none}.card{box-shadow:5px 5px 0 var(--ink);border-radius:16px;margin-bottom:18px;padding:13px}.artboard{border-radius:12px;padding:5px}.cat-id{align-items:center}.edition{display:none}.name{margin-top:12px;font-size:23px}.action-grid,.row2,.tinker-grid{grid-template-columns:1fr}.dims{grid-template-columns:auto minmax(0,1fr);display:grid}.dims input{max-width:none}.urlbar button{flex:1}.snippet-list li,.snippet{flex-direction:column;align-items:stretch}.snippet-label{width:auto}}