:root{--paper: #f7f3ec;--ink: #17130e;--muted: #8a8074;--line: #e4dcce;--card: #fffdf9;--accent: #c4502e;--ok: #3d7a4a;--err: #b0402a;--radius: 16px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Didot", "Bodoni MT", "Playfair Display", Georgia, "Times New Roman", serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--paper);color:var(--ink);min-height:100dvh;display:flex;flex-direction:column;padding:max(env(safe-area-inset-top),12px) 16px env(safe-area-inset-bottom)}main{width:100%;max-width:860px;margin:0 auto;flex:1}.top{text-align:center;padding:28px 0 20px}.logo{font-family:var(--font-display);font-weight:500;font-size:clamp(2.4rem,8vw,3.4rem);letter-spacing:.01em;line-height:1}.logo-dot{color:var(--accent)}.tagline{margin-top:8px;color:var(--muted);font-size:.95rem;letter-spacing:.02em}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);background:var(--card);padding:36px 20px;text-align:center;cursor:pointer;transition:border-color .15s ease,transform .1s ease,background .15s ease;-webkit-tap-highlight-color:transparent;user-select:none}.dropzone:active{transform:scale(.99)}.dropzone.dz-active,.dropzone:hover{border-color:var(--accent);background:#fffcf5}.dz-icon{width:44px;height:44px;color:var(--accent);margin-bottom:12px}.dz-title{font-size:1.15rem;font-weight:600}.dz-hint{margin-top:6px;color:var(--muted);font-size:.88rem}.controls{display:flex;flex-direction:column;align-items:center;margin:18px 0}.style-hint{margin-top:10px;max-width:480px;min-height:2.4em;text-align:center;color:var(--muted);font-size:.85rem;line-height:1.4}.styles{display:inline-flex;background:#eee7da;border-radius:999px;padding:4px;gap:2px}.style-opt{position:relative;cursor:pointer}.style-opt input{position:absolute;opacity:0;pointer-events:none}.style-opt span{display:inline-block;padding:8px 18px;border-radius:999px;font-size:.92rem;font-weight:500;color:var(--muted);transition:all .15s ease}.style-opt input:checked+span{background:var(--ink);color:var(--card)}.style-opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 16px}.toolbar-status{color:var(--muted);font-size:.9rem}.toolbar-actions{display:flex;gap:8px}.btn{font-family:inherit;font-size:.95rem;font-weight:600;border:none;border-radius:999px;padding:11px 20px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease,transform .1s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--ink);color:var(--card)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding-bottom:32px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;animation:card-in .25s ease}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}}.thumb{position:relative;aspect-ratio:1;background:#efe9dd}.thumb-transparent{background:repeating-conic-gradient(#e8e2d5 0% 25%,#f8f5ee 0% 50%) 0 0 / 20px 20px}.thumb-img{width:100%;height:100%;object-fit:contain;display:block}.card[data-status=working] .thumb-img,.card[data-status=queued] .thumb-img{opacity:.55;filter:saturate(.6)}.thumb-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(23,19,14,.15);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px}.chip{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip[data-status=done]{color:var(--ok);font-weight:600}.chip[data-status=error]{color:var(--err);font-weight:600}.card-actions{display:flex;gap:2px;flex-shrink:0}.icon-btn{font-family:inherit;width:32px;height:32px;border:none;border-radius:10px;background:transparent;color:var(--ink);font-size:1rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.icon-btn:hover{background:#f0eade}.icon-btn:active{background:var(--line)}.how{margin:8px 0 28px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;color:var(--ink);font-size:.9rem;line-height:1.55}.how summary{cursor:pointer;font-weight:600;-webkit-tap-highlight-color:transparent}.how ol{margin:12px 0 10px;padding-left:20px}.how li{margin-bottom:8px}.how p{color:var(--muted)}.foot{text-align:center;color:var(--muted);font-size:.8rem;padding:20px 0 10px}@media(max-width:480px){.grid{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column;align-items:stretch;text-align:center}.toolbar-actions{justify-content:center}}