:root{--mat:#1d3b32;--mat-deep:#122a23;--grid:#dcece216;--grid-major:#dcece22b;--paper:#f4efe3;--paper-2:#e6dfcc;--paper-3:#d6cfbb;--ink:#17211c;--ink-soft:#66716a;--chalk:#eaf1eb;--chalk-soft:#eaf1ebad;--chalk-faint:#eaf1eb5c;--blade:#f5c518;--blade-deep:#d9a900;--blade-ink:#1b1600;--danger:#e8573f;--ok:#86d6a6;--display:"Bricolage Grotesque", "Avenir Next Condensed", "Helvetica Neue", sans-serif;--body:"Archivo", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", "SF Mono", Menlo, monospace;--radius:3px;--shadow:0 1px 0 #ffffff59 inset, 0 10px 24px -8px #0000008c, 0 2px 4px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{height:100%}body{min-height:100%;font-family:var(--body);color:var(--chalk);background-color:var(--mat);background-image:linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:-1px -1px;background-size:120px 120px,120px 120px,24px 24px,24px 24px;flex-direction:column;margin:0;font-size:15.5px;line-height:1.5;display:flex}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% 0,#0000 55%,#00000059 100%);position:fixed;inset:0}body>*{z-index:1;position:relative}a{color:var(--chalk-soft)}a:hover{color:var(--chalk)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--blade);outline-offset:2px}[hidden]{display:none!important}.top{flex-wrap:wrap;align-items:center;gap:24px;padding:18px 28px 14px;display:flex}.brand{color:var(--chalk);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.knife{width:40px;height:17px;color:var(--blade)}.wordmark{font-family:var(--display);letter-spacing:-.02em;font-variation-settings:"opsz" 96;font-size:24px;font-weight:800}.engine{font-family:var(--mono);color:var(--chalk-soft);flex:260px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;min-width:0;font-size:12.5px;display:grid}.engine-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dot{background:var(--chalk-faint);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #ffffff0f}.dot[data-state=loading],.dot[data-state=warming]{background:var(--blade);animation:1.1s ease-in-out infinite pulse}.dot[data-state=ready]{background:var(--ok)}.dot[data-state=error]{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.ruler{background:repeating-linear-gradient(90deg, var(--chalk-faint) 0 1px, transparent 1px 10px) bottom / 100% 3px no-repeat, linear-gradient(var(--chalk-faint), var(--chalk-faint)) bottom / 100% 1px no-repeat;opacity:.5;grid-column:2;height:6px;margin-top:4px;position:relative}.ruler:after{content:"";height:3px;width:var(--p,0%);background:var(--blade);transition:width .25s ease-out;position:absolute;bottom:0;left:0}.ruler.busy{opacity:1}.ruler:not(.busy):after{width:0;transition:none}.btn{border:1px solid var(--chalk-faint);color:var(--chalk);white-space:nowrap;background:0 0;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s,transform .15s}.btn:hover:not(:disabled){border-color:var(--chalk-soft);background:#ffffff0d}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--blade);border-color:var(--blade);color:var(--blade-ink);font-weight:600}.btn.primary:hover:not(:disabled){background:#ffd23a;border-color:#ffd23a;transform:translateY(-1px)}.btn.small{padding:6px 12px;font-size:13px}.icon{width:32px;height:32px;color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;display:inline-grid}.icon svg{width:18px;height:18px}.icon:hover:not(:disabled){color:var(--ink);background:#00000012}.icon:disabled{opacity:.35;cursor:not-allowed}.icon.rm:hover:not(:disabled){color:var(--danger)}.notice{border-left:3px solid var(--blade);font-family:var(--mono);color:var(--chalk-soft);background:#f5c51814;margin:0 28px 8px;padding:8px 14px;font-size:12.5px}.flash{background:var(--paper);color:var(--ink);border-radius:var(--radius);font-family:var(--mono);box-shadow:var(--shadow);z-index:10;padding:8px 14px;font-size:12.5px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}main{flex:1;padding:0 28px 48px}.hero{text-align:center;max-width:760px;margin:6vh auto 0;animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.tagline{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;font-variation-settings:"opsz" 96;margin:0 0 30px;font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1.08}.drop{border:1.5px dashed var(--chalk-faint);border-radius:var(--radius);width:100%;color:var(--chalk);background:#0000001f;flex-direction:column;align-items:center;gap:10px;padding:64px 32px 56px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.drop:before,.drop:after{content:"";border:2px solid var(--blade);width:22px;height:22px;transition:transform .25s;position:absolute}.drop:before{border-bottom:0;border-right:0;top:-2px;left:-2px}.drop:after{border-top:0;border-left:0;bottom:-2px;right:-2px}.drop:hover,body.dragging .drop{border-color:var(--blade);background:#f5c51812}.drop:hover:before,body.dragging .drop:before{transform:translate(-4px,-4px)}.drop:hover:after,body.dragging .drop:after{transform:translate(4px,4px)}.drop-title{font-family:var(--display);letter-spacing:-.01em;font-size:26px;font-weight:700}.drop-sub{color:var(--chalk-soft);max-width:44ch}.drop-formats{font-family:var(--mono);color:var(--chalk-faint);letter-spacing:.04em;margin-top:8px;font-size:12px}.privacy{color:var(--chalk-faint);margin:22px 0 0;font-size:14px}body.dragging:after{content:"";border:2px dashed var(--blade);pointer-events:none;z-index:5;position:fixed;inset:10px}.bench{max-width:1400px;margin:0 auto;animation:.4s ease-out both rise}.toolbar{z-index:4;background:linear-gradient(var(--mat) 80%, transparent);flex-wrap:wrap;align-items:center;gap:20px;padding:12px 0 14px;display:flex;position:sticky;top:0}.group{align-items:center;gap:10px;display:flex}.label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--chalk-faint);font-size:11px}.seg{border:1px solid var(--chalk-faint);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--chalk-soft);background:0 0;border:0;border-radius:999px;padding:5px 14px;font-size:13.5px;font-weight:500}.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.chips{flex-wrap:wrap;gap:6px;display:inline-flex}.chip{border:1px solid var(--chalk-faint);color:var(--chalk-soft);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:4px 12px 4px 6px;font-size:13.5px;display:inline-flex}.chip[aria-pressed=true]{border-color:var(--chalk);color:var(--chalk)}.sw{background:var(--swatch,#4f9cff);border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff40}.sw.checker{background:repeating-conic-gradient(#cfc8b6 0 25%, #f4efe3 0 50%) 0 0 / 8px 8px}.count{font-family:var(--mono);color:var(--chalk-soft);margin-left:auto;font-size:12.5px}.cards{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));align-items:start;gap:22px;padding-top:10px;display:grid}.add{aspect-ratio:1;border:1.5px dashed var(--chalk-faint);border-radius:var(--radius);width:100%;min-height:220px;color:var(--chalk-soft);font-family:var(--display);background:#0000001f;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:700;transition:border-color .2s,background .2s;display:flex}.add svg{width:28px;height:28px;color:var(--blade)}.add:hover,body.dragging .add{border-color:var(--blade);background:#f5c51812}.card{background:var(--paper);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:9px 9px 10px;transition:transform .2s;animation:.5s cubic-bezier(.2,.8,.2,1) both settle}.card:hover{transform:translateY(-2px)}.stage{aspect-ratio:4/3;background:var(--paper-2);border-radius:2px;position:relative;overflow:hidden}.stage.checker{background:repeating-conic-gradient(#d3ccb9 0 25%, #f4efe3 0 50%) 0 0 / 16px 16px}.stage img{object-fit:contain;width:100%;height:100%;transition:filter .3s,opacity .3s;display:block}.card[data-status=queued] .stage img{opacity:.5;filter:grayscale(.5)}.card[data-status=working] .stage img{opacity:.75;filter:saturate(.6)}.card[data-status=working] .stage:after{content:"";background:var(--blade);height:2px;animation:1.3s linear infinite scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px 2px #f5c5188c}.card[data-status=error] .stage:after{content:"";background:var(--danger);height:4px;position:absolute;bottom:0;left:0;right:0}.stage.orig:before{content:"ORIGINAL";z-index:1;font-family:var(--mono);letter-spacing:.1em;background:var(--ink);color:var(--paper);border-radius:2px;padding:2px 6px;font-size:10px;position:absolute;top:6px;left:6px}.cardfoot{gap:2px;padding:8px 2px 0;display:grid}.fname{font-family:var(--mono);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.meta{font-family:var(--mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11.5px}.card[data-status=error] .meta{color:var(--danger)}.actions{align-items:center;gap:4px;margin-top:6px;display:flex}.actions .dl{margin-left:auto}.viewer{z-index:20;background:var(--mat-deep);background-image:radial-gradient(120% 80% at 50% 0,#ffffff0b,#0000 60%);grid-template-rows:auto 1fr auto;animation:.18s ease-out both fade;display:grid;position:fixed;inset:0}.vbar{border-bottom:1px solid #eaf1eb1f;align-items:center;gap:14px;padding:12px 16px;display:flex}.vname{font-family:var(--mono);color:var(--chalk);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.vzoom{font-family:var(--mono);color:var(--chalk-faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.vtools{align-items:center;gap:6px;margin-left:auto;display:flex}.vtools .icon{color:var(--chalk-soft)}.vtools .icon:hover{color:var(--chalk);background:#ffffff14}.vcanvas{touch-action:none;overscroll-behavior:contain;cursor:grab;width:100%;height:100%;display:block}.vcanvas.grabbing{cursor:grabbing}.vcanvas.splitting{cursor:ew-resize}.vhint{text-align:center;font-family:var(--mono);color:var(--chalk-faint);margin:0;padding:10px 16px 14px;font-size:11.5px}.card[data-status=done] .stage{cursor:zoom-in}body.modal{overflow:hidden}.foot{font-family:var(--mono);color:var(--chalk-faint);flex-wrap:wrap;gap:6px 18px;padding:18px 28px 26px;font-size:12px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes settle{0%{opacity:0;transform:translateY(18px) rotate(var(--tilt,0deg))}to{opacity:1;transform:none}}@keyframes scan{0%{top:0}to{top:100%}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:640px){.top{gap:12px;padding:14px 16px 10px}.engine{flex-basis:100%;order:3}main{padding:0 16px 40px}.notice{margin:0 16px 8px}.drop{padding:44px 20px 40px}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.add{min-height:150px}.actions{flex-wrap:wrap}.actions .dl{flex:100%;order:-1;margin-left:0}.count{margin-left:0}.vbar{gap:8px;padding:10px 12px}.vname{max-width:34vw}.vzoom{display:none}.vtools .btn{padding:5px 10px}.vhint{display:none}.foot{padding:16px}}
