@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg-primary:#07090e;--bg-secondary:#0d121f;--bg-card:#131a2abf;--bg-card-hover:#1c253ad9;--bg-glass:#0f172aa6;--border-subtle:#ffffff14;--border-medium:#ffffff29;--border-glow:#6366f159;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f14d;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-purple:#8b5cf6;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#a5b4fc;--gradient-brand:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--gradient-glow:radial-gradient(circle at 50% 0%, #6366f12e 0%, transparent 70%);--gradient-card:linear-gradient(180deg, #ffffff08 0%, #fff0 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 8px 32px 0 #00000073;--shadow-glow:0 0 25px #6366f159;--shadow-success:0 0 25px #10b98159;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -100px,#6366f138 0%,#06b6d414 45%,#0000 75%);height:650px;position:fixed;top:0;left:0;right:0}#app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}button{cursor:pointer;color:inherit;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}@media (width<=640px){.container{padding:0 .85rem}}.site-header{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#07090eb3;padding:1.25rem 0;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon{border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 20px #6366f166}.brand-name{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:800}.header-badges{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.pill-badge{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0d;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.pill-badge.privacy{color:#34d399;background:#10b98114;border-color:#10b98140}.pill-badge.speed{color:#38bdf8;background:#06b6d414;border-color:#06b6d440}.hero{text-align:center;padding:3rem 0 1.5rem}.hero-title{letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.15}.hero-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-secondary);max-width:680px;margin:0 auto 1.5rem;font-size:clamp(.95rem,2vw,1.15rem)}.format-tags-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.format-tag{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);letter-spacing:.05em;color:var(--text-muted);transition:all var(--transition-fast);background:#ffffff0a;padding:.25rem .65rem;font-size:.72rem;font-weight:600}.format-tag.highlight{color:var(--text-accent);background:#6366f114;border-color:#6366f14d}.dropzone-container{margin-bottom:2rem}.dropzone{border-radius:var(--radius-xl);text-align:center;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-card);border:2px dashed #ffffff26;padding:3.5rem 1.5rem;position:relative;overflow:hidden}.dropzone:hover,.dropzone.dragover{border-color:var(--primary);background:var(--bg-card-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.dropzone.dragover{border-style:solid;transform:scale(1.01)}.dropzone-content{z-index:2;flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.dropzone-icon-wrap{color:#818cf8;background:#6366f11f;border:1px solid #6366f140;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:3s infinite alternate pulse-glow;display:flex;box-shadow:0 0 25px #6366f133}@keyframes pulse-glow{0%{transform:scale(1);box-shadow:0 0 20px #6366f133}to{transform:scale(1.05);box-shadow:0 0 35px #6366f173}}.dropzone-title{font-size:1.25rem;font-weight:700}.dropzone-subtitle{color:var(--text-secondary);font-size:.9rem}.dropzone-browse-btn{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-md);margin-top:.5rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:600;box-shadow:0 4px 14px #6366f166}.dropzone-browse-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f199}.dropzone-paste-hint{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:.5rem;font-size:.8rem;display:inline-flex}.kbd{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff14;border-radius:4px;padding:.15rem .4rem;font-family:inherit;font-size:.75rem;display:inline-block}.pdf-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ef44441f 0%,#f9731614 100%);border:1px solid #ef444440;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.5rem;animation:.3s ease-out slide-in;display:flex;box-shadow:0 8px 24px #ef44441a}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pdf-banner-info{align-items:center;gap:.9rem;display:flex}.pdf-banner-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pdf-banner-title{margin-bottom:.2rem;font-size:1rem;font-weight:700}.pdf-banner-desc{color:var(--text-secondary);font-size:.82rem}.pdf-banner-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-secondary{border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);background:#ffffff0f;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d}.btn-pdf-merge{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#ef4444,#ea580c);padding:.55rem 1.15rem;font-size:.85rem;font-weight:700;box-shadow:0 4px 14px #ef444466}.btn-pdf-merge:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444499}.actions-bar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.queue-stats{color:var(--text-secondary);align-items:center;gap:1.25rem;font-size:.85rem;display:flex}.queue-stat-item strong{color:var(--text-primary);font-size:.95rem}.queue-btn-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-primary{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-md);padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;box-shadow:0 4px 16px #6366f159}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #6366f18c}.btn-success{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#10b981,#059669);padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;box-shadow:0 4px 16px #10b98159}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 22px #10b9818c}.btn-danger-ghost{color:var(--text-muted);border-radius:var(--radius-md);padding:.4rem .75rem;font-size:.85rem}.btn-danger-ghost:hover{color:#f87171;background:#ef44441a}.file-queue{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.file-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal);grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.file-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover)}.file-card.converting{border-color:#6366f180;box-shadow:0 0 20px #6366f126}.file-card.done{border-color:#10b98159}.file-thumbnail{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;overflow:hidden}.file-thumbnail img{object-fit:cover;width:100%;height:100%}.file-main-info{flex-direction:column;gap:.4rem;min-width:0;display:flex}.file-header-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.file-name{white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:.95rem;font-weight:700;overflow:hidden}.badge-ext{text-transform:uppercase;color:#fff;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.size-pill{color:var(--text-secondary);font-size:.8rem}.size-badge-result{border-radius:var(--radius-full);align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.size-badge-result.reduction{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.size-badge-result.increase{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.file-controls-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.35rem;display:flex}.control-group{color:var(--text-secondary);align-items:center;gap:.45rem;font-size:.8rem;display:inline-flex}.select-format{border:1px solid var(--border-medium);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff12;outline:none;padding:.3rem .65rem;font-size:.85rem;font-weight:600}.select-format:hover,.select-format:focus{border-color:var(--primary);background:#6366f11f}.select-format option{color:#f8fafc;background:#111827}.slider-quality{appearance:none;background:#ffffff26;border-radius:4px;outline:none;width:90px;height:5px}.slider-quality::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #6366f199}.max-size-input-wrap{align-items:center;gap:.25rem;display:inline-flex}.max-size-select{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);background:#ffffff12;padding:.25rem .5rem;font-size:.8rem}.btn-video-edit{color:#f472b6;border-radius:var(--radius-sm);background:#ec48991f;border:1px solid #ec48994d;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.btn-video-edit:hover{background:#ec489938;border-color:#f472b6}.card-progress-bar{background:#ffffff14;border-radius:2px;grid-column:1/-1;width:100%;height:4px;margin-top:.5rem;overflow:hidden}.card-progress-fill{background:var(--gradient-brand);height:100%;transition:width .2s}.file-card-actions{align-items:center;gap:.5rem;display:flex}.btn-icon-action{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);background:#ffffff0d}.btn-icon-action:hover{color:var(--text-primary);background:#ffffff1f}.btn-download-card{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#10b981,#059669);padding:.45rem .95rem;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #10b9814d}.btn-download-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98180}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#04070dd9;justify-content:center;align-items:center;padding:1.25rem;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{border:1px solid var(--border-medium);border-radius:var(--radius-xl);background:#0d121f;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000b3}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:#ffffff05;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.video-preview-wrap{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.video-preview-wrap video{object-fit:contain;width:100%;height:100%}.video-timeline-controls{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.timeline-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.time-display{color:var(--accent-cyan);font-weight:700}.range-dual{grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}.setting-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;display:grid}.setting-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.setting-card label{color:var(--text-muted);font-size:.75rem;font-weight:600}.toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);pointer-events:auto;background:#111827;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;animation:.25s ease-out toast-in;display:flex;box-shadow:0 10px 30px #00000080}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.file-card{grid-template-columns:auto 1fr}.file-card-actions{grid-column:1/-1;justify-content:flex-end;margin-top:.5rem}.actions-bar{flex-direction:column;align-items:stretch}.queue-btn-group{justify-content:stretch}.queue-btn-group button{flex:1}.pdf-banner{flex-direction:column;align-items:stretch}.pdf-banner-actions{justify-content:stretch}.pdf-banner-actions button{flex:1}}