:root{color-scheme:dark;--bg:#030a12;--panel:#081625;--panel-2:#0c2034;--line:#1a4666;--text:#edf7ff;--muted:#91a8ba;--blue:#27b9ff;--cyan:#53f2e0;--green:#35dc8a;--red:#ff647d;--radius:26px;--shadow:0 30px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(30,143,218,.25),transparent 38%),linear-gradient(180deg,#06111f 0,#030a12 48%,#02070d 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
button,select,input{font:inherit}
button,a{touch-action:manipulation}
.hidden{display:none!important}
.topbar{min-height:76px;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(120,196,240,.12);background:rgba(3,10,18,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;letter-spacing:.16em;font-size:14px}
.brand img{width:42px;height:42px;filter:drop-shadow(0 0 12px rgba(32,179,255,.45))}
.brand b{font-size:19px}
.topbar nav{display:flex;gap:24px;align-items:center}
.topbar nav a{color:#aec4d3;text-decoration:none;font-weight:700;font-size:14px}
.topbar nav a:hover{color:#fff}
main{width:min(1180px,calc(100% - 40px));margin:auto}
.hero{min-height:440px;padding:86px 0 54px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:60px;align-items:center}
.eyebrow{display:inline-block;color:#58d8ff;font-size:12px;font-weight:900;letter-spacing:.16em;margin-bottom:20px}
.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0;max-width:820px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#46e7ef,#56a7ff);background-clip:text;color:transparent}
.hero p{max-width:780px;color:#a8bdcc;font-size:clamp(16px,2vw,20px);margin:24px 0 0}
.privacy-card{padding:24px;border:1px solid #1d4d6d;background:linear-gradient(145deg,rgba(17,46,72,.94),rgba(7,24,40,.94));border-radius:22px;box-shadow:var(--shadow);display:flex;align-items:center;gap:16px}
.privacy-card .shield{flex:0 0 54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4bedb6,#18bf7b);color:#06271a;font-size:25px;font-weight:1000;box-shadow:0 0 26px rgba(42,224,145,.25)}
.privacy-card strong,.privacy-card small{display:block}.privacy-card small{color:var(--muted);margin-top:4px}
.link-workspace{border:1px solid #23678e;background:linear-gradient(150deg,rgba(11,38,61,.99),rgba(5,20,34,.99));border-radius:var(--radius);box-shadow:0 32px 90px rgba(0,90,150,.2);overflow:hidden;position:relative}
.link-workspace:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(45,190,255,.12);filter:blur(40px);right:-110px;top:-140px;pointer-events:none}
.link-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 34px;border-bottom:1px solid rgba(115,185,226,.14);position:relative}
.link-workspace-head span{color:#50d9ff;font-size:11px;font-weight:900;letter-spacing:.15em}.link-workspace-head h2{font-size:29px;margin:4px 0 0}
.desktop-pill{padding:9px 14px;border-radius:999px;background:#0b3929;border:1px solid #2c8963;color:#9ff5cb;font-size:12px;font-weight:800}
.link-panel{padding:34px;position:relative}.link-label{display:block;margin-bottom:10px;color:#b9d6e7;font-size:13px;font-weight:900}
.link-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.link-input-row input{min-width:0;height:58px;border:1px solid #2b6487;border-radius:15px;background:#061828;color:#edf7ff;padding:0 18px;outline:none;font-size:16px}.link-input-row input:focus{border-color:#50d9ff;box-shadow:0 0 0 3px rgba(80,217,255,.12)}.link-input-row button{border:1px solid #347aa1;border-radius:15px;background:#12334d;color:#dff5ff;padding:0 22px;font-weight:900;cursor:pointer}
.supported-sites{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.supported-sites span{padding:6px 10px;border:1px solid #244e68;border-radius:99px;background:#071d2e;color:#8fb0c3;font-size:11px;font-weight:800}
.link-options{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:end}.link-rights{margin-top:22px}.launch-button{width:100%;margin-top:18px;min-height:62px;border:0;border-radius:16px;padding:0 24px;background:linear-gradient(90deg,#1ec8df,#3276ff);color:#fff;font-size:17px;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 16px 38px rgba(26,132,239,.3)}.launch-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.launch-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.link-error{margin-top:14px;border:1px solid #8d3c4d;background:#34131c;color:#ffbdc8;border-radius:14px;padding:14px 16px}
.install-help{margin-top:16px;padding:16px;border:1px solid #2b536c;border-radius:15px;background:#081b2b;display:flex;align-items:center;justify-content:space-between;gap:18px}.install-help strong,.install-help small{display:block}.install-help small{color:#91a8ba;margin-top:3px}.install-help a{flex:0 0 auto;border:1px solid #3d83a9;border-radius:11px;padding:10px 14px;background:#102e45;color:#e4f7ff;text-decoration:none;font-size:13px;font-weight:900}
.section-divider{display:flex;align-items:center;gap:18px;margin:32px 0;color:#66869a;font-size:11px;font-weight:900;letter-spacing:.16em}.section-divider:before,.section-divider:after{content:"";height:1px;flex:1;background:rgba(115,185,226,.18)}
.workspace{border:1px solid #1b4a68;background:linear-gradient(180deg,rgba(10,30,49,.98),rgba(5,19,32,.98));border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 34px;border-bottom:1px solid rgba(115,185,226,.14)}
.workspace-head span{color:#50d9ff;font-size:11px;font-weight:900;letter-spacing:.15em}.workspace-head h2{font-size:29px;margin:4px 0 0}
.engine-pill{padding:9px 14px;border-radius:999px;background:#102f47;border:1px solid #1e5a7d;color:#a6c6db;font-size:12px;font-weight:800}
.engine-pill.ready{color:#9ff5cb;border-color:#2c8963;background:#0b3929}
.tool-panel{padding:34px}
.dropzone{border:1.5px dashed #2a6d94;background:linear-gradient(145deg,rgba(13,40,62,.82),rgba(7,24,39,.82));border-radius:22px;padding:38px 24px;text-align:center;cursor:pointer;transition:.2s ease;outline:none}
.dropzone:hover,.dropzone:focus,.dropzone.drag{border-color:#4fd9ff;background:#0d304b;transform:translateY(-2px)}
.dropzone .upload-icon{width:64px;height:64px;margin:0 auto 16px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#1eb9ff,#436dff);font-size:34px;font-weight:900;box-shadow:0 16px 34px rgba(39,164,255,.24)}
.dropzone strong,.dropzone small{display:block}.dropzone strong{font-size:22px}.dropzone small{color:var(--muted);margin:7px 0 18px}
.dropzone button,.result button{border:0;border-radius:12px;padding:12px 20px;background:#eaf8ff;color:#06111e;font-weight:900;cursor:pointer}
.file-card{display:grid;grid-template-columns:92px minmax(0,1fr) 42px;gap:16px;align-items:center;border:1px solid #265674;background:#0a2237;border-radius:18px;padding:14px;margin-bottom:24px}
.file-preview{height:66px;border-radius:12px;overflow:hidden;background:#06111f;display:grid;place-items:center}.file-preview video{width:100%;height:100%;object-fit:cover}.file-preview span{font-size:30px;color:#55d8ff}
.file-copy{min-width:0}.file-copy strong,.file-copy small{display:block}.file-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-copy small{color:var(--muted);margin-top:4px}
.file-card>button{width:38px;height:38px;border-radius:50%;border:1px solid #326683;background:#102e45;color:#cfe9f8;font-size:24px;cursor:pointer}
.option-block{margin-top:24px}.option-title{display:block;margin-bottom:10px;color:#a9c4d6;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.segmented,.quality-grid{display:grid;gap:12px}.segmented{grid-template-columns:repeat(2,1fr)}.quality-grid{grid-template-columns:repeat(3,1fr)}.quality-grid.four{grid-template-columns:repeat(4,1fr)}
.segmented button,.quality-grid button{min-height:78px;border:1px solid #25516d;border-radius:16px;background:#0a2033;color:#d8edf8;padding:13px 16px;text-align:left;cursor:pointer;transition:.2s ease}
.segmented button:hover,.quality-grid button:hover{border-color:#3bbbe8;transform:translateY(-2px)}
.segmented button.active,.quality-grid button.active{border-color:#52d8ff;background:linear-gradient(145deg,#123d59,#0b2a42);box-shadow:inset 0 0 0 1px rgba(82,216,255,.22),0 12px 28px rgba(0,125,193,.13)}
.segmented b,.segmented small,.quality-grid b,.quality-grid small{display:block}.segmented b{font-size:20px}.segmented small,.quality-grid small{color:#89a8bb;margin-top:3px}
.rights-check{margin-top:26px;padding:17px;border:1px solid #224b65;background:#081c2c;border-radius:15px;display:flex;align-items:flex-start;gap:12px;color:#c9dce8;cursor:pointer}.rights-check input{width:20px;height:20px;accent-color:#26c4ff;flex:0 0 auto;margin-top:2px}
.notice{margin-top:18px;padding:15px 17px;border:1px solid #284e68;border-radius:14px;background:#091b2a;color:#9eb6c5;font-size:14px}.notice b{color:#cfeaff}
.process-button{width:100%;margin-top:20px;min-height:60px;border:0;border-radius:16px;padding:0 24px;background:linear-gradient(90deg,#1db8f4,#3478ff);color:white;font-size:17px;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 16px 38px rgba(26,132,239,.26)}
.process-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.process-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.progress,.result,.error{margin-top:20px;border-radius:16px;padding:19px}.progress{border:1px solid #235a7e;background:#081e31}.progress-top{display:flex;justify-content:space-between;gap:16px}.progress-top span{color:#56d9ff;font-weight:900}.progress-track{height:9px;margin:13px 0;background:#06111c;border-radius:99px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#34d6ff,#4b78ff);border-radius:inherit;transition:width .2s}.progress small{color:var(--muted)}
.cancel-button{margin-top:14px;border:1px solid #44657a;border-radius:10px;background:transparent;color:#bdd3df;padding:8px 12px;cursor:pointer}
.result{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #27775a;background:#0a3025}.result>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#35dc8a;color:#06271a;font-size:24px;font-weight:1000}.result strong,.result small{display:block}.result small{color:#a5c7b7;margin-top:3px}
.error{border:1px solid #8d3c4d;background:#34131c;color:#ffbdc8}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0}.features article{padding:27px;border:1px solid #173d56;border-radius:21px;background:linear-gradient(150deg,#0a1e31,#06131f)}.features article>span{color:#52d8ff;font-size:12px;font-weight:1000;letter-spacing:.14em}.features h3{margin:10px 0 7px}.features p{color:var(--muted);margin:0}
.limitations{margin:36px 0 70px;padding:30px;border:1px solid #173d56;border-radius:22px;background:#061522}.limitations h2{margin-top:0}.limitations>div{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid rgba(125,184,218,.12)}.limitations span,.limitations p{color:var(--muted)}.limitations p{margin-bottom:0;font-size:14px}
footer{border-top:1px solid rgba(115,185,226,.13);padding:26px max(20px,calc((100vw - 1180px)/2));display:flex;gap:22px;flex-wrap:wrap;color:#829dad;font-size:13px}footer a{color:#a9c8d9;text-decoration:none}
@media(max-width:800px){.topbar{position:relative}.topbar nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:26px;padding:55px 0 40px}.privacy-card{max-width:480px}.workspace-head,.tool-panel,.link-workspace-head,.link-panel{padding:24px}.link-options{grid-template-columns:1fr}.quality-grid.four{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}.limitations>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:560px){main{width:calc(100% - 24px)}.topbar{padding:11px 14px}.brand span{font-size:11px}.brand b{font-size:16px}.topbar nav{display:none}.hero h1{font-size:36px}.hero p{font-size:16px}.workspace-head,.link-workspace-head{align-items:flex-start;flex-direction:column}.link-workspace-head h2{font-size:25px}.tool-panel,.link-panel{padding:16px}.link-input-row{grid-template-columns:1fr}.link-input-row button{height:46px}.install-help{align-items:stretch;flex-direction:column}.install-help a{text-align:center}.dropzone{padding:30px 13px}.dropzone strong{font-size:18px}.file-card{grid-template-columns:70px minmax(0,1fr) 38px}.segmented,.quality-grid{grid-template-columns:1fr}.quality-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.result{grid-template-columns:42px 1fr}.result button{grid-column:1/-1}.limitations{padding:22px}.features{margin-top:22px}}