:root{--bg:#0a0a0f;--bg-2:#111118;--bg-3:#18181f;--bg-4:#1e1e28;--surface:#1a1a24;--surface-2:#22222e;--border:#ffffff14;--border-2:#ffffff1f;--blue:#4d9fff;--blue-glow:#3b82f6;--blue-dim:#4d9fff26;--blue-dim2:#4d9fff14;--text:#f0f0f8;--text-2:#a0a0b8;--text-3:#606080;--green:#34d399;--red:#f87171;--radius:12px;--radius-sm:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,sans-serif;font-weight:400;display:flex;overflow-x:hidden}.bg-glow{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-glow:before{content:"";background:radial-gradient(at bottom,#3b82f62e 0%,#3b82f60f 40%,#0000 70%);width:140%;height:60%;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0fcc;align-items:center;gap:.75rem;padding:1.25rem 2rem;display:flex;position:relative}.logo{color:var(--text);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.logo-dot{background:var(--blue);width:7px;height:7px;box-shadow:0 0 8px var(--blue);border-radius:50%}.badge{color:var(--text-3);background:var(--surface);border:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;border-radius:20px;padding:.2rem .55rem;font-size:.68rem;font-weight:500}main{z-index:1;flex-direction:column;flex:1;align-items:center;padding:4.5rem 1.5rem 8rem;display:flex;position:relative}.hero{text-align:center;max-width:600px;margin-bottom:2.5rem}.hero h1{letter-spacing:-.03em;color:var(--text);margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.hero h1 .accent{color:var(--blue);font-style:italic}.hero p{color:var(--text-2);max-width:440px;margin:0 auto;font-size:.95rem;line-height:1.7}.options-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-start;gap:1.25rem;width:100%;max-width:640px;margin-bottom:.75rem;padding:1.1rem 1.4rem;transition:opacity .2s,pointer-events .2s;display:flex}.toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.6rem;display:flex}.toggle-track{background:var(--bg-4);border:1px solid var(--border-2);cursor:pointer;border-radius:10px;flex-shrink:0;width:34px;height:19px;transition:background .18s,border-color .18s;position:relative}.toggle-track:after{content:"";background:var(--text-3);border-radius:50%;width:13px;height:13px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000080}.toggle-row.on .toggle-track{background:var(--blue-glow);border-color:var(--blue-glow)}.toggle-row.on .toggle-track:after{background:#fff;transform:translate(15px)}.toggle-label{line-height:1.3}.toggle-label span{color:var(--text);font-size:.84rem;font-weight:500;display:block}.toggle-label small{color:var(--text-3);font-size:.72rem;font-weight:400}.opt-divider{background:var(--border-2);flex-shrink:0;align-self:stretch;width:1px;display:none}.fmt-picker{flex-wrap:wrap;flex:1;align-items:center;gap:.45rem;display:none}.fmt-picker.on{display:flex}.fmt-picker-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;font-size:.7rem;font-weight:500}.fpill{border:1px solid var(--border-2);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:20px;padding:.25rem .7rem;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;transition:all .14s}.fpill:hover{color:var(--blue);border-color:#4d9fff66}.fpill.sel{background:var(--blue-dim);color:var(--blue);border-color:#4d9fff59}.conv-note-wrap{border-top:1px solid var(--border);width:100%;margin-top:.1rem;padding-top:.75rem;display:none}.conv-note-wrap.on{display:block}.conv-note{color:var(--text-3);font-size:.75rem;line-height:1.6}.conv-note strong{color:var(--text-2);font-weight:500}.input-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;width:100%;max-width:640px;margin-bottom:0;padding:3rem 2rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 1px #0000004d,0 20px 60px #0006,0 0 80px #3b82f60d}.input-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(at 50% 110%,#4d9fff0f,#0000 70%);transition:opacity .2s;position:absolute;inset:0}.input-card:hover,.input-card.over{border-color:#4d9fff66;box-shadow:0 0 0 1px #4d9fff1a,0 20px 60px #0006,0 0 40px #3b82f61a}.input-card:hover:before,.input-card.over:before{opacity:1}.drop-icon{width:38px;height:38px;color:var(--text-3);opacity:.5;margin:0 auto 1rem;display:block}.drop-h{color:var(--text);margin-bottom:.4rem;font-size:1.05rem;font-weight:600}.drop-p{color:var(--text-2);font-size:.85rem;line-height:1.6}.drop-p b{color:var(--blue);cursor:pointer;font-weight:500}.drop-p b:hover{text-decoration:underline}.drop-fmts{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:1rem;display:flex}.ftag{letter-spacing:.07em;text-transform:uppercase;background:var(--bg-4);color:var(--text-3);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:500}.results{width:100%;max-width:640px;margin-top:.75rem;display:none}.results.on{display:block}.summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.9rem 1.2rem;display:flex}.sum-text{flex:1;min-width:160px}.sum-headline{color:var(--text);font-size:.9rem;font-weight:600;line-height:1.2}.sum-sub{color:var(--text-3);margin-top:2px;font-size:.72rem}.sum-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.extract-btn{background:var(--blue-glow);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 0 20px #3b82f64d}.extract-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 0 28px #3b82f673}.extract-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none}.clear-btn{color:var(--text-3);border:1px solid var(--border-2);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;padding:.45rem .85rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;transition:all .14s}.clear-btn:hover{background:var(--surface-2);color:var(--text-2);border-color:#ffffff2e}.file-list{background:var(--bg-2);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);border-top:none;overflow:hidden}.file-row{border-bottom:1px solid var(--border);grid-template-columns:42px 1fr 80px 28px;align-items:center;gap:10px;padding:.6rem 1rem;transition:background .14s;animation:.18s both rowIn;display:grid}.file-row:last-child{border-bottom:none}@keyframes rowIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.file-row.state-processing{background:#4d9fff0a}.file-row.state-done{background:#34d3990a}.file-row.state-error{background:#f871710a}.row-thumb{object-fit:cover;background:var(--bg-4);border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:42px;height:32px}.row-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:300px;margin-bottom:2px;font-size:.78rem;font-weight:500;overflow:hidden}.row-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:4px;font-size:.68rem;display:flex}.fbadge{letter-spacing:.04em;text-transform:uppercase;background:var(--bg-4);color:var(--text-3);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:.6rem;font-weight:600}.fbadge.png{color:#60a5fa;background:#4d9fff1f;border-color:#4d9fff33}.fbadge.jpg,.fbadge.jpeg{color:#fb923c;background:#fb923c1a;border-color:#fb923c33}.fbadge.webp{color:#34d399;background:#34d3991a;border-color:#34d39933}.fbadge.gif{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa33}.fbadge.avif{color:#818cf8;background:#4d9fff1a;border-color:#6366f133}.fbadge.target{opacity:1}.conv-arrow{color:var(--text-3);opacity:.4;font-size:.65rem}.prog-wrap{background:#4d9fff1f;border-radius:1px;width:100%;height:2px;margin-top:4px;overflow:hidden}.prog-bar{background:var(--blue-glow);border-radius:1px;width:0%;height:100%;transition:width .2s}.row-sav{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.row-sav.good{color:var(--green)}.row-sav.ok{color:var(--blue)}.row-sav.dim{color:var(--text-3);font-size:.7rem;font-weight:400}.row-sav.proc{color:var(--blue);font-size:.7rem;font-weight:400}.row-act{justify-content:flex-end;align-items:center;display:flex}.spinner{border:2px solid #4d9fff33;border-top-color:var(--blue);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dl-btn{cursor:pointer;width:26px;height:26px;color:var(--green);background:#34d3991a;border:1px solid #34d39933;border-radius:5px;justify-content:center;align-items:center;transition:all .14s;display:flex}.dl-btn:hover{background:var(--green);color:#0a0a0f;border-color:var(--green)}.err-ic{color:var(--red)}.pend-ic{color:var(--text-3);opacity:.25}.add-more{background:var(--bg-3);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);border-top:none;justify-content:center;align-items:center;padding:.65rem 1rem;font-size:.72rem;font-weight:500;transition:all .14s;display:flex}.add-more:hover{background:var(--surface);color:var(--text-2)}footer{z-index:1;border-top:1px solid var(--border);color:var(--text-3);text-align:center;letter-spacing:.04em;background:#0a0a0f99;padding:1.25rem 2rem;font-size:.72rem;position:relative}footer span{opacity:.4;margin:0 .4em}.toast{background:var(--surface-2);color:var(--text);border:1px solid var(--border-2);opacity:0;pointer-events:none;z-index:999;white-space:nowrap;border-radius:20px;padding:.55rem 1.1rem;font-size:.75rem;font-weight:500;transition:all .2s;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 8px 24px #00000080}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:600px){.file-row{grid-template-columns:36px 1fr 56px 24px}.row-name{max-width:160px}.opt-divider{display:none}.fmt-picker.on{border-top:1px solid var(--border);width:100%;padding-top:.75rem}main{padding:2.5rem 1rem 6rem}}