:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#07080c;--border-glass:#ffffff21;--text-primary:#ffffffed;--text-secondary:#ffffffa8;--text-muted:#ffffff6b;--accent:#8b5cf6;--accent-blue:#38bdf8;--accent-green:#34d399;--danger:#fb7185;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 52% 12%,#8b5cf638,#0000 30rem),radial-gradient(circle at 78% 30%,#38bdf829,#0000 28rem),linear-gradient(135deg,#07080c 0%,#101118 52%,#06070a 100%);margin:0}button,input{font:inherit}button{color:var(--text-primary);cursor:pointer;border:0}button:disabled,input:disabled{cursor:not-allowed;opacity:.48}h1,h2,p{margin:0}.app-shell{z-index:0;width:min(1060px,100%);margin:0 auto;padding:22px;position:relative}.ambient-grid{z-index:-1;opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.glass-card,.topbar{border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#ffffff1a,#ffffff0b);border-radius:28px;box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff1f}.topbar,.brand,.privacy-chip,.primary-btn,.secondary-btn,.section-heading,.progress-copy,.result-card>div,.result-actions,.file-card div,.segments-list div{align-items:center;display:flex}.topbar{justify-content:space-between;gap:16px;min-height:70px;padding:14px 16px}.brand{gap:12px}.brand-mark,.upload-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-blue));place-items:center;display:grid;box-shadow:0 14px 44px #38bdf838}.brand-mark{border-radius:14px;width:42px;height:42px}.brand strong{font-size:15px;font-weight:700;display:block}.brand span,.privacy-chip,.hero span,.upload-zone span,.upload-zone small,.custom-field,.file-card span,.progress-copy span,.result-card p,footer,.more-text{color:var(--text-secondary);font-size:13px}.privacy-chip{background:#34d3991a;border:1px solid #34d39933;border-radius:999px;gap:8px;padding:10px 13px}.hero{text-align:center;gap:12px;padding:58px 8px 28px;display:grid}.hero p,.section-heading span{color:var(--accent-green);text-transform:uppercase;font-size:12px;font-weight:700}.hero h1{font-size:clamp(38px,6vw,72px);font-weight:560;line-height:1.04}.hero span{max-width:680px;margin:0 auto;line-height:1.8}.main-card{gap:18px;padding:22px;display:grid}.main-card>input[type=file]{display:none}.upload-zone{text-align:center;background:#ffffff0b;border:1px dashed #ffffff3d;border-radius:24px;place-items:center;gap:10px;min-height:250px;padding:28px;transition:border-color .18s,background .18s,transform .18s;display:grid}.upload-zone:hover,.upload-zone.dragging{background:#38bdf813;border-color:#38bdf8bf;transform:translateY(-1px)}.upload-icon{border-radius:24px;width:76px;height:76px}.upload-zone strong{overflow-wrap:anywhere;max-width:100%;font-size:22px}.file-card{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.file-card div{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:18px;gap:10px;min-width:0;padding:14px}.file-card strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.duration-section{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:22px;gap:14px;padding:18px;display:grid}.section-heading{justify-content:space-between;gap:16px}.section-heading h2{margin-top:4px;font-size:21px;font-weight:650}.section-heading strong{font-size:24px}.preset-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.preset-grid button,.primary-btn,.secondary-btn{background:#ffffff14;border:1px solid #ffffff21;border-radius:999px;justify-content:center;gap:9px;min-height:46px;padding:0 16px;transition:transform .18s,background .18s,border-color .18s}.preset-grid button.active{background:#38bdf829;border-color:#38bdf88c}.custom-field{gap:8px;display:grid}.custom-field input{width:100%;min-height:48px;color:var(--text-primary);background:#ffffff13;border:1px solid #ffffff24;border-radius:16px;outline:none;padding:0 14px}.custom-field input:focus{border-color:#38bdf89e;box-shadow:0 0 0 3px #38bdf81f}.primary-btn{background:linear-gradient(135deg, var(--accent), var(--accent-blue));border-color:#ffffff38;font-weight:700;box-shadow:0 16px 44px #38bdf82e}.secondary-btn{color:var(--text-secondary)}.process-btn{min-height:58px;font-size:16px}button:not(:disabled):hover{border-color:#ffffff42;transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)scale(.99)}.progress-panel{background:#34d39913;border:1px solid #34d39938;border-radius:18px;gap:12px;padding:15px;display:grid}.progress-panel.error{background:#fb71851a;border-color:#fb71854d}.progress-copy{justify-content:space-between;gap:16px}.progress-copy strong{overflow-wrap:anywhere}.progress-track{background:#ffffff1a;border-radius:999px;height:10px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-blue));height:100%;transition:width .18s}.result-card,.segments-card{margin-top:18px;padding:20px}.result-card{justify-content:space-between;gap:18px;display:flex}.result-card>div{gap:13px}.result-card h2{font-size:23px}.result-actions{flex-wrap:wrap;gap:10px}.segments-list{gap:8px;display:grid}.segments-list div{background:#ffffff0e;border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px}.segments-list span{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-secondary);overflow:hidden}.segments-list strong{white-space:nowrap;font-variant-numeric:tabular-nums}.more-text{text-align:center;margin-top:12px}footer{text-align:center;padding:26px 0 8px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.app-shell{padding:12px}.topbar,.result-card{flex-direction:column;align-items:stretch}.hero{padding-top:38px}.hero h1{font-size:39px}.main-card{border-radius:22px;padding:14px}.upload-zone{min-height:220px}.file-card,.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.progress-copy{flex-direction:column;align-items:flex-start}.result-actions,.result-actions button{width:100%}}@media (width<=460px){.file-card,.preset-grid{grid-template-columns:1fr}}