:root{--paper-0:#fff;--paper-50:#f8f5ee;--paper-100:#efe8d8;--paper-200:#e2d8bf;--paper-300:#cdbf9c;--gold-300:#f0e0ac;--gold-400:#dcb765;--gold-500:#bd8f3c;--gold-600:#96702b;--gold-700:#6c5220;--accent:var(--gold-500);--accent-hover:var(--gold-600);--accent-ink:#2a2116;--success:#2f8f5c;--danger:#c1473b;--warning:#b8791f;--bg:var(--paper-50);--surface:var(--paper-0);--surface-2:var(--paper-100);--border:var(--paper-200);--border-strong:var(--paper-300);--text-h:#2a2116;--text:#5c5240;--text-muted:#7c7359;--radius-sm:6px;--radius-md:9px;--radius-lg:14px;--shadow-sm:0 1px 2px #2b210f0d, 0 1px 3px #2b210f0f;--shadow-md:0 8px 20px -6px #2b210f1a, 0 3px 8px -3px #2b210f12;--shadow-lg:0 24px 48px -16px #2b210f29, 0 10px 20px -8px #2b210f1a;--shadow-gold:0 0 0 1px color-mix(in srgb, var(--gold-500) 45%, transparent), 0 10px 22px -8px color-mix(in srgb, var(--gold-600) 35%, transparent);--accent-soft:color-mix(in srgb, var(--gold-500) 12%, transparent);--accent-ring:color-mix(in srgb, var(--gold-500) 35%, transparent);--success-soft:color-mix(in srgb, var(--success) 12%, transparent);--danger-soft:color-mix(in srgb, var(--danger) 12%, transparent);--warning-soft:color-mix(in srgb, var(--warning) 12%, transparent);--success-border:color-mix(in srgb, var(--success) 35%, transparent);--danger-border:color-mix(in srgb, var(--danger) 35%, transparent);--sans:system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, Georgia, serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;font:14px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1100px 460px at 50% -10%, color-mix(in srgb, var(--gold-300) 45%, transparent), transparent 70%), var(--bg);color:var(--text)}#app{flex-direction:column;min-height:100svh;display:flex}::selection{background:color-mix(in srgb, var(--gold-500) 35%, transparent);color:var(--text-h)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--gold-600);background-clip:content-box}h1,h2,h3,h4{color:var(--text-h);margin:0;font-weight:600;line-height:1.3}h1{font-family:var(--serif);letter-spacing:.02em;font-size:25px;font-weight:600}h2{font-size:18px}h3{font-size:15px}p{margin:0}a{color:var(--gold-600);text-decoration:none}a:hover{color:var(--gold-700);text-decoration:underline}code{font-family:var(--mono);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--gold-700);padding:2px 6px;font-size:13px}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.dropzone:focus-visible,.input:focus{outline:none}.topbar{z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:13px 24px;display:flex;position:sticky;top:0}.brand{font-family:var(--serif);letter-spacing:.03em;color:var(--text-h);align-items:center;gap:11px;font-size:16px;font-weight:600;display:inline-flex}.brand:before{content:"";background:linear-gradient(135deg, var(--gold-300), var(--gold-600));width:9px;height:9px;box-shadow:0 0 0 3px var(--accent-soft), 0 0 10px 1px color-mix(in srgb, var(--gold-500) 45%, transparent);flex:none;transform:rotate(45deg)}.topbar-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:5px 10px;font-size:13px}.btn-primary{color:var(--accent-ink);background:linear-gradient(155deg, var(--gold-400), var(--gold-600));border-color:var(--gold-600);font-weight:600}.btn-primary:hover:not(:disabled){background:linear-gradient(155deg, var(--gold-300), var(--gold-500));border-color:var(--gold-500);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold-400) 50%, transparent), 0 6px 16px -6px color-mix(in srgb, var(--gold-600) 60%, transparent)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-ghost{color:var(--text-h);background:var(--surface-2);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);border-color:var(--gold-600);color:var(--gold-700)}.btn-danger{color:var(--danger);background:var(--surface);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){color:#fff;background:var(--danger);border-color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.input{box-sizing:border-box;width:100%;font:inherit;color:var(--text-h);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px var(--accent-ring)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:var(--surface-2);padding:28px 24px;transition:border-color .15s,background-color .15s}.dropzone:hover,.dropzone:focus-visible{border-color:var(--gold-500);background:var(--accent-soft)}.dropzone-batch{cursor:copy}.dropzone-title{color:var(--text-h);margin:0 0 6px;font-size:14px;font-weight:500}.dropzone-hint{color:var(--text-muted);margin:0;font-size:12px}.file-input{display:none}.state{text-align:center;color:var(--text-muted);padding:48px 16px}.state-text{margin:0 0 12px;font-size:14px}.state-loading{color:var(--text)}.state-error{color:var(--danger)}.notice{color:var(--text-muted);margin:0;font-size:12px}.modal-mask{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#261e1059;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);padding:20px}.modal-text{color:var(--text-h);margin:0 0 16px;font-size:14px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.toast{border-radius:var(--radius-md);color:var(--text-h);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:60;padding:10px 18px;font-size:14px;font-weight:500;animation:.18s ease-out toast-in;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast[data-type=success]{color:var(--success);background:var(--success-soft);border-color:var(--success-border)}.toast[data-type=error]{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=768px){.topbar{padding:10px 16px}}