:root{--bg: #0b1020;--bg-panel: #121a30;--bg-elevated: #1a2440;--border: #263355;--text: #e6ebf5;--text-dim: #93a0bd;--accent: #f59e0b;--accent-2: #38bdf8;--danger: #f87171;--radius: 12px;--checker-a: #222c49;--checker-b: #121a30;--overlay-bg: rgba(11, 16, 32, .7);--toast-error-bg: #3b1220;--toast-error-text: #fecdd3;--glow-1: rgba(56, 189, 248, .1);--glow-2: rgba(245, 158, 11, .08);--topbar-bg: rgba(11, 16, 32, .75);--shadow-soft: 0 8px 30px rgba(0, 0, 0, .25)}:root[data-theme=light]{--bg: #f4f6fb;--bg-panel: #ffffff;--bg-elevated: #eef1f8;--border: #d5dcea;--text: #1e293b;--text-dim: #475569;--accent: #d97706;--accent-2: #0284c7;--danger: #dc2626;--checker-a: #dde3ee;--checker-b: #f4f6fb;--overlay-bg: rgba(244, 246, 251, .75);--toast-error-bg: #fee2e2;--toast-error-text: #991b1b;--glow-1: rgba(2, 132, 199, .07);--glow-2: rgba(217, 119, 6, .06);--topbar-bg: rgba(244, 246, 251, .8);--shadow-soft: 0 8px 30px rgba(30, 41, 59, .08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(700px circle at 15% -5%,var(--glow-1),transparent 60%),radial-gradient(900px circle at 85% 10%,var(--glow-2),transparent 60%)}.topbar{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;background:var(--topbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.brand-mark{width:32px;height:32px;border-radius:8px}.tagline{color:var(--text-dim);font-size:.85rem}.theme-toggle{margin-left:auto;font-size:1.2rem}body,.panel,.btn,.preview,.topbar,.footer{transition:background-color .2s,border-color .2s,color .2s}.footer{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:18px 20px;border-top:1px solid var(--border);color:var(--text-dim);font-size:.8rem}.footer-brand{color:var(--text-dim);font-weight:600;text-decoration:none}.footer-link{color:var(--accent);font-weight:600;text-decoration:none}.footer-link:hover{text-decoration:underline}.landing{max-width:720px;margin:0 auto;padding:48px 20px 64px;text-align:center}.landing h1{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,5.5vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:24px 0 16px}.grad{background:linear-gradient(92deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{color:var(--text-dim);font-size:clamp(.95rem,2.5vw,1.08rem);line-height:1.6;max-width:560px;margin:0 auto 36px}.dropzone{border:1px dashed var(--border);border-radius:18px;background:linear-gradient(180deg,var(--bg-panel),transparent);box-shadow:var(--shadow-soft);padding:48px 24px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:0 12px 40px #f59e0b1f}.dropzone-icon{width:56px;height:56px;color:var(--text)}.dropzone h2{margin:14px 0 4px;font-size:1.25rem}.dropzone p{margin:0 0 22px;color:var(--text-dim);font-size:.9rem}.dropzone-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dropzone.reading{cursor:progress;border-color:var(--accent)}.pdf-reading-bar{width:min(280px,80%);height:8px;margin:6px auto 0;border-radius:99px;background:var(--bg-elevated);overflow:hidden}.pdf-reading-fill{height:100%;width:40%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:pdf-scan 1.1s ease-in-out infinite alternate}@keyframes pdf-scan{0%{transform:translate(-60%)}to{transform:translate(210%)}}.btn{min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:filter .12s,border-color .12s,transform .12s,box-shadow .12s}.btn:hover:not(:disabled){filter:brightness(1.12);border-color:var(--accent-2);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:transparent;color:#1a1206;box-shadow:0 4px 14px #f59e0b4d}.btn.primary:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b66}.btn.ghost{background:transparent}.btn.small{min-height:36px;padding:6px 12px;font-size:.8rem}.icon-btn{min-width:44px;min-height:44px;border:none;background:transparent;color:var(--text-dim);font-size:1rem;cursor:pointer;border-radius:8px}.icon-btn:hover{color:var(--text);background:var(--bg-elevated)}.workspace{display:grid;grid-template-columns:300px 1fr;gap:18px;padding:18px 20px;flex:1;align-items:start}.sidebar{display:flex;flex-direction:column;gap:14px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow-soft)}.panel-title{display:flex;justify-content:space-between;align-items:baseline;font-family:Space Grotesk,Inter,sans-serif;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-dim);margin-bottom:12px}.panel-value{color:var(--accent);text-transform:none;letter-spacing:0}.hint{margin:10px 0 0;font-size:.78rem;color:var(--text-dim)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:8px 12px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;cursor:pointer;text-align:center}.preset.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.preset-label{font-weight:700;font-size:.9rem;color:var(--text)}.preset-sub{font-size:.72rem;color:var(--text-dim)}.hint.warn,.hint a{color:var(--accent);font-weight:600}.hint.warn a{color:inherit;text-decoration:underline}.segmented{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.seg{min-height:44px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:8px;font-weight:700;cursor:pointer}.seg.active{background:var(--accent);border-color:var(--accent);color:#1a1206}.seg:disabled{opacity:.3;cursor:default}input[type=range]{width:100%;accent-color:var(--accent);min-height:44px;cursor:pointer}.check{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:.9rem;cursor:pointer;min-height:44px}.check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.palette{display:flex;flex-direction:column;gap:6px}.swatch-row{display:flex;align-items:center;gap:10px}.swatch-row.muted .swatch-meta{opacity:.4}.swatch-row input[type=color]{width:44px;height:44px;border:1px solid var(--border);border-radius:8px;background:none;padding:2px;cursor:pointer}.swatch-meta{display:flex;flex-direction:column;flex:1;min-width:0}.hex-input{width:88px;padding:4px 6px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font-size:.85rem;font-weight:600;font-family:Consolas,Courier New,monospace}.hex-input:hover{border-color:var(--border)}.hex-input:focus{border-color:var(--accent-2);background:var(--bg-elevated);outline:none}.swatch-stats{font-size:.72rem;color:var(--text-dim)}.export-grid,.sidebar-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-area{display:flex;flex-direction:column;gap:10px;min-width:0;height:calc(100vh - 132px)}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.mockup-chips{display:flex;gap:8px}.chip{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);cursor:pointer;background:repeating-conic-gradient(#cbd5e1,#cbd5e1 25%,#f8fafc 0%,#f8fafc 50%) 0 0 / 12px 12px}.chip.active{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b4d}.chip.custom{position:relative;display:inline-flex;border-style:dashed;cursor:pointer}.chip.custom.active{border-style:solid}.chip-color-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.mockup-chips{display:flex;align-items:center;gap:8px}.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.svg-holder.erasing{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='white' stroke-width='5'/><circle cx='12' cy='12' r='10' fill='none' stroke='%23dc2626' stroke-width='2.5'/><circle cx='12' cy='12' r='5.5' fill='none' stroke='white' stroke-width='4'/><circle cx='12' cy='12' r='5.5' fill='none' stroke='%23dc2626' stroke-width='2'/><circle cx='12' cy='12' r='1.8' fill='%23dc2626' stroke='white' stroke-width='1'/></svg>") 12 12,crosshair}.erase-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.erase-tools{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel)}.erase-hint{margin:0;font-size:.82rem;color:var(--accent);font-weight:600}.lasso-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.lasso-overlay path{fill:#f59e0b1f;stroke:var(--accent);stroke-width:2;stroke-dasharray:6 4}.artwork-check{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);border-left:5px solid var(--border);border-radius:12px;background:var(--bg-panel);box-shadow:var(--shadow-soft);padding:13px 15px 13px 14px}.artwork-check-caution{border-color:#f59e0b80;border-left-color:var(--accent);background:linear-gradient(90deg,rgba(245,158,11,.09),transparent 340px),var(--bg-panel)}.artwork-check-poor{border-color:#f871718c;border-left-color:#f87171;background:linear-gradient(90deg,rgba(248,113,113,.11),transparent 340px),var(--bg-panel)}.artwork-check-badge{flex:none;padding:3px 10px;border-radius:99px;font-size:.68rem;letter-spacing:.5px;text-transform:uppercase;font-weight:700;white-space:nowrap}.artwork-check-badge.good{background:#22c55e29;color:#4ade80}.artwork-check-badge.caution{background:#f59e0b29;color:var(--accent)}.artwork-check-badge.poor{background:#f871712e;color:#f87171}:root[data-theme=light] .artwork-check-badge.good{color:#15803d}:root[data-theme=light] .artwork-check-badge.poor{color:#b91c1c}.artwork-check-body{display:flex;flex-direction:column;gap:5px;min-width:0}.artwork-check-body p{margin:0;font-size:.87rem;line-height:1.5;color:var(--text)}.artwork-check-body p+p{color:var(--text-dim)}.steps .panel-title{margin-bottom:10px}.steps-dismiss{border:none;background:transparent;color:var(--text-dim);font-size:1.05rem;line-height:1;cursor:pointer;padding:2px 4px;border-radius:6px}.steps-dismiss:hover{color:var(--text);background:var(--bg-elevated)}.steps-list{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:6px}.steps-list li{font-size:.84rem;line-height:1.35;color:var(--text-dim)}.steps-list li::marker{color:var(--accent);font-weight:700}.vectorize-btn{width:100%;min-height:52px;font-size:1.02rem;letter-spacing:.2px}.btn.full{width:100%}.erase-rect{position:absolute;border:2px dashed var(--accent);background:#f59e0b1f;pointer-events:none;z-index:3}.preview{position:relative;border:1px solid var(--border);border-radius:var(--radius);flex:1 1 auto;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-panel)}.preview.checker{background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 0 0 / 24px 24px}.svg-holder,.original{width:92%;height:92%;display:flex;align-items:center;justify-content:center}.svg-holder svg{width:100%;height:100%;display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}.original{object-fit:contain}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;font-weight:600}.preview.busy{cursor:progress}.preview.busy .svg-holder{animation:working-pulse 1.1s ease-in-out infinite}@keyframes working-pulse{0%,to{opacity:1}50%{opacity:.5}}.quiet-pill{position:absolute;top:14px;right:14px;z-index:4;display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;border:1px solid var(--accent);background:var(--bg-panel);box-shadow:var(--shadow-soft);font-size:.8rem;font-weight:600;color:var(--text)}.quiet-pill:before{content:"";width:11px;height:11px;border-radius:50%;border:2px solid var(--accent);border-top-color:transparent;animation:quiet-spin .7s linear infinite}@keyframes quiet-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.preview.busy .svg-holder{animation:none;opacity:.55}.quiet-pill:before{animation:none;border-top-color:var(--accent);opacity:.6}}.progress-card{width:min(320px,74%);padding:18px 20px;border-radius:14px;border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow-soft)}.progress-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:.88rem;font-weight:600;color:var(--text)}.progress-pct{color:var(--accent);font-variant-numeric:tabular-nums}.progress-track{height:8px;border-radius:99px;background:var(--bg-elevated);overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s ease}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:.9rem;font-weight:600}.toast.error{background:var(--toast-error-bg);border:1px solid var(--danger);color:var(--toast-error-text)}.toast-close{background:none;border:none;color:inherit;font-size:1.1rem;cursor:pointer;min-width:32px;min-height:32px}@media (max-width: 860px){.workspace{grid-template-columns:1fr;padding:14px}.preview-area{height:auto;order:-1}.preview{height:52vh;flex:none;min-height:320px}.artwork-check{flex-direction:column;gap:8px}.artwork-check-badge{align-self:flex-start}.chip{width:44px;height:44px}.btn.small{min-height:44px;padding:10px 14px}.icon-btn{min-width:44px;min-height:44px}.tagline{display:none}}.pdf-pages{margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel)}.pdf-pages-label{display:block;margin-bottom:8px;font-size:.8rem;font-weight:600;color:var(--text-dim)}.pdf-pages-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.pdf-page{position:relative;flex:none;width:84px;padding:0;border:2px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;overflow:hidden;line-height:0;transition:border-color .15s,transform .15s}.pdf-page:hover:not(:disabled){border-color:var(--accent-2);transform:translateY(-1px)}.pdf-page.active{border-color:var(--accent);box-shadow:0 0 0 2px #f59e0b47}.pdf-page:disabled{cursor:default;opacity:.55}.pdf-page img{width:100%;height:auto;display:block}.pdf-page-skeleton{display:block;width:100%;height:84px;background:linear-gradient(90deg,var(--bg-elevated),var(--border),var(--bg-elevated));background-size:200% 100%;animation:pdf-page-shimmer 1.2s linear infinite}@keyframes pdf-page-shimmer{to{background-position:-200% 0}}.pdf-page-num{position:absolute;left:4px;bottom:4px;padding:1px 6px;border-radius:99px;background:#0000009e;color:#fff;font-size:.68rem;font-weight:700;line-height:1.5}@media (prefers-reduced-motion: reduce){.pdf-page-skeleton{animation:none}.pdf-page:hover:not(:disabled){transform:none}}.ink-chip{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid var(--border);vertical-align:-1px}