:root{--paper:#f6f1e7;--paper-2:#efe8da;--paper-3:#e6ddcc;--surface:#fcfaf5;--surface-2:#fff;--ink:#1f1d1a;--ink-2:#47433c;--ink-3:#78726a;--ink-4:#aaa398;--line:#dcd4c4;--line-2:#cbc2b0;--line-3:#b8ae9a;--vermilion:#c8452c;--vermilion-2:#ad3a24;--vermilion-soft:#f4dcd5;--tea:#5f7d52;--tea-soft:#e0e9d8;--indigo:#3f4f77;--indigo-soft:#e0e5ef;--clay:#a8703f;--clay-soft:#f1e3d2;--danger:#ad3a24;--danger-soft:#f4dcd5;--r-1:3px;--r-2:6px;--r-3:10px;--r-4:14px;--shadow-1:0 1px 2px #1f1d1a0f, 0 1px 1px #1f1d1a0a;--shadow-2:0 8px 20px #1f1d1a17, 0 2px 4px #1f1d1a0d;--shadow-3:0 28px 60px #1f1d1a33, 0 6px 14px #1f1d1a14;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--font-serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Noto Serif", "Times New Roman", serif;--font-sans:"Inter", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs:.72rem;--fs-sm:.8rem;--fs-md:.9rem;--fs-lg:1rem;--fs-xl:1.2rem;--fs-2xl:1.55rem;--fs-3xl:2.2rem;--fs-4xl:clamp(2.4rem, 5vw, 3.6rem);--ease:cubic-bezier(.2, .7, .2, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--focus-ring:0 0 0 2px var(--paper), 0 0 0 4px var(--vermilion);--header-h:56px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.5}img,canvas,svg{max-width:100%;display:block}p{margin:0 0 var(--s-3)}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.2}code,kbd{font-family:var(--font-mono);font-size:.85em}kbd{border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-2);text-align:center;min-width:1.6em;color:var(--ink-2);border-bottom-width:2px;padding:1px 6px;line-height:1.4;display:inline-block}:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:var(--vermilion-soft)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.display{font-family:var(--font-serif);letter-spacing:-.015em;font-weight:500;line-height:1.08}.title{font-family:var(--font-serif);font-weight:500;font-size:var(--fs-2xl);letter-spacing:-.01em;line-height:1.15}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.muted{color:var(--ink-3)}.small{font-size:var(--fs-sm)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.stamp{border-radius:var(--r-1);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;border:1px solid;align-items:center;gap:6px;padding:2px 8px;line-height:1.6;display:inline-flex}.stamp--accent{color:var(--vermilion)}.stamp--tea{color:var(--tea)}.stamp--clay{color:var(--clay)}.stamp--tilt{transform:rotate(-2deg)}.rule{border:0;border-top:1px solid var(--line);margin:var(--s-4) 0}.btn{border-radius:var(--r-2);min-height:38px;font-weight:500;font-size:var(--fs-md);white-space:nowrap;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover:not(:disabled){background:#000}.btn--accent{background:var(--vermilion);color:#fff}.btn--accent:hover:not(:disabled){background:var(--vermilion-2)}.btn--secondary{background:var(--surface-2);border-color:var(--line-2);color:var(--ink)}.btn--secondary:hover:not(:disabled){border-color:var(--line-3);background:var(--surface)}.btn--ghost{color:var(--ink-2);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--paper-2);color:var(--ink)}.btn--danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.btn--link{color:var(--ink-3);text-underline-offset:3px;background:0 0;min-height:32px;padding:0 4px;text-decoration:underline}.btn--link:hover:not(:disabled){color:var(--ink)}.btn--sm{min-height:30px;font-size:var(--fs-sm);padding:0 10px}.btn--lg{min-height:46px;font-size:var(--fs-lg);padding:0 22px}.btn--block{width:100%}.btn--icon{width:38px;padding:0}.btn--icon.btn--sm{width:30px}.btn--icon.btn--xs{width:26px;min-height:26px}.btn--pressed,.btn[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn .icon{flex:none}.icon{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon--sm{width:14px;height:14px}.icon--lg{width:24px;height:24px}.field{gap:6px;display:grid}.field__head{font-size:var(--fs-sm);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field__label{color:var(--ink-2);font-weight:500}.field__value{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.field__hint{font-size:var(--fs-xs);color:var(--ink-4);margin:0}input[type=range]{appearance:none;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-2);border-radius:2px;height:2px}input[type=range]::-moz-range-track{background:var(--line-2);border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:2px solid var(--ink);width:16px;height:16px;box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease);border-radius:50%;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:focus-visible{box-shadow:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}input[type=range]:disabled{opacity:.45}.text-input,.select{border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--surface-2);width:100%;min-height:38px;color:var(--ink);padding:6px 12px}.text-input::placeholder{color:var(--ink-4)}.text-input:focus-visible,.select:focus-visible{border-color:var(--ink);box-shadow:none}.text-input:disabled{background:var(--paper-2)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2378726a' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}input[type=color]{border:1px solid var(--line-2);border-radius:var(--r-2);cursor:pointer;background:0 0;width:30px;height:30px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:3px}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.switch{cursor:pointer;font-size:var(--fs-sm);color:var(--ink-2);align-items:center;gap:10px;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch__track{background:var(--line-2);width:34px;height:20px;transition:background-color var(--dur-2) var(--ease);border-radius:999px;flex:none;position:relative}.switch__track:after{content:"";background:var(--surface-2);width:16px;height:16px;box-shadow:var(--shadow-1);transition:transform var(--dur-2) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch__track{background:var(--ink)}.switch input:checked+.switch__track:after{transform:translate(14px)}.switch input:focus-visible+.switch__track{box-shadow:var(--focus-ring)}.switch input:disabled+.switch__track{opacity:.45}.segmented{border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--paper-2);gap:2px;padding:3px;display:inline-flex}.segmented--block{width:100%;display:flex}.segmented--block .segment{flex:1}.segment{min-height:30px;font-size:var(--fs-sm);color:var(--ink-2);transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.segment:hover:not(:disabled){color:var(--ink)}.segment[aria-pressed=true],.segment[aria-selected=true]{background:var(--surface-2);color:var(--ink);box-shadow:var(--shadow-1)}.disclosure{border-top:1px solid var(--line)}.disclosure:last-child{border-bottom:1px solid var(--line)}.disclosure__summary{text-align:left;width:100%;min-height:46px;font-weight:500;font-size:var(--fs-md);color:var(--ink);align-items:center;gap:10px;padding:0 4px;display:flex}.disclosure__summary .icon--chev{color:var(--ink-4);transition:transform var(--dur-2) var(--ease);margin-left:auto}.disclosure__summary[aria-expanded=true] .icon--chev{transform:rotate(180deg)}.disclosure__badge{margin-left:auto;margin-right:8px}.disclosure__body{gap:14px;padding:4px 4px 18px;display:grid}.chip{border:1px solid var(--line-2);background:var(--surface-2);min-height:28px;font-size:var(--fs-sm);color:var(--ink-2);transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--line-3);color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.note{border-radius:var(--r-2);border:1px solid var(--line);background:var(--surface);font-size:var(--fs-sm);color:var(--ink-2);gap:4px;padding:10px 12px;display:grid}.note--error{background:var(--danger-soft);color:#6e2416;border-color:#e3b8ae}.note--success{background:var(--tea-soft);color:#2f4a26;border-color:#bfd0b3}.note--warning{background:var(--clay-soft);color:#5e3d1c;border-color:#dfc6a8}.note--info{background:var(--indigo-soft);color:#2b3853;border-color:#c2cadb}.note__actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.checker{background-color:#ece6d9;background-image:linear-gradient(45deg,#1f1d1a0d 25%,#0000 25%),linear-gradient(-45deg,#1f1d1a0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1f1d1a0d 75%),linear-gradient(-45deg,#0000 75%,#1f1d1a0d 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.spinner{border:2px solid var(--line-2);border-top-color:var(--ink);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress{background:var(--paper-3);border-radius:2px;height:3px;overflow:hidden}.progress__fill{background:var(--vermilion);height:100%;transition:width var(--dur-2) var(--ease)}.progress--indeterminate .progress__fill{width:40%;animation:slide 1.4s var(--ease) infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}.shell{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.header{z-index:30;align-items:center;gap:var(--s-4);height:var(--header-h);padding:0 var(--s-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f6f1e7e6;grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0}.header__brand{border-radius:var(--r-2);color:var(--ink);align-items:center;gap:10px;padding:4px 6px 4px 2px;display:inline-flex}.header__brand:hover{background:var(--paper-2)}.wordmark{font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.35rem;font-weight:500}.header__status{justify-self:center;align-items:center;gap:8px;min-width:0;display:flex}.header__nav{justify-self:end;align-items:center;gap:4px;display:flex}.nav-btn{border-radius:var(--r-2);min-height:34px;color:var(--ink-2);font-size:var(--fs-sm);align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.nav-btn:hover{background:var(--paper-2);color:var(--ink)}.nav-btn kbd{color:var(--ink-4);font-size:.68rem}.main{width:100%;max-width:1240px;min-height:0;padding:var(--s-6) var(--s-5) var(--s-8);flex:1;margin:0 auto}.main--narrow{max-width:1040px}.main--upload{flex-direction:column;padding-top:clamp(16px,3vh,32px);padding-bottom:clamp(16px,3vh,32px);display:flex}.footer{justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-top:1px solid var(--line);color:var(--ink-3);font-size:var(--fs-xs);flex-wrap:wrap;display:flex}.footer button{color:var(--ink-3);text-underline-offset:3px;text-decoration:underline}.footer button:hover{color:var(--ink)}.footer__by strong{color:var(--ink-2);font-weight:600}.pill{font-size:var(--fs-xs);background:var(--paper-2);color:var(--ink-3);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.pill--offline{background:var(--clay-soft);color:var(--clay)}.pill__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.drop-overlay{z-index:60;padding:var(--s-6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--dur-2) var(--ease);background:#f6f1e7e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drop-overlay__plate{place-items:center;gap:var(--s-3);width:min(560px,100%);padding:var(--s-7);border:2px dashed var(--vermilion);border-radius:var(--r-4);text-align:center;color:var(--ink);display:grid}.drop-overlay__plate .display{font-size:var(--fs-3xl)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen{animation:rise-in var(--dur-3) var(--ease)}.mark{display:block}.mark--pulse{animation:mark-pulse 1.6s var(--ease) infinite;transform-origin:50% 60%}@keyframes mark-pulse{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.06)rotate(2deg)}}.upload-screen{flex-direction:column;flex:1;min-height:0;display:flex}.hero{gap:var(--s-7);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;display:grid}.upload-screen .hero{flex:auto;min-height:0}.hero__copy{gap:var(--s-4);align-content:center;display:grid}.hero__copy>.stamp{justify-self:start}.hero__copy .display{font-size:var(--fs-4xl);max-width:12ch}.hero__copy .display em{color:var(--vermilion);font-style:italic}.hero__lede{font-size:var(--fs-lg);color:var(--ink-2);max-width:44ch}.hero__facts{margin:var(--s-2) 0 0;font-size:var(--fs-sm);color:var(--ink-3);flex-wrap:wrap;gap:8px 18px;padding:0;list-style:none;display:flex}.hero__facts li{align-items:center;gap:6px;display:inline-flex}.hero__facts .icon{width:14px;height:14px;color:var(--tea)}.hero__actions{margin-top:var(--s-3);flex-wrap:wrap;gap:10px;display:flex}.signature{align-items:center;gap:var(--s-4);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-top:clamp(16px,4vh,48px);display:grid}.signature__rule{background:linear-gradient(to right, transparent, var(--line-2), transparent);height:1px}.signature__text{font-family:var(--font-serif);font-size:var(--fs-md);color:var(--ink-3);text-align:center;margin:0;font-style:italic}.signature__name{font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--vermilion);text-decoration:underline;-webkit-text-decoration-color:var(--vermilion-soft);text-decoration-color:var(--vermilion-soft);text-underline-offset:4px;transition:color var(--dur-1) var(--ease), text-decoration-color var(--dur-1) var(--ease);font-style:italic;text-decoration-thickness:1px}.signature__name:hover{color:var(--vermilion-2);-webkit-text-decoration-color:var(--vermilion);text-decoration-color:var(--vermilion)}.plate{place-items:center;gap:var(--s-3);min-height:360px;padding:var(--s-6);border:1.5px dashed var(--line-3);border-radius:var(--r-4);background:var(--surface);text-align:center;transition:border-color var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);display:grid;position:relative}.plate--active{border-color:var(--vermilion);background:var(--vermilion-soft);transform:scale(1.01)}.plate__art{width:120px;height:120px;position:relative}.plate__title{font-family:var(--font-serif);font-size:var(--fs-xl)}.plate__hint{font-size:var(--fs-sm);color:var(--ink-3);margin:0}.plate__formats{gap:6px;margin:0;padding:0;list-style:none;display:flex}.plate__corner{position:absolute;top:12px;right:12px}.demo-row{margin-top:var(--s-4);color:var(--ink-3);font-size:var(--fs-sm);align-items:center;gap:10px;display:flex}.demo-tile{border:1px solid var(--line);border-radius:var(--r-2);width:44px;height:44px;overflow:hidden}.processing{justify-items:center;gap:var(--s-4);text-align:center;max-width:520px;margin:6vh auto 0;display:grid}.processing .display{font-size:var(--fs-3xl)}.stages{width:100%;max-width:360px;margin:var(--s-3) 0 0;text-align:left;gap:8px;padding:0;list-style:none;display:grid}.stage{color:var(--ink-4);font-size:var(--fs-md);align-items:center;gap:12px;padding:6px 0;display:flex}.stage__dot{border:1.5px solid var(--line-2);border-radius:50%;flex:none;width:10px;height:10px}.stage--active{color:var(--ink)}.stage--active .stage__dot{border-color:var(--vermilion);background:var(--vermilion);animation:dot-pulse 1s var(--ease) infinite}.stage--done{color:var(--ink-3)}.stage--done .stage__dot{border-color:var(--tea);background:var(--tea)}.stage__meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3);margin-left:auto}@keyframes dot-pulse{0%,to{box-shadow:0 0 #c8452c59}50%{box-shadow:0 0 0 6px #c8452c00}}.processing .progress{width:100%;max-width:360px}.workspace{gap:var(--s-6);grid-template-columns:232px minmax(0,1fr);align-items:start;display:grid}.workspace--studio{grid-template-columns:minmax(0,1fr) 320px}.rail{top:calc(var(--header-h) + var(--s-4));gap:var(--s-4);display:grid;position:sticky}.rail__image{padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);gap:10px;display:grid}.rail__thumb{border-radius:var(--r-2);place-items:center;height:150px;display:grid;overflow:hidden}.rail__thumb img{object-fit:contain;max-width:88%;max-height:88%}.rail__meta{font-size:var(--fs-xs);color:var(--ink-3);justify-content:space-between;gap:8px;display:flex}.rail__meta .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail__actions{gap:6px;display:grid}.rail-nav{gap:2px;display:grid}.rail-nav__group{margin-top:var(--s-3);padding:0 8px 6px}.rail-nav__item{border-radius:var(--r-2);min-height:34px;color:var(--ink-2);font-size:var(--fs-md);text-align:left;align-items:center;gap:10px;width:100%;padding:0 10px;display:flex}.rail-nav__item:hover{background:var(--paper-2);color:var(--ink)}.rail-nav__item[aria-selected=true]{background:var(--ink);color:var(--paper)}.rail-nav__count{font-family:var(--font-mono);font-size:var(--fs-xs);opacity:.7;margin-left:auto}.browse__head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.browse__head .display{font-size:var(--fs-3xl)}.browse__tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search{flex:1;min-width:260px;position:relative}.search .icon{color:var(--ink-4);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search .text-input{padding-left:36px;padding-right:34px}.search__clear{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.browse__filters{margin-bottom:var(--s-5);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section{margin-bottom:var(--s-6)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);border-bottom:1px solid var(--line);padding-bottom:6px;display:flex}.section__title{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:500}.section__sub{font-size:var(--fs-sm);color:var(--ink-3)}.tiles{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.tiles--row{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:132px;grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.tiles--row .tile{scroll-snap-align:start}.tile{border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);text-align:left;transition:border-color var(--dur-2) var(--ease), transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);gap:8px;padding:0;display:grid;position:relative}.tile:hover{border-color:var(--line-3);box-shadow:var(--shadow-2);transform:translateY(-2px)}.tile--selected{border-color:var(--vermilion);box-shadow:0 0 0 1px var(--vermilion)}.tile--checked{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.tile__thumb{aspect-ratio:1;border-radius:var(--r-2);border:1px solid var(--line);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;width:100%;position:relative;overflow:hidden}.tile__thumb img{will-change:transform, opacity;pointer-events:none;position:absolute;top:50%;left:50%}.tile__thumb canvas{width:100%;height:100%}.tile__name{font-size:var(--fs-sm);font-weight:600;line-height:1.25}.tile__reason{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.3}.tile__fav{z-index:2;width:26px;height:26px;color:var(--ink-3);opacity:0;transition:opacity var(--dur-1) var(--ease);background:#fcfaf5e6;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.tile:hover .tile__fav,.tile:focus-within .tile__fav,.tile__fav[aria-pressed=true]{opacity:1}.tile__fav[aria-pressed=true]{color:var(--vermilion)}.tile__fav[aria-pressed=true] .icon{fill:currentColor}.tile__check{z-index:2;border-radius:var(--r-1);border:1.5px solid var(--line-3);width:22px;height:22px;color:var(--paper);background:#fcfaf5f2;place-items:center;display:grid;position:absolute;top:14px;left:14px}.tile--checked .tile__check{background:var(--ink);border-color:var(--ink)}.tile__main{border-radius:inherit;text-align:left;width:100%;color:inherit;gap:8px;padding:10px 10px 12px;display:grid}.tile__main:focus-visible{box-shadow:var(--focus-ring)}.empty{padding:var(--s-7) var(--s-4);border:1px dashed var(--line-2);border-radius:var(--r-3);text-align:center;color:var(--ink-3);justify-items:center;gap:10px;display:grid}.empty .title{font-size:var(--fs-xl);color:var(--ink)}.batch-bar{bottom:var(--s-4);z-index:20;margin-top:var(--s-4);border-radius:var(--r-3);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-3);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky}.batch-bar .btn--secondary{color:var(--paper);background:0 0;border-color:#f6f1e759}.batch-bar .btn--ghost{color:#f6f1e7bf}.batch-bar__count{font-family:var(--font-mono);font-size:var(--fs-sm)}.remix{gap:var(--s-4);display:grid}.remix__search{gap:8px;display:flex}.remix__history{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.remix-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.remix-card{aspect-ratio:1;border:1.5px solid var(--line);border-radius:var(--r-2);transition:border-color var(--dur-1) var(--ease);padding:0;position:relative;overflow:hidden}.remix-card:hover:not(:disabled){border-color:var(--line-3)}.remix-card--selected{border-color:var(--vermilion)}.remix-card__gif,.remix-card__overlay{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.remix-card__overlay{z-index:2;padding:12%}.remix-card__overlay--behind{z-index:0}.remix-card__gif{z-index:1}.remix-card__use{z-index:3;background:var(--ink);color:var(--paper);font-size:var(--fs-xs);opacity:0;transition:opacity var(--dur-1) var(--ease);border-radius:999px;padding:2px 9px;font-weight:600;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.remix-card:hover .remix-card__use,.remix-card:focus-visible .remix-card__use,.remix-card[aria-busy=true] .remix-card__use{opacity:1}.remix-card__fav{z-index:4;width:24px;height:24px;color:var(--ink-3);opacity:0;background:#fcfaf5eb;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.remix-card:hover .remix-card__fav,.remix-card__fav[aria-pressed=true]{opacity:1}.remix-card__fav[aria-pressed=true]{color:var(--vermilion)}.remix-card__fav[aria-pressed=true] .icon{fill:currentColor}.remix__foot{color:var(--ink-4);font-size:var(--fs-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.studio__head{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.studio__title{gap:2px;display:grid}.studio__title .display{font-size:var(--fs-2xl)}.studio__title .small{color:var(--ink-3)}.studio__head .btn--icon{margin-left:auto}.stage-wrap{gap:10px;display:grid}.stage-frame{padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-4);background:var(--surface);place-items:center;display:grid;position:relative}.stage-canvas{aspect-ratio:1;border-radius:var(--r-2);touch-action:none;cursor:grab;width:min(100%,480px);height:auto!important}.stage-canvas--dragging{cursor:grabbing}.stage-frame__hint{font-size:var(--fs-xs);color:var(--ink-4);white-space:nowrap;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.stage-frame__layer{position:absolute;top:12px;left:12px}.stage-frame__paused{position:absolute;top:12px;right:12px}.playbar{border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.playbar__buttons{gap:2px;display:flex}.playbar__scrub{gap:2px;display:grid}.playbar__time{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;min-width:96px}.quick-actions{flex-wrap:wrap;gap:6px;display:flex}.panel{padding:4px var(--s-4) var(--s-3);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);gap:0;display:grid}.panel__head{justify-content:space-between;align-items:center;gap:8px;padding:10px 0 8px;display:flex}.panel__title{font-family:var(--font-serif);font-size:var(--fs-lg)}.side{gap:var(--s-4);display:grid}.side__tabs{display:none}.control-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control-row--split{justify-content:space-between}.color-row{font-size:var(--fs-sm);color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;display:flex}.swatches{align-items:center;gap:6px;display:flex}.swatch{border:1px solid var(--line-2);width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--surface);border-radius:50%}.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--surface), 0 0 0 2px var(--ink)}.export-card{padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);gap:12px;display:grid}.export-card__estimate{border-radius:var(--r-2);background:var(--paper-2);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.export-card__estimate .mono{color:var(--ink-2)}.result{gap:8px;display:grid}.result__grid{font-size:var(--fs-sm);grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.result__grid dt{color:var(--ink-4);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}.result__grid dd{font-family:var(--font-mono);color:var(--ink-2);margin:0}.emoji-name{border:1px dashed var(--line-2);border-radius:var(--r-2);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-2);align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.emoji-name span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.custom-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.dialog{border-radius:var(--r-4);background:var(--paper);width:min(96vw,640px);max-height:min(90vh,900px);color:var(--ink);box-shadow:var(--shadow-3);border:0;padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f1d1a80}.dialog--wide{width:min(96vw,900px)}.dialog--sm{width:min(96vw,440px)}.dialog__body{gap:var(--s-4);padding:var(--s-5);max-height:min(90vh,900px);display:grid;overflow:auto}.dialog__head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.dialog__head .title{font-size:var(--fs-2xl)}.dialog__foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.help{gap:var(--s-5);grid-template-columns:180px minmax(0,1fr);height:min(70vh,640px);min-height:0;display:grid}.help__nav{align-content:start;gap:2px;min-height:0;display:grid;overflow-y:auto}.help__body{gap:var(--s-3);font-size:var(--fs-md);color:var(--ink-2);min-height:0;padding-right:var(--s-2);overscroll-behavior:contain;align-content:start;display:grid;overflow-y:auto}.help__body h3{font-family:var(--font-serif);font-size:var(--fs-2xl);color:var(--ink)}.help__body h4{margin-top:var(--s-2);font-size:var(--fs-md);color:var(--ink)}.help__body ol,.help__body ul{gap:6px;margin:0;padding-left:20px;display:grid}.faq dt{color:var(--ink);margin-top:var(--s-2);font-weight:600}.faq dd{margin:4px 0 0}.shortcut-list{gap:4px;display:grid}.shortcut-list__row{border-bottom:1px solid var(--line);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.shortcut-list__keys{gap:4px;display:flex}.status-grid{font-size:var(--fs-sm);grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;display:grid}.status-grid dt{color:var(--ink-3)}.status-grid dd{margin:0}.palette{width:min(96vw,560px);margin:0 auto;top:12vh}.palette__input{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 16px;display:flex}.palette__input input{font-size:var(--fs-lg);background:0 0;border:0;outline:none;flex:1}.palette__list{max-height:50vh;margin:0;padding:8px;list-style:none;overflow:auto}.palette__group{padding:8px 10px 4px}.palette__item{border-radius:var(--r-2);text-align:left;width:100%;font-size:var(--fs-md);align-items:center;gap:10px;padding:8px 10px;display:flex}.palette__item[aria-selected=true],.palette__item:hover{background:var(--paper-2)}.palette__item kbd{margin-left:auto}.palette__item .hint{color:var(--ink-4);font-size:var(--fs-xs)}.palette__empty{text-align:center;color:var(--ink-3);padding:24px}.pref-list{gap:4px;display:grid}.pref{justify-content:space-between;align-items:center;gap:var(--s-4);border-bottom:1px solid var(--line);padding:12px 0;display:flex}.pref__text{gap:2px;display:grid}.pref__text strong{font-weight:500}.pref__text span{font-size:var(--fs-xs);color:var(--ink-3)}.pref .select{width:auto;min-width:150px}.banner{align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-5);border:1px solid var(--line);border-left:3px solid var(--vermilion);border-radius:var(--r-3);background:var(--surface);animation:rise-in var(--dur-3) var(--ease);flex-wrap:wrap;display:flex}.banner__thumb{border-radius:var(--r-2);place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.banner__thumb img{max-width:90%;max-height:90%}.banner__text{flex:1;min-width:200px}.banner__text strong{font-family:var(--font-serif);font-size:var(--fs-lg);font-weight:500;display:block}.banner__text span{font-size:var(--fs-sm);color:var(--ink-3)}.banner__actions{gap:8px;display:flex}.toasts{z-index:80;pointer-events:none;gap:8px;width:min(92vw,380px);display:grid;position:fixed;bottom:22px;right:22px}.toast{border-radius:var(--r-3);background:var(--ink);color:var(--paper);font-size:var(--fs-sm);box-shadow:var(--shadow-3);pointer-events:auto;animation:rise-in var(--dur-2) var(--ease);align-items:center;gap:10px;padding:10px 14px;display:flex}.toast__dot{background:var(--paper);border-radius:50%;flex:none;width:8px;height:8px}.toast--success .toast__dot{background:#9fc48f}.toast--error .toast__dot{background:#f0a08d}.toast__msg{flex:1}.toast__action{color:#f6c8bc;text-underline-offset:2px;font-weight:600;text-decoration:underline}.toast__close{color:#f6f1e7a6}.editor{gap:var(--s-3);display:grid}.editor__toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.editor__toolbar .field{flex:1;min-width:140px}.editor__group{align-items:center;gap:6px;display:flex}.editor__stage{border:1px solid var(--line);border-radius:var(--r-3);touch-action:none;-webkit-user-select:none;user-select:none;height:min(62vh,520px);position:relative;overflow:hidden}.editor__canvas{transform-origin:0 0;cursor:none;touch-action:none;position:absolute;top:0;left:0}.editor__cursor{border:1.5px solid var(--vermilion);pointer-events:none;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #ffffffd9}.editor__cursor--restore{border-color:var(--tea)}.editor__zoom{border-radius:var(--r-2);border:1px solid var(--line);background:#fcfaf5eb;gap:4px;padding:4px;display:flex;position:absolute;bottom:10px;right:10px}.editor__zoom .mono{min-width:46px;font-size:var(--fs-xs);color:var(--ink-3);place-items:center;display:grid}.editor__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.editor__keys{font-size:var(--fs-xs);color:var(--ink-4);flex-wrap:wrap;gap:10px;display:flex}.batch-list{gap:6px;max-height:40vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.batch-item{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);font-size:var(--fs-sm);align-items:center;gap:10px;padding:8px 10px;display:flex}.batch-item__status{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3);margin-left:auto}@media (max-width:1000px){.workspace{gap:var(--s-5);grid-template-columns:200px minmax(0,1fr)}.workspace--studio{grid-template-columns:minmax(0,1fr) 300px}.hero{gap:var(--s-6)}}@media (max-width:820px){.main{padding:var(--s-4) var(--s-4) var(--s-8)}.header{padding:0 var(--s-4);grid-template-columns:auto 1fr auto}.header__status,.nav-btn kbd{display:none}.hero{grid-template-columns:1fr;min-height:0}.signature{margin-top:var(--s-6);gap:var(--s-3)}.hero__copy .display{max-width:16ch}.plate{min-height:260px;padding:var(--s-5)}.workspace,.workspace--studio{gap:var(--s-4);grid-template-columns:1fr}.rail{grid-template-columns:1fr;position:static}.rail__image{grid-template-columns:96px 1fr;align-items:center}.rail__thumb{height:96px}.rail__meta,.rail__actions{grid-column:2}.rail__actions{grid-auto-flow:column}.rail-nav{gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.rail-nav__group{display:none}.rail-nav__item{white-space:nowrap;border:1px solid var(--line-2);background:var(--surface-2);border-radius:999px;width:auto;min-height:32px;padding:0 12px}.rail-nav__count{display:none}.side__tabs{display:flex}.side .panel[hidden]{display:none}.stage-canvas{width:100%}.stage-frame{padding:var(--s-3) var(--s-3) 28px}.stage-frame__hint{white-space:normal;text-align:center;width:calc(100% - 24px);line-height:1.3;bottom:6px}.help{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:min(72vh,640px)}.help__nav{gap:4px;display:flex;overflow:auto hidden}.help__nav .rail-nav__item{white-space:nowrap}.dialog{border-radius:0;width:100vw;max-height:100vh}.dialog__body{padding:var(--s-4);max-height:100vh}.editor__stage{height:52vh}.tiles{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.browse__head .display{font-size:var(--fs-2xl)}.toasts{bottom:12px;left:50%;right:auto;transform:translate(-50%)}}@media (max-width:420px){.btn--lg{min-height:44px;padding:0 16px}.tiles{grid-template-columns:repeat(2,1fr)}.custom-grid,.result__grid{grid-template-columns:1fr}}