:root{color-scheme:dark;--bg-0: #04050a;--bg-1: rgba(12, 14, 24, .72);--bg-2: rgba(18, 22, 38, .85);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #f4f7ff;--text-muted: #9aa3bb;--text-dim: #616b84;--cyan: #5ef0ff;--violet: #b38cff;--pink: #ff6bcb;--green: #3dffb5;--amber: #ffc857;--danger: #ff6b8a;--font: "DM Sans", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius: 22px;--shadow: 0 30px 100px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button,input,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.fx-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(94,240,255,.14),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 20%,rgba(179,140,255,.12),transparent 50%),radial-gradient(ellipse 50% 35% at 0% 80%,rgba(255,107,203,.08),transparent 50%),radial-gradient(ellipse 40% 30% at 80% 100%,rgba(61,255,181,.06),transparent 45%),var(--bg-0)}.fx-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:orb-float 14s ease-in-out infinite}.fx-orb.a{width:420px;height:420px;left:-8%;top:10%;background:radial-gradient(circle,rgba(94,240,255,.45),transparent 70%)}.fx-orb.b{width:380px;height:380px;right:-6%;top:30%;background:radial-gradient(circle,rgba(179,140,255,.4),transparent 70%);animation-delay:-4s;animation-duration:18s}.fx-orb.c{width:300px;height:300px;left:35%;bottom:-8%;background:radial-gradient(circle,rgba(255,107,203,.28),transparent 70%);animation-delay:-8s;animation-duration:16s}.fx-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black,transparent);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black,transparent);opacity:.5}.fx-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(94,240,255,.03) 50%,transparent 100%);background-size:100% 220%;animation:scan 8s linear infinite;opacity:.4}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.08)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes scan{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #5ef0ff40,0 0 40px #5ef0ff26}50%{box-shadow:0 0 0 8px #5ef0ff00,0 0 60px #b38cff40}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes beam{0%{transform:scaleX(.2);opacity:.3}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(.2);opacity:.3}}@keyframes ring-spin{to{transform:rotate(360deg)}}.app{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 72px;animation:fade-up .6s ease both}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{position:relative;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:800;letter-spacing:-.05em;font-size:14px;color:#041018;background:linear-gradient(135deg,var(--cyan),var(--violet) 55%,var(--pink));box-shadow:0 0 0 1px #fff3,0 12px 40px #5ef0ff4d;animation:pulse-glow 4s ease-in-out infinite}.brand-mark:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.5),transparent 40%,rgba(255,255,255,.2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.brand h1{margin:0;font-size:24px;letter-spacing:-.04em;font-weight:800;background:linear-gradient(90deg,#fff 20%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{margin:3px 0 0;color:var(--text-muted);font-size:13px}.header-right{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-muted);font-size:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.badge.free{color:var(--green);border-color:#3dffb547;background:#3dffb514;font-weight:600}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #3dffb526;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.hero{margin-bottom:32px;text-align:center;padding:12px 0 8px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin-bottom:18px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cyan);background:#5ef0ff14;border:1px solid rgba(94,240,255,.2)}.hero h2{margin:0 auto 14px;font-size:clamp(34px,5.5vw,56px);line-height:1.08;letter-spacing:-.05em;font-weight:800;max-width:14ch}.hero h2 .grad{background:linear-gradient(105deg,var(--cyan),var(--violet) 45%,var(--pink));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s linear infinite}.hero p{margin:0 auto;color:var(--text-muted);font-size:16px;line-height:1.65;max-width:48ch}.pipeline{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px auto 0;flex-wrap:wrap}.pipe-node{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:88px;padding:14px 18px;border-radius:16px;background:#ffffff08;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pipe-node strong{font-family:var(--mono);font-size:18px;font-weight:600;letter-spacing:-.03em}.pipe-node span{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.pipe-node.out{border-color:#5ef0ff59;background:linear-gradient(160deg,#5ef0ff1f,#b38cff14);box-shadow:0 0 30px #5ef0ff1f}.pipe-node.out strong{background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.pipe-beam{width:48px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));box-shadow:0 0 16px #5ef0ff80;transform-origin:center;animation:beam 2.2s ease-in-out infinite}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}@media(max-width:920px){.grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}.hero h2{max-width:none}}.panel{position:relative;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(94,240,255,.35),transparent 35%,transparent 65%,rgba(179,140,255,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}.panel-body{position:relative;padding:22px}.panel-glow{position:absolute;width:200px;height:200px;top:-80px;right:-40px;background:radial-gradient(circle,rgba(94,240,255,.12),transparent 70%);pointer-events:none}.dropzone{position:relative;border:1.5px dashed rgba(255,255,255,.14);border-radius:18px;min-height:300px;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(94,240,255,.08),transparent 55%),#ffffff05;transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;cursor:pointer;outline:none;overflow:hidden}.dropzone:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 0deg,transparent,rgba(94,240,255,.08),transparent 30%);animation:ring-spin 10s linear infinite;opacity:0;transition:opacity .3s ease}.dropzone:hover:after,.dropzone:focus-visible:after,.dropzone.drag-over:after{opacity:1}.dropzone:hover,.dropzone:focus-visible{border-color:#5ef0ff80;background:radial-gradient(circle at 50% 20%,rgba(94,240,255,.14),transparent 55%),#ffffff0a;box-shadow:0 0 0 1px #5ef0ff1a,0 20px 50px #5ef0ff14}.dropzone.drag-over{border-color:var(--cyan);transform:scale(1.012);box-shadow:inset 0 0 0 1px #5ef0ff4d,0 0 50px #5ef0ff26}.dropzone.has-video{min-height:auto;padding:0;border-style:solid;border-color:var(--border);cursor:default;overflow:hidden}.dropzone.has-video:after{display:none}.dropzone-content{position:relative;z-index:1;text-align:center;padding:40px 24px;pointer-events:none}.dropzone-icon{position:relative;width:72px;height:72px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;color:var(--cyan);background:linear-gradient(145deg,#5ef0ff24,#b38cff1a);border:1px solid rgba(94,240,255,.25);box-shadow:0 10px 40px #5ef0ff1f}.dropzone-icon .ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:26px;border:1px dashed rgba(94,240,255,.25);animation:ring-spin 12s linear infinite}.dropzone h3{margin:0 0 8px;font-size:20px;letter-spacing:-.03em;font-weight:700}.dropzone p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.55}.dropzone .hint{margin-top:14px;color:var(--text-dim);font-size:12px}.video-stage{position:relative;background:#000}.video-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 80px #00000073}.video-stage video{display:block;width:100%;max-height:440px;object-fit:contain;background:#000}.video-meta-bar{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-top:1px solid var(--border);background:linear-gradient(180deg,#0a0c14e6,#06080ef2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);font-size:12px;font-family:var(--mono)}.chip strong{color:var(--text);font-weight:500}.chip.good{color:var(--green);border-color:#3dffb547;background:#3dffb514}.chip.warn{color:var(--amber);border-color:#ffc85747;background:#ffc85714}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:14px;padding:13px 18px;font-weight:700;font-size:14px;letter-spacing:-.01em;transition:transform .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:not(:disabled):hover{transform:translateY(-2px)}.btn:not(:disabled):active{transform:translateY(0)}.btn-primary{position:relative;overflow:hidden;color:#041018;background:linear-gradient(110deg,var(--cyan),#8b7bff 50%,var(--pink));background-size:200% 100%;box-shadow:0 12px 36px #5ef0ff47,0 0 0 1px #ffffff26 inset;animation:shimmer 4s linear infinite}.btn-primary:not(:disabled):hover{box-shadow:0 16px 48px #b38cff59,0 0 0 1px #fff3 inset}.btn-secondary{background:#ffffff0d;border-color:var(--border-strong);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:not(:disabled):hover{border-color:#5ef0ff59;background:#5ef0ff14}.btn-download{background:linear-gradient(135deg,#3dffb52e,#5ef0ff1f);border-color:#3dffb559;color:var(--green);box-shadow:0 8px 28px #3dffb51f}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}.side-stack{display:grid;gap:16px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title h3{margin:0;font-size:15px;letter-spacing:-.02em;font-weight:700}.card-title span{color:var(--text-dim);font-size:12px;font-family:var(--mono)}.options{display:grid;gap:10px}.option{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--border);background:#ffffff05;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.option:hover{border-color:var(--border-strong);transform:translateY(-1px)}.option.active{border-color:#5ef0ff73;background:linear-gradient(135deg,#5ef0ff1a,#b38cff0f);box-shadow:0 0 0 1px #5ef0ff14,0 12px 32px #5ef0ff14}.option input{margin-top:3px;accent-color:var(--cyan)}.option-body strong{display:block;font-size:14px;margin-bottom:4px}.option-body p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.45}.progress-block{display:grid;gap:14px}.progress-visual{display:flex;align-items:center;gap:18px}.ring-wrap{position:relative;width:88px;height:88px;flex-shrink:0}.ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff0f;stroke-width:7}.ring-fg{fill:none;stroke:url(#progressGrad);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 6px rgba(94,240,255,.5))}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:-.03em}.progress-meta{flex:1;min-width:0}.progress-meta .label{color:var(--text-muted);font-size:13px;margin-bottom:8px}.progress-track{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));background-size:200% 100%;box-shadow:0 0 18px #5ef0ff80;transition:width .25s ease;animation:shimmer 2.5s linear infinite}.log{margin:0;padding:12px 14px;border-radius:14px;background:#00000059;border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:11px;line-height:1.55;max-height:128px;overflow:auto;white-space:pre-wrap;word-break:break-word}.log::-webkit-scrollbar{width:6px}.log::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.status-line{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.status-line.error{color:var(--danger)}.status-line.success{color:var(--green)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}@media(max-width:900px){.features{grid-template-columns:1fr 1fr}}@media(max-width:520px){.features{grid-template-columns:1fr}}.feature{position:relative;padding:16px;border-radius:16px;border:1px solid var(--border);background:#ffffff06;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-3px);border-color:#5ef0ff40;box-shadow:0 16px 40px #00000040}.feature-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px;font-size:16px;background:linear-gradient(145deg,#5ef0ff1f,#b38cff1a);border:1px solid rgba(94,240,255,.18)}.feature strong{display:block;margin-bottom:6px;font-size:13px}.feature p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.45}.footer{margin-top:28px;padding-top:18px;border-top:1px solid var(--border);color:var(--text-dim);font-size:12px;line-height:1.65;text-align:center}.footer strong{color:var(--text-muted);font-weight:600}.spinner{width:14px;height:14px;border:2px solid rgba(4,16,24,.2);border-top-color:#041018;border-radius:50%;animation:spin .8s linear infinite}.hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.trust-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}@media(max-width:800px){.trust-bar{grid-template-columns:1fr}}.trust-item{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;border:1px solid rgba(61,255,181,.18);background:linear-gradient(145deg,#3dffb512,#5ef0ff0a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.trust-icon{width:36px;height:36px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;font-size:16px;background:#3dffb51a;border:1px solid rgba(61,255,181,.22)}.trust-item strong{display:block;font-size:13px;margin-bottom:4px;color:var(--green)}.trust-item p{margin:0;font-size:12px;line-height:1.45;color:var(--text-muted)}.data-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px;padding:11px 16px;border-radius:14px;border:1px solid var(--border);background:#00000059;font-size:12px;color:var(--text-muted)}.data-strip.data-processing{border-color:#5ef0ff4d;background:#5ef0ff0f;color:var(--cyan)}.data-strip.data-done{border-color:#3dffb54d;background:#3dffb50f;color:var(--green)}.data-strip.data-loaded{border-color:#b38cff40;background:#b38cff0f}.data-strip-left{display:flex;align-items:center;gap:10px;min-width:0}.data-live-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #3dffb526;animation:pulse-dot 2s ease-in-out infinite}.data-strip.data-processing .data-live-dot{background:var(--cyan);box-shadow:0 0 0 4px #5ef0ff33;animation:pulse-dot .9s ease-in-out infinite}.data-strip-right{display:flex;flex-wrap:wrap;gap:6px}.data-pill{padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;color:var(--green);background:#3dffb514;border:1px solid rgba(61,255,181,.22)}.panel-privacy{background:linear-gradient(160deg,rgba(61,255,181,.06),transparent 50%),var(--bg-1)}.privacy-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}.privacy-list li{display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0003}.privacy-list strong{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.privacy-list span{font-size:13px;color:var(--text);line-height:1.4}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:700;color:#041018;background:linear-gradient(110deg,var(--cyan),var(--violet));box-shadow:0 8px 28px #5ef0ff47;transition:transform .18s ease,box-shadow .18s ease}.btn-back:hover{transform:translateY(-1px);box-shadow:0 12px 36px #b38cff59}.btn-back-arrow{font-size:14px;line-height:1}.hero-links{display:flex;justify-content:center;margin-top:22px}.platform-link{display:inline-flex;align-items:center;gap:14px;max-width:100%;padding:12px 18px;border-radius:16px;border:1px solid rgba(94,240,255,.22);background:linear-gradient(120deg,#5ef0ff14,#b38cff14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.platform-link:hover{transform:translateY(-2px);border-color:#5ef0ff73;box-shadow:0 16px 40px #5ef0ff1f}.platform-link-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#5ef0ff1f;border:1px solid rgba(94,240,255,.22);color:var(--cyan);font-size:16px;flex-shrink:0}.platform-link span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.platform-link strong{font-size:14px;font-weight:700}.platform-link em{font-style:normal;font-size:12px;font-family:var(--mono);color:var(--text-dim)}.platform-link-go{margin-left:8px;font-size:12px;font-weight:700;color:var(--cyan);white-space:nowrap}.platform-blurb{margin:0 0 14px;color:var(--text-muted);font-size:13px;line-height:1.55}.platform-blurb strong{color:var(--text)}.btn-block{width:100%}.platform-url{display:block;margin-top:10px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--cyan);opacity:.85}.platform-url:hover{opacity:1;text-decoration:underline}.panel-platform{background:linear-gradient(160deg,rgba(94,240,255,.06),transparent 50%),var(--bg-1)}.demo-tip{margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,200,87,.22);background:#ffc85712;color:var(--text-muted);font-size:12px;line-height:1.55}.demo-tip strong{color:var(--amber);font-weight:700}.footer a{color:var(--cyan)}.footer a:hover{text-decoration:underline}.feature a{color:var(--cyan)}.compare{display:grid;gap:0;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#05060c}.compare-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#141828f2,#0a0c14e6)}.compare-title{display:flex;align-items:center;gap:10px;min-width:0}.compare-title strong{font-size:13px;font-weight:700;letter-spacing:-.02em}.compare-badge{flex-shrink:0;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;color:var(--amber);background:#ffc8571a;border:1px solid rgba(255,200,87,.28)}.compare-modes{display:inline-flex;padding:3px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border)}.seg{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px;transition:background .15s ease,color .15s ease}.seg.active{color:#041018;background:linear-gradient(110deg,var(--cyan),var(--violet))}.compare-stage{position:relative;height:min(46vh,420px);min-height:280px;background:#000;-webkit-user-select:none;user-select:none;overflow:hidden}.compare-stage.mode-slider{cursor:ew-resize;touch-action:none}.compare-stage.mode-slider.dragging{cursor:grabbing}.compare-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000}.compare-layer video{display:block;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none}.after-layer{z-index:1}.before-layer{z-index:2}.compare-stage.mode-side .after-layer{left:50%;right:0;width:auto;z-index:1;clip-path:none!important}.compare-stage.mode-side .before-layer{left:0;right:50%;width:auto;z-index:1;clip-path:none!important}.compare-stage.mode-side .before-tag{left:12px;right:auto}.compare-stage.mode-side .after-tag{left:auto;right:12px}.side-gutter{position:absolute;top:0;bottom:0;left:50%;width:2px;z-index:5;transform:translate(-50%);background:linear-gradient(180deg,var(--cyan),var(--violet));box-shadow:0 0 12px #5ef0ff66;pointer-events:none}.compare-stage.mode-toggle .before-layer,.compare-stage.mode-toggle .after-layer{top:0;right:0;bottom:0;left:0;z-index:2}.compare-stage.mode-toggle .after-layer{z-index:1}.layer-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;font-size:12px;color:var(--text-muted);background:#00000073;pointer-events:none}.compare-tag{position:absolute;top:12px;z-index:4;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.before-tag{left:12px;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.18)}.after-tag{right:12px;color:#041018;background:linear-gradient(110deg,var(--cyan),var(--violet));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #5ef0ff40}.compare-divider{position:absolute;top:0;bottom:0;width:2px;z-index:5;transform:translate(-50%);background:linear-gradient(180deg,var(--cyan),var(--violet),var(--pink));box-shadow:0 0 18px #5ef0ff8c;pointer-events:none}.compare-handle{position:absolute;top:50%;left:50%;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0c101ceb,#141828f2);border:1.5px solid rgba(94,240,255,.55);box-shadow:0 0 0 4px #5ef0ff1f,0 12px 30px #00000073;pointer-events:none}.compare-handle span{display:block;width:10px;height:2px;border-radius:2px;background:var(--cyan);box-shadow:0 4px 0 var(--violet),0 -4px 0 var(--pink)}.compare-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:6;padding:6px 12px;border-radius:999px;font-size:11px;color:var(--text-muted);background:#0000008c;border:1px solid rgba(255,255,255,.1);pointer-events:none;white-space:nowrap}.split-presets{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-top:1px solid var(--border);background:#080a12d9}.split-presets button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600;color:var(--text-muted);background:#ffffff08;transition:border-color .15s ease,color .15s ease,background .15s ease}.split-presets button:hover{color:var(--cyan);border-color:#5ef0ff59;background:#5ef0ff14}.toggle-switch-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:6;display:inline-flex;padding:4px;border-radius:999px;background:#000000a6;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toggle-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:700;padding:8px 14px;border-radius:999px;transition:background .15s ease,color .15s ease}.toggle-opt.active{color:#fff;background:#ffffff1f}.toggle-opt.active.after{color:#041018;background:linear-gradient(110deg,var(--cyan),var(--violet))}.compare-controls{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--border);background:#080a12f2}.btn-play{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;border:1px solid rgba(94,240,255,.3);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;color:var(--cyan);background:#5ef0ff14;transition:background .15s ease,border-color .15s ease}.btn-play:hover{background:#5ef0ff24;border-color:#5ef0ff80}.seek{flex:1;min-width:0;accent-color:var(--cyan);height:4px}.time{flex-shrink:0;font-family:var(--mono);font-size:11px;color:var(--text-dim);min-width:7.5em;text-align:right}@media(max-width:640px){.compare-hint{font-size:10px;max-width:90%;white-space:normal;text-align:center}.platform-link{flex-wrap:wrap;justify-content:center;text-align:center}.platform-link span:nth-child(2){align-items:center}.compare-stage.mode-side{height:min(70vh,520px)}}