:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font-sans);--bg:#080b14;--bg-gradient:radial-gradient(circle at 20% -10%, #e8282821, transparent 34%), linear-gradient(180deg, #0c101c 0%, #070a12 100%);--bg-card:#101523eb;--border:#ffffff13;--border-hover:#ff525252;--text:#94a3b8;--text-muted:#64748b;--text-h:#f8fafc;--accent:#e82828;--accent-light:#ff5252;--accent-glow:#e8282847;--accent-gradient:linear-gradient(135deg, #f02b2b 0%, #b81820 100%);--accent-gradient-hover:linear-gradient(135deg, #dc2028 0%, #99131a 100%);--success:#10b981;--success-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--danger:#ef4444;--danger-light:#fee2e2;--glass:#0e1320e0;--glass-blur:blur(20px);--shadow:0 18px 50px -28px #000000b8, 0 1px 0 #ffffff09 inset;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg:#f4f7fb;--bg-gradient:radial-gradient(circle at 20% -10%, #e828281a, transparent 34%), linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);--bg-card:#ffffffd9;--border:#00000014;--border-hover:#00000026;--text:#475569;--text-muted:#64748b;--text-h:#0f172a;--accent:#d91f28;--accent-light:#e82828;--accent-glow:#d91f2829;--accent-gradient:linear-gradient(135deg, #e82828 0%, #b81820 100%);--accent-gradient-hover:linear-gradient(135deg, #cd1922 0%, #941219 100%);--success:#059669;--success-gradient:linear-gradient(135deg, #059669 0%, #047857 100%);--glass:#fffc;--glass-blur:blur(16px);--shadow:0 10px 30px -10px #00000014, 0 1px 1px #fffc inset}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);background-image:var(--bg-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable;background-attachment:fixed;flex-direction:column;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}#app{flex-direction:column;gap:18px;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.app-header{background:var(--glass);width:100%;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;border-radius:16px;padding:16px 24px}.header-content{justify-content:space-between;align-items:center;display:flex}.logo-area{align-items:center;gap:12px;display:flex}.logo-icon{width:44px;height:44px;box-shadow:none;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-icon img{object-fit:contain;width:100%;height:100%;display:block}.brand h1{font-family:var(--font-display);color:var(--text-h);letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1.1}.brand h1 span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand p{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:500}.header-controls{align-items:center;gap:12px;display:flex}.primary-nav{align-items:center;gap:4px;margin-right:8px;display:flex}.primary-nav a{color:var(--text);transition:var(--transition);border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600;text-decoration:none}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--text-h);background:#e8282814;outline:none}.app-layout{flex:1;grid-template-columns:1fr;gap:20px;width:100%;min-width:0;display:grid}.main-panel{flex-direction:column;width:100%;min-width:0;max-width:980px;margin:0 auto;display:flex}.workspace-card{flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:480px;padding:36px;display:flex;position:relative;overflow:hidden}.card{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px}.workspace-state{opacity:0;width:100%;min-width:0;transition:opacity .3s,transform .3s;display:none;transform:translateY(10px)}.workspace-state.active{opacity:1;flex-direction:column;display:flex;transform:translateY(0)}.workspace-intro{text-align:center;max-width:660px;margin:0 auto}.eyebrow{min-height:26px;color:var(--accent-light);letter-spacing:.08em;text-transform:uppercase;background:#e8282817;border:1px solid #ff525238;border-radius:999px;align-items:center;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.workspace-intro h2{color:var(--text-h);font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(28px,4vw,40px);line-height:1.08}.workspace-intro p{max-width:580px;color:var(--text);margin:12px auto 0;font-size:15px}.dropzone{cursor:pointer;transition:var(--transition);text-align:center;background:linear-gradient(#e828280b,#e8282803);border:1px dashed #ff525240;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:286px;padding:42px 40px;display:flex}.dropzone:hover,.dropzone.dragover{border-color:var(--accent-light);background:var(--accent-glow);transform:scale(.995);box-shadow:0 0 20px #e828280d}.dropzone-illustration{background:var(--accent-glow);width:80px;height:80px;color:var(--accent-light);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.dropzone h3{font-family:var(--font-display);color:var(--text-h);margin-bottom:8px;font-size:20px;font-weight:600}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.dropzone p{color:var(--text-muted);margin-bottom:16px;font-size:14px}.file-size-limit{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border:1px solid var(--border);background:#ffffff08;border-radius:20px;padding:4px 10px;font-size:11px}.file-details{border:1px solid var(--border);background:#ffffff05;border-radius:16px;align-items:center;gap:16px;width:100%;min-width:0;max-width:100%;margin-bottom:24px;padding:16px 20px;animation:.3s slideIn;display:flex}.file-icon{color:#ef4444;background:#ef44441a;border-radius:10px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-icon svg{width:26px;height:26px}.file-metadata{flex:1;min-width:0;overflow:hidden}.file-metadata h4{font-family:var(--font-display);color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:16px;font-weight:600;overflow:hidden}.file-metadata p{color:var(--text-muted);font-size:13px}.compression-settings h3{font-family:var(--font-display);color:var(--text-h);margin-bottom:16px;font-size:18px;font-weight:600}.compression-settings,.presets-grid,.preset-card,.preset-card-content{min-width:0}.presets-grid{grid-template-columns:1fr;gap:16px;margin-bottom:28px;display:grid}@media (width>=640px){.presets-grid{grid-template-columns:repeat(3,1fr)}}.preset-card{cursor:pointer;display:block;position:relative}.preset-card input[type=radio]{opacity:0;width:0;height:0;position:absolute}.preset-card-content{border:1px solid var(--border);height:100%;transition:var(--transition);background:#ffffff03;border-radius:16px;flex-direction:column;padding:20px;display:flex}.preset-card:hover .preset-card-content{border-color:var(--border-hover);background:#ffffff05;transform:translateY(-2px)}.preset-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.preset-title{font-family:var(--font-display);color:var(--text-h);font-size:16px;font-weight:700}.preset-pill{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.preset-pill.speed{color:#3b82f6;background:#3b82f626}.preset-pill.recommended{color:#e82828;background:#a855f726}.preset-pill.size{color:#10b981;background:#10b98126}.preset-card-content p{color:var(--text-muted);flex:1;margin-bottom:14px;font-size:13px;line-height:1.4}.preset-saving{color:var(--text-h);font-size:11px;font-weight:600;display:block}.btn{min-height:46px;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.btn-large{border-radius:16px;width:100%;min-height:52px;padding:16px 28px;font-size:16px}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-primary svg{flex:0 0 20px;width:20px;height:20px}.btn-secondary{color:var(--text-h);border:1px solid var(--border);background:#ffffff0d;padding:12px 24px}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1a}.btn-icon{border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;transition:var(--transition);background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;display:flex}.btn-icon:hover{border-color:var(--border-hover);color:var(--text-h);background:#ffffff14;transform:translateY(-1px)}.btn-icon svg{width:20px;height:20px}.btn-icon.btn-lang{width:auto;color:var(--text-h);gap:6px;padding:0 12px;font-size:13px;font-weight:600}.lang-flag{font-size:16px;line-height:1}.lang-text{font-family:var(--font-display)}.btn-text{color:var(--text-muted);cursor:pointer;min-height:36px;transition:var(--transition);background:0 0;border:none;border-radius:10px;flex:none;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.btn-text:hover{color:var(--danger)}.btn-text svg{width:16px;height:16px}.btn-link{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:13px;text-decoration:underline}.btn-link:hover{color:var(--accent-light)}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon,[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}.processing-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.progress-ring-container{width:160px;height:160px;margin-bottom:28px;position:relative}.progress-ring-circle{transform-origin:50%;transition:stroke-dashoffset .35s;transform:rotate(-90deg)}.progress-percent{font-family:var(--font-display);color:var(--text-h);font-size:28px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.processing-container h3{font-family:var(--font-display);color:var(--text-h);margin-bottom:8px;font-size:22px;font-weight:600}.processing-container p{color:var(--text-muted);max-width:320px;font-size:14px}.result-success-animation{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.success-checkmark{width:64px;height:64px;color:var(--success);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;box-shadow:0 0 20px #10b98133}.success-checkmark svg{width:36px;height:36px}.result-success-animation h3{font-family:var(--font-display);color:var(--text-h);margin-bottom:6px;font-size:24px;font-weight:700}.result-success-animation p{color:var(--text-muted);font-size:14px}.comparison-card{border:1px solid var(--border);background:#ffffff05;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:24px 32px;display:flex;position:relative}.comparison-column{flex-direction:column;flex:1;display:flex}.comparison-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}.comparison-value{font-family:var(--font-display);color:var(--text-h);font-size:24px;font-weight:800}.comparison-value.accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.comparison-divider{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.arrow-right-icon{width:24px;height:24px}.savings-pill{background:var(--success-gradient);color:#fff;font-family:var(--font-display);border-radius:20px;padding:4px 14px;font-size:14px;font-weight:800;position:absolute;top:-12px;right:32px;box-shadow:0 4px 10px #10b9814d}.savings-bar-container{width:100%;margin-bottom:32px}.savings-bar-label{justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.savings-bar-bg{background:#ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden}.savings-bar-fill{background:var(--success-gradient);border-radius:4px;height:100%;transition:width 1s ease-out}.result-actions{flex-direction:column;gap:12px;width:100%;display:flex}@media (width>=640px){.result-actions{flex-direction:row}.result-actions button{flex:1}}.ad-container{border:1px solid var(--border);width:100%;transition:var(--transition);background:#ffffff03;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ad-container:before{content:"ADVERTISEMENT";z-index:1;color:var(--text-muted);letter-spacing:.12em;opacity:.6;pointer-events:none;font-size:8px;font-weight:700;position:absolute;top:7px;left:10px}.ad-container:hover{border-color:var(--border-hover);background:#ffffff08}.ad-banner-top{height:90px}@media (width<=639px){#app{gap:12px;padding:12px}.app-header{padding:12px 14px}.brand p{display:none}.workspace-card{min-height:0;padding:24px 16px}#state-upload.active{gap:22px}.workspace-intro h2{font-size:30px}.workspace-intro p{font-size:14px}.dropzone{min-height:270px;padding:36px 18px}}.ad-banner-bottom{height:100px;margin-top:4px}.sidebar-panel{flex-direction:column;width:100%;display:flex}@media (width<=1023px){.sidebar-panel{display:none}}.ad-sidebar{flex:1;height:100%;min-height:480px}.sim-ad{flex-direction:column;justify-content:center;width:100%;height:100%;padding:16px;text-decoration:none;display:flex;position:relative}.sim-ad-badge{text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);letter-spacing:.5px;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;top:8px;right:12px}.sim-ad-content{align-items:center;gap:16px;display:flex}.ad-banner-top .sim-ad-content,.ad-banner-bottom .sim-ad-content{flex-direction:row}.ad-sidebar .sim-ad{justify-content:space-between;padding:32px 24px}.ad-sidebar .sim-ad-content{text-align:center;flex-direction:column;gap:20px;margin-top:20px}.sim-ad-icon{background:var(--accent-gradient);color:#fff;width:52px;height:52px;box-shadow:0 4px 10px var(--accent-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sim-ad-icon svg{width:28px;height:28px}.sim-ad-text{flex:1;min-width:0}.sim-ad-text h4{font-family:var(--font-display);color:var(--text-h);margin-bottom:2px;font-size:15px;font-weight:700}.sim-ad-text p{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.sim-ad-btn{border:1px solid var(--border);color:var(--text-h);white-space:nowrap;transition:var(--transition);background:#ffffff14;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600}.sim-ad:hover .sim-ad-btn{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.ins-adsbygoogle{width:100%!important;height:100%!important;display:block!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;padding:16px;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:24px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 32px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.95);box-shadow:0 20px 50px #00000080}.modal-overlay.active .modal{transform:scale(1)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{font-family:var(--font-display);color:var(--text-h);font-size:18px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:28px;line-height:1}.modal-close:hover{color:var(--text-h)}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-intro{color:var(--text-muted);margin-bottom:20px;font-size:13px;line-height:1.4}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-group{margin-bottom:20px}.form-group label{color:var(--text-h);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input[type=text]{border:1px solid var(--border);width:100%;color:var(--text-h);font-family:var(--font-sans);transition:var(--transition);background:#ffffff08;border-radius:10px;outline:none;padding:12px 16px;font-size:14px}.form-group input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow);background:#ffffff0d}.form-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=480px){.form-grid{grid-template-columns:1fr 1fr}}.divider{background:var(--border);height:1px;margin:20px 0}.toggle-control{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;position:relative;display:flex!important}.toggle-control input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.toggle-slider{border:1px solid var(--border);background-color:#ffffff1a;border-radius:20px;flex-shrink:0;width:44px;height:24px;transition:all .4s;position:relative}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}.toggle-control input:checked+.toggle-slider{background-color:var(--accent);border-color:var(--accent)}.toggle-control input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{color:var(--text-h);font-size:14px;font-weight:500}.adsense-settings{opacity:.4;pointer-events:none;transition:var(--transition)}.adsense-settings.active{opacity:1;pointer-events:auto}.adsense-settings h3{font-family:var(--font-display);color:var(--text-h);margin-bottom:6px;font-size:15px;font-weight:700}.settings-desc{color:var(--text-muted);margin-bottom:16px;font-size:12px}.info-alert{color:var(--accent-light);background:#e8282814;border:1px solid #e8282833;border-radius:12px;gap:12px;margin-top:16px;padding:12px 16px;font-size:12px;line-height:1.4;display:flex}.info-alert svg{flex-shrink:0;width:20px;height:20px}.modal-interstitial{-webkit-backdrop-filter:blur(12px);background:#000000d9}.interstitial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;flex-direction:column;width:100%;max-width:600px;max-height:calc(100vh - 40px);transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;transform:scale(.9);box-shadow:0 30px 70px #0009}.modal-overlay.active .interstitial-card{transform:scale(1)}.interstitial-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ad-badge{text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);letter-spacing:.5px;background:#ffffff05;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.interstitial-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);opacity:.3;background:0 0;border:none;font-size:28px;line-height:1}.interstitial-close:not([disabled]){opacity:1}.interstitial-close:not([disabled]):hover{color:var(--text-h)}.interstitial-body{flex:1;justify-content:center;align-items:center;min-height:350px;padding:0;display:flex;position:relative;overflow:hidden}.sim-interstitial-ad{text-align:center;color:#fff;background:radial-gradient(circle at 0 0,#1a1e2d 0%,#0d0f19 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;text-decoration:none;display:flex}.sim-interstitial-icon{background:var(--accent-gradient);color:#fff;width:80px;height:80px;box-shadow:0 8px 30px var(--accent-glow);border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.sim-interstitial-icon svg{width:44px;height:44px}.sim-interstitial-ad h2{font-family:var(--font-display);margin-bottom:12px;font-size:26px;font-weight:800;line-height:1.2}.sim-interstitial-ad p{color:var(--text);max-width:420px;margin-bottom:32px;font-size:15px;line-height:1.5}.sim-interstitial-btn{color:#0b0f19;cursor:pointer;transition:var(--transition);background:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:700;box-shadow:0 4px 15px #fff3}.sim-interstitial-ad:hover .sim-interstitial-btn{background:var(--accent-light);color:#fff;box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.interstitial-footer{border-top:1px solid var(--border);justify-content:center;align-items:center;padding:16px 24px;display:flex}.skip-countdown{color:var(--text-muted);font-size:13px;font-weight:500}.skip-btn{padding:12px 24px;font-size:14px}.app-footer{text-align:center;width:100%;margin-top:auto;padding:16px 24px}.footer-content{color:var(--text-muted);flex-direction:column;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}@media (width>=640px){.footer-content{flex-direction:row}}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-links a{color:var(--text-muted);transition:var(--transition);text-decoration:none}.footer-links a:hover{color:var(--accent-light)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.info-section{flex-direction:column;gap:24px;width:100%;margin-top:16px;margin-bottom:16px;display:flex}.info-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.info-grid{grid-template-columns:1fr 1fr}}.info-card{min-height:auto;padding:24px}.info-card h2{font-family:var(--font-display);color:var(--text-h);letter-spacing:-.3px;margin-bottom:12px;font-size:20px;font-weight:700}.info-card p{color:var(--text);font-size:14px;line-height:1.6}.features-list{flex-direction:column;gap:12px;list-style:none;display:flex}.features-list li{color:var(--text);font-size:14px;line-height:1.5}.features-list li strong{color:var(--text-h);margin-bottom:2px;font-weight:600;display:block}.faq-card{min-height:auto;padding:32px}.faq-section-title{font-family:var(--font-display);color:var(--text-h);letter-spacing:-.4px;margin-bottom:20px;font-size:22px;font-weight:800}.faq-list{flex-direction:column;gap:20px;display:flex}.faq-item{border-bottom:1px solid var(--border);padding-bottom:16px}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h3{font-family:var(--font-sans);color:var(--text-h);margin-bottom:8px;font-size:16px;font-weight:600}.faq-item p{color:var(--text);font-size:14px;line-height:1.6}.trust-section{flex-direction:column;gap:20px;width:100%;margin:8px 0 16px;scroll-margin-top:24px;display:flex}.about-card{padding:32px}.about-card h2,.legal-card h2{color:var(--text-h);font-family:var(--font-display);letter-spacing:-.03em;font-size:24px;line-height:1.2}.about-card>p{max-width:880px;color:var(--text);margin-top:12px;font-size:14px;line-height:1.75}.about-card>p:last-child{border-left:3px solid var(--accent);background:#e828280f;border-radius:0 10px 10px 0;padding:12px 14px}.legal-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=900px){.legal-grid{grid-template-columns:1fr 1fr}}.legal-card{padding:30px;scroll-margin-top:24px}.legal-card .legal-updated{color:var(--text-muted);margin:8px 0 22px;font-size:12px}.legal-card h3{color:var(--text-h);margin:20px 0 6px;font-size:14px;font-weight:700}.legal-card p{color:var(--text);font-size:13px;line-height:1.7}.legal-card a{color:var(--accent-light);text-underline-offset:3px;margin-top:8px;font-weight:600;display:inline-block}#compressor,#how-it-works,#faq{scroll-margin-top:24px}@media (width<=860px){.primary-nav{display:none}}@media (width<=639px){.about-card,.legal-card{padding:22px}.about-card h2,.legal-card h2{font-size:21px}.footer-content{text-align:left;align-items:flex-start}.footer-links{justify-content:flex-start;gap:12px 18px}}.legal-modal{flex-direction:column;width:90%;max-width:680px;max-height:80vh;display:flex}.legal-modal-body{padding-right:8px;overflow-y:auto}.legal-modal-body::-webkit-scrollbar{width:6px}.legal-modal-body::-webkit-scrollbar-track{background:0 0}.legal-modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.legal-modal-body p{color:var(--text);margin-bottom:16px;font-size:14px;line-height:1.6}.legal-modal-body h3{font-family:var(--font-display);color:var(--text-h);margin-top:24px;margin-bottom:8px;font-size:16px;font-weight:700}.legal-modal-body h3:first-of-type{margin-top:16px}:root{--bg:#0b0b0c;--bg-gradient:none;--bg-card:#1c1c1e;--glass:#1c1c1ee0;--glass-blur:blur(24px) saturate(140%);--border:#ffffff1a;--border-hover:#fff3;--text:#a1a1a6;--text-muted:#86868b;--text-h:#f5f5f7;--accent:#e8242f;--accent-light:#ff453a;--accent-glow:#e8242f14;--accent-gradient:linear-gradient(180deg, #f02d37 0%, #d91f29 100%);--accent-gradient-hover:linear-gradient(180deg, #e52631 0%, #c91822 100%);--shadow:0 1px 0 #ffffff0a inset}[data-theme=light]{--bg:#f5f5f7;--bg-gradient:none;--bg-card:#fff;--glass:#ffffffd6;--glass-blur:blur(24px) saturate(160%);--border:#00000014;--border-hover:#00000029;--text:#515154;--text-muted:#6e6e73;--text-h:#1d1d1f;--accent:#d91f29;--accent-light:#d91f29;--accent-glow:#d91f2912;--accent-gradient:linear-gradient(180deg, #e82a34 0%, #cf1923 100%);--accent-gradient-hover:linear-gradient(180deg, #d9232d 0%, #b9131c 100%);--shadow:0 2px 18px #0000000b}html{scroll-behavior:smooth}body{letter-spacing:-.008em;background-image:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}#app{gap:24px;max-width:1180px;padding:12px 24px 36px}.app-header{border-radius:18px;padding:12px 16px;position:sticky;top:12px;box-shadow:0 8px 30px #0000000d}.logo-area{gap:10px}.logo-icon{width:40px;height:40px;box-shadow:none;background:0 0;border:0;border-radius:10px}.brand-name{color:var(--text-h);letter-spacing:-.04em;font-size:20px;font-weight:700;line-height:1.05;display:block}.brand-name span{color:var(--accent)}.brand p{letter-spacing:.09em;margin-top:3px;font-size:9px;font-weight:600}.primary-nav a{color:var(--text-muted);font-size:12px;font-weight:500}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--text-h);background:#80808017}.btn-icon{border-color:var(--border);color:var(--text-h);background:#8080800f;text-decoration:none}.btn-icon:hover{border-color:var(--border-hover);background:#8080801f;transform:none}.card{background:var(--bg-card);-webkit-backdrop-filter:none;border-color:var(--border);box-shadow:var(--shadow);border-radius:28px}.main-panel{max-width:1040px}.workspace-card{min-height:570px;padding:clamp(34px,6vw,68px)}#state-upload.active{gap:36px}.workspace-intro{max-width:820px}.workspace-intro h1{color:var(--text-h);letter-spacing:-.055em;text-wrap:balance;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.02}.workspace-intro p{text-wrap:balance;max-width:680px;margin-top:18px;font-size:17px;line-height:1.55}.eyebrow{min-height:auto;color:var(--accent);letter-spacing:.04em;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;font-weight:700}.dropzone{border:1px dashed var(--border-hover);background:#80808006;border-radius:24px;min-height:270px}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:var(--accent-glow);box-shadow:none;transform:none}.dropzone-illustration{border:1px solid var(--border);background:var(--bg-card);width:68px;height:68px;color:var(--accent);margin-bottom:22px}.dropzone:hover .dropzone-illustration,.dropzone.dragover .dropzone-illustration{transform:translateY(-2px)}.dropzone-illustration svg{width:32px;height:32px}.dropzone h2,.dropzone h3{letter-spacing:-.02em;color:var(--text-h);margin-bottom:8px;font-size:19px;font-weight:600}.file-size-limit{border-color:var(--border);background:#8080800f}.preset-card-content{background:#80808006;border-radius:20px}.preset-card:hover .preset-card-content{background:#8080800e;transform:none}.preset-card input[type=radio]:checked+.preset-card-content{border-color:var(--accent);background:var(--accent-glow);box-shadow:none}.btn{border-radius:999px}.btn-primary,.btn-primary:hover{box-shadow:none}.btn-primary:hover{transform:none}.info-section,.trust-section,.seo-guide,.info-grid,.legal-grid,.steps-grid{gap:24px}.info-card,.faq-card,.about-card,.legal-card{padding:clamp(28px,4vw,42px)}.info-card h2,.faq-section-title,.about-card h2,.legal-card h2,.section-heading h2,.compression-explainer h2{letter-spacing:-.035em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif}.info-card h2,.faq-section-title{font-size:26px}.info-card p,.features-list li,.faq-item p,.about-card>p,.legal-card p{line-height:1.7}.seo-guide{flex-direction:column;margin-top:24px;display:flex}.section-heading{text-align:center;max-width:760px;margin:30px auto 6px}.section-heading h2{color:var(--text-h);text-wrap:balance;font-size:clamp(32px,5vw,48px);line-height:1.08}.section-heading p{color:var(--text);margin-top:14px;font-size:16px;line-height:1.6}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.step-card{min-height:260px;padding:30px}.step-number{background:var(--text-h);width:32px;height:32px;color:var(--bg-card);border-radius:50%;justify-content:center;align-items:center;margin-bottom:34px;font-size:13px;font-weight:700;display:inline-flex}.step-card h3{color:var(--text-h);letter-spacing:-.025em;font-size:20px}.step-card p{color:var(--text);margin-top:10px;font-size:14px;line-height:1.65}.compression-explainer{justify-content:space-between;align-items:flex-end;gap:32px;padding:clamp(30px,5vw,52px);display:flex}.compression-explainer>div{max-width:780px}.compression-explainer h2{color:var(--text-h);font-size:clamp(26px,4vw,36px);line-height:1.12}.compression-explainer p{color:var(--text);margin-top:14px;line-height:1.7}.text-link{color:var(--accent);flex:none;font-size:14px;font-weight:600;text-decoration:none}.text-link:after{content:" →"}.about-card>p:last-child{background:#8080800f;border-left:0;border-radius:14px}.legal-card a,.footer-links a{color:var(--text-muted)}.legal-card a:hover,.footer-links a:hover,.text-link:hover{color:var(--accent)}:where(a,button,input,label):focus-visible{outline-offset:3px;outline:3px solid #007aff8c}@media (width<=760px){#app{padding:10px 12px 28px}.app-header{top:8px}.workspace-card{min-height:0;padding:42px 18px 20px}.workspace-intro h1{font-size:clamp(36px,11vw,48px)}.workspace-intro p{font-size:15px}.dropzone{min-height:250px;padding:32px 16px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:220px}.compression-explainer{flex-direction:column;align-items:flex-start}}[data-tool=compress] [data-tool-only=merge],[data-tool=merge] [data-tool-only=compress]{display:none}.tool-switcher{border:1px solid var(--border);background:#80808012;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,420px);margin:0 auto 16px;padding:5px;display:grid}.tool-tab{min-width:0;min-height:42px;color:var(--text-muted);transition:var(--transition);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.tool-tab svg{flex:0 0 18px;width:18px;height:18px}.tool-tab:hover{color:var(--text-h)}.tool-tab.active{background:var(--bg-card);color:var(--text-h);box-shadow:0 1px 5px #00000017}#state-merge-upload.active{gap:36px}.merge-config-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.merge-config-header>div{min-width:0}.merge-config-header .eyebrow{margin-bottom:8px}.merge-config-header h2{color:var(--text-h);letter-spacing:-.04em;font-size:clamp(26px,4vw,36px);line-height:1.1}.merge-config-header p{max-width:620px;color:var(--text);margin-top:8px;font-size:14px;line-height:1.55}.btn-compact{white-space:nowrap;min-height:40px;padding:9px 16px}.merge-summary{color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:600}.merge-file-list{flex-direction:column;gap:8px;width:100%;min-width:0;max-height:310px;margin-bottom:22px;padding-right:4px;display:flex;overflow-y:auto}.merge-file-row{border:1px solid var(--border);background:#80808006;border-radius:16px;align-items:center;gap:12px;width:100%;min-width:0;padding:12px 14px;display:flex}.merge-file-position{width:30px;height:30px;color:var(--text-h);background:#80808017;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.merge-file-metadata h3{max-width:100%;color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.merge-file-metadata p{color:var(--text-muted);margin-top:3px;font-size:11px}.merge-file-controls{flex:none;gap:4px;display:flex}.merge-file-control{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:17px;line-height:1;display:inline-flex}.merge-file-control:hover:not(:disabled){color:var(--text-h);background:#8080801a}.merge-file-control:last-child:hover:not(:disabled){color:var(--accent);background:#d91f2914}.merge-file-control:disabled{opacity:.28;cursor:default}.merge-option-card{border:1px solid var(--border);background:#80808006;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;padding:18px 20px;display:flex}.merge-option-copy{min-width:0}.merge-option-copy h3{color:var(--text-h);font-size:15px;font-weight:650}.merge-option-copy p{max-width:650px;color:var(--text-muted);margin-top:5px;font-size:12px;line-height:1.5}.switch-control{cursor:pointer;flex:none;display:inline-flex;position:relative}.switch-control input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{width:48px;height:28px;transition:var(--transition);background:#80808038;border-radius:999px;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000038}.switch-control input:checked+.switch-track{background:var(--accent)}.switch-control input:checked+.switch-track:after{transform:translate(20px)}.switch-control input:focus-visible+.switch-track{outline-offset:3px;outline:3px solid #007aff8c}.merge-preset-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:4px 2px;display:flex}.merge-preset-row[hidden]{display:none}.merge-preset-row label{color:var(--text-h);font-size:13px;font-weight:600}.merge-preset-row select{border:1px solid var(--border);background:var(--bg-card);max-width:280px;min-height:42px;color:var(--text-h);font:inherit;border-radius:12px;padding:8px 38px 8px 14px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.merge-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-bottom:18px;display:grid}.merge-result-stat{border:1px solid var(--border);text-align:center;background:#80808006;border-radius:18px;flex-direction:column;gap:6px;min-width:0;padding:18px;display:flex}.merge-result-stat span{color:var(--text-muted);font-size:11px}.merge-result-stat strong{color:var(--text-h);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:21px}.merge-result-note{color:var(--text-muted);text-align:center;margin:0 0 24px;font-size:12px;line-height:1.5}@media (width<=640px){.tool-switcher{margin-bottom:10px}.tool-tab{min-height:40px;padding:8px 10px;font-size:12px}#state-merge-upload.active{gap:24px}.merge-config-header{flex-direction:column;align-items:stretch;gap:14px}.merge-config-header .btn-compact{align-self:flex-start}.merge-file-row{align-items:flex-start;gap:9px;padding:11px 10px}.merge-file-position{flex-basis:26px;width:26px;height:26px}.merge-file-controls{grid-template-columns:repeat(3,30px);display:grid}.merge-file-control{width:30px;height:34px}.merge-option-card{align-items:flex-start;padding:16px}.merge-preset-row{flex-direction:column;align-items:stretch;gap:8px}.merge-preset-row select{width:100%;max-width:none}.merge-result-grid{grid-template-columns:1fr}.merge-result-stat{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;padding:14px 16px}}