:root{--bg:#08090a;--panel:#101113;--surface:#17181b;--border:rgba(255,255,255,.09);--border-soft:rgba(255,255,255,.055);--text:#f7f8f8;--sub:#d0d6e0;--muted:#8a8f98;--dim:#62666d;--accent:#5e6ad2;--accent-hover:#7170ff;--danger:#ef6b73;--success:#45c38b}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(94,106,210,.12),transparent 36%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-feature-settings:"cv01","ss03";overflow-x:hidden}.glow{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.14}.glow-one{width:420px;height:420px;background:#5e6ad2;top:-280px;left:calc(50% - 210px)}.glow-two{width:260px;height:260px;background:#444ac2;right:-200px;top:35%}.shell{width:min(880px,calc(100% - 40px));margin:0 auto;padding:28px 0 72px}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-size:15px;font-weight:590;letter-spacing:-.2px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:linear-gradient(145deg,#7884e2,#4d58be);border-radius:8px;font-size:10px;box-shadow:0 0 0 1px rgba(255,255,255,.14) inset}.format-pill{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:11px;font-weight:510;letter-spacing:.04em}.format-pill i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px rgba(69,195,139,.7)}.hero{text-align:center;padding:82px 20px 44px}.eyebrow{color:#8f99ff;font-size:11px;font-weight:590;letter-spacing:.18em;margin-bottom:20px}.hero h1{margin:0;font-size:clamp(38px,7vw,64px);line-height:1.02;letter-spacing:-1.45px;font-weight:510}.hero h1 span{color:var(--muted)}.hero p{max-width:590px;margin:22px auto 0;color:var(--muted);font-size:17px;line-height:1.55;font-weight:400}.card{background:rgba(255,255,255,.025);border:1px solid var(--border);box-shadow:0 18px 80px rgba(0,0,0,.23),0 1px 0 rgba(255,255,255,.025) inset}.input-card{padding:10px;border-radius:12px}#infoForm label{position:absolute;width:1px;height:1px;overflow:hidden}.url-row{display:flex;gap:8px}input,select,button{font:inherit}.url-row input{min-width:0;flex:1;height:52px;padding:0 16px;border:0;background:transparent;color:var(--text);font-size:15px;outline:none}.url-row input::placeholder{color:var(--dim)}button{border:0;color:var(--text);cursor:pointer}.primary{height:52px;padding:0 18px;display:flex;align-items:center;gap:16px;border-radius:8px;background:var(--accent);font-size:14px;font-weight:590;transition:.18s ease}.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.primary:disabled,.download-button:disabled{opacity:.58;cursor:wait;transform:none}.arrow{font-size:18px;font-weight:400}.status{display:none;padding:9px 12px 3px;font-size:13px;color:var(--muted)}.status.show{display:block}.status.error{color:var(--danger)}.status.success{color:var(--success)}.workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px;margin-top:14px;animation:reveal .35s ease-out}.hidden{display:none!important}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.video-card,.settings-card{border-radius:12px;overflow:hidden}.preview{position:relative;aspect-ratio:16/9;background:#050506;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover;display:block}.preview iframe{width:100%;height:100%;border:0;display:block}.preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.55));pointer-events:none}.preview-button{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(8,9,10,.78);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px);font-size:15px;padding-left:4px;transition:.18s}.preview-button:hover{transform:translate(-50%,-50%) scale(1.06);background:var(--accent)}.duration-badge{position:absolute;z-index:2;right:10px;bottom:9px;padding:4px 6px;border-radius:5px;background:rgba(0,0,0,.8);font:500 11px ui-monospace,monospace}.video-meta{padding:17px 18px 19px}.video-meta h2{margin:0 0 7px;font-size:15px;line-height:1.4;font-weight:590;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta span{color:var(--muted);font-size:12px}.settings-card{padding:4px 19px 18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0}.setting-row h3{margin:0 0 4px;font-size:14px;font-weight:590}.setting-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.toggle-row,.quality-row{border-bottom:1px solid var(--border-soft)}.switch{position:relative;display:block;flex:0 0 auto;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:99px;background:#2c2e33;border:1px solid var(--border);transition:.2s}.switch span::after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#bfc2c9;transition:.2s;box-shadow:0 1px 3px #000}.switch input:checked+span{background:var(--accent)}.switch input:checked+span::after{transform:translateX(18px);background:white}.clip-controls{padding:16px 0 18px;border-bottom:1px solid var(--border-soft)}.time-grid{display:grid;grid-template-columns:88px 1fr 88px;align-items:end;gap:12px}.time-grid label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:590;text-transform:uppercase;letter-spacing:.08em}.time-grid label:last-child{text-align:right}.time-input{width:88px;height:36px;border:1px solid var(--border);border-radius:7px;background:rgba(255,255,255,.035);color:var(--text);font:500 13px ui-monospace,monospace;padding:0 9px;outline:none}.time-grid label:last-child input{text-align:right}.time-input:focus{border-color:rgba(113,112,255,.75);box-shadow:0 0 0 3px rgba(94,106,210,.12)}.clip-length{padding-bottom:9px;text-align:center;color:#9da6ff;font-size:11px;font-weight:510}.range-wrap{position:relative;height:28px;margin-top:13px}.range-track{position:absolute;left:0;right:0;top:13px;height:4px;border-radius:99px;background:linear-gradient(to right,#282a2f 0%,#282a2f var(--start),var(--accent) var(--start),var(--accent) var(--end),#282a2f var(--end),#282a2f 100%)}.range-wrap input[type=range]{position:absolute;inset:0;width:100%;height:28px;margin:0;background:transparent;pointer-events:none;appearance:none;-webkit-appearance:none}.range-wrap input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#f7f8f8;border:3px solid var(--accent);pointer-events:auto;cursor:grab;box-shadow:0 0 0 3px rgba(94,106,210,.18)}.range-wrap input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#f7f8f8;border:3px solid var(--accent);pointer-events:auto;cursor:grab}.range-wrap input[type=range]::-moz-range-track{background:transparent}.range-labels{display:flex;justify-content:space-between;color:var(--dim);font:400 10px ui-monospace,monospace}select{min-width:90px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:#191a1d;color:var(--text);font-size:12px;outline:none}.download-button{width:100%;height:52px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;background:var(--text);color:#0d0e10;font-size:14px;font-weight:590;transition:.18s}.download-button:hover{background:#dfe1e5;transform:translateY(-1px)}.download-icon{font-size:19px;line-height:1}.note{text-align:center;margin:10px 0 0;color:var(--dim);font-size:10px;line-height:1.4}@media(max-width:720px){.shell{width:min(100% - 24px,560px);padding-top:18px}.hero{padding:60px 8px 32px}.hero h1{letter-spacing:-.85px}.hero p{font-size:15px}.workspace{grid-template-columns:1fr}.video-card{display:grid;grid-template-columns:42% 58%}.preview{aspect-ratio:auto;min-height:128px}.video-meta{align-self:center}.url-row{flex-direction:column}.url-row input{height:48px}.primary{height:48px;justify-content:center}.input-card{padding:9px}.settings-card{padding-inline:16px}}@media(max-width:440px){.hero{padding-top:52px}.hero h1{font-size:36px}.video-card{display:block}.preview{aspect-ratio:16/9}.time-grid{grid-template-columns:80px 1fr 80px;gap:7px}.time-input{width:80px}.format-pill{font-size:10px}.brand{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}