:root{--bg: #0a0c0f;--surface: #101318;--surface-2: #161a21;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #e8ebf0;--muted: #98a1b0;--accent: #c8f169;--accent-soft: rgba(200, 241, 105, .08);--accent-ink: #0a0c0f;--error: #ff6f61;--error-soft: rgba(255, 111, 97, .05);--server: #ffb454;--radius: 8px;--font: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;scrollbar-color:#262b33 transparent;scrollbar-width:thin}::selection{background:#c8f16947}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--mono);font-size:.93em}main{max-width:760px;margin:0 auto;padding:3.5rem 1.25rem 2rem}h1{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.subtitle{margin:.25rem 0 1.75rem;color:var(--muted)}#dropzone{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2.75rem 1.5rem;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface);color:var(--muted);text-align:center;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}#dropzone:hover{border-color:var(--accent);background:#c8f1690a;color:var(--text)}#dropzone.dragover{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.dz-icon{color:var(--muted);margin-bottom:.5rem;transition:color .18s ease}#dropzone:hover .dz-icon,#dropzone.dragover .dz-icon{color:var(--accent)}.dz-full p,.dz-compact{margin:0}.dz-title{font-weight:500;color:var(--text)}.dz-hint{font-size:12.5px}.dz-compact{display:none;font-weight:500;color:var(--text)}body.has-files #dropzone{flex-direction:row;justify-content:center;gap:.625rem;padding:1rem 1.5rem}body.has-files #dropzone .dz-icon{width:18px;height:18px;margin-bottom:0}body.has-files .dz-full{display:none}body.has-files .dz-compact{display:block}#settings{display:none;margin-top:.75rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}#settings.visible{display:block}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem 1.25rem;margin-bottom:.875rem}.field{display:flex;flex-direction:column;gap:.375rem;font-size:12px;color:var(--muted);font-weight:500}.field-head{display:flex;align-items:center;gap:.625rem}.field-head input[type=range]{flex:1}.field-head .mono{min-width:2.5ch;text-align:right;color:var(--text)}select,input[type=number]{width:100%;padding:.4375rem .625rem;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;transition:border-color .15s ease}select:hover,input[type=number]:hover{border-color:var(--border-strong)}input[type=number]{font-family:var(--mono);font-size:13px}input[type=range],input[type=checkbox]{accent-color:var(--accent)}fieldset{margin:0;padding:.625rem .875rem .875rem;border:1px solid var(--border);border-radius:6px}fieldset+fieldset{margin-top:.875rem}legend{padding:0 .25rem}legend label{display:inline-flex;align-items:center;gap:.375rem;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer}.fs-row{display:grid;gap:.5rem;margin-top:.5rem}.fs-row.three{grid-template-columns:1fr 1fr 1fr}.fs-row.four{grid-template-columns:1fr 1fr 1fr 1fr}#files{margin-top:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}#files:empty{display:none}.file-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.625rem .75rem;border-bottom:1px solid var(--border);animation:none}.file-row.new{animation:row-in .18s ease-out}.file-row:last-child{border-bottom:none}.file-row.processing{background:#c8f16908}.file-row.error{background:var(--error-soft)}@keyframes row-in{0%{opacity:0;transform:translateY(3px)}}.thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--border);background:var(--surface-2)}.file-meta{min-width:0}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.file-sub{margin-top:1px;font-family:var(--mono);font-size:11px;color:var(--muted)}.row-actions{display:flex;gap:.375rem}.badge{padding:.1875rem .5rem;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:4px;border:1px solid var(--border);color:var(--muted);align-self:center}.badge.processing{color:var(--accent);border-color:#c8f16959;animation:pulse 1.2s ease-in-out infinite}.badge.done{color:var(--accent);background:var(--accent-soft);border-color:#c8f16959}.badge.error{color:var(--error);border-color:#ff6f6159}.badge.server{color:var(--server);border-color:#ffb45459}@keyframes pulse{50%{opacity:.55}}button{font:inherit;font-size:13px;font-weight:500;padding:.4375rem .875rem;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink)}button.primary:hover:not(:disabled){filter:brightness(1.07)}button.secondary{background:transparent;color:var(--text);border-color:var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--surface-2)}button.sm{padding:.3125rem .625rem;font-size:12px}button.ghost{padding:.3125rem;background:none;border:none;color:var(--muted);display:inline-flex;align-items:center}button.ghost:hover:not(:disabled){color:var(--text)}#actions{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.875rem}#actions:empty{display:none}footer{display:flex;align-items:center;gap:.5rem;margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted);font-size:12px}footer svg{flex-shrink:0}footer p{margin:0}@media(max-width:560px){main{padding-top:2.25rem}.settings-grid,.fs-row.three,.fs-row.four{grid-template-columns:1fr}.file-row{grid-template-columns:32px minmax(0,1fr) auto}.thumb{width:32px;height:32px}}