@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --glow-shift{syntax: "<percentage>"; initial-value: 0%; inherits: false;}:root{--xdl-blue: #1d9bf0;--xdl-blue-bright: #38bdf8;--xdl-blue-dim: #0ea5e9;--xdl-blue-glow: color-mix(in srgb, var(--xdl-blue) 50%, transparent);--neon-cyan: #22d3ee;--neon-magenta: #e879f9;--neon-violet: #a78bfa;--bg-void: #020204;--bg-deep: #05050a;--bg-surface: rgba(12, 12, 20, .72);--bg-elevated: rgba(18, 18, 30, .88);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--text-primary: #f4f7fb;--text-muted: #8b95a8;--text-dim: #5c6678;--danger: #fb7185;--shell-max: 960px;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition: .45s var(--ease-out);--stage-min-h: 460px;--shadow-glow: 0 0 60px color-mix(in srgb, var(--xdl-blue) 18%, transparent);--shadow-card: 0 24px 80px rgba(0, 0, 0, .55), 0 0 0 1px var(--glass-border)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100dvh;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--text-primary);background:var(--bg-void);overflow-x:hidden;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--xdl-blue);text-decoration:none;transition:color .2s,text-shadow .2s}a:hover{color:var(--neon-cyan);text-shadow:0 0 20px color-mix(in srgb,var(--neon-cyan) 40%,transparent)}::selection{background:color-mix(in srgb,var(--xdl-blue) 35%,transparent);color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:1rem;z-index:100;padding:.625rem 1.125rem;background:var(--xdl-blue);color:#000;border-radius:var(--radius-sm);font-weight:700;font-size:.875rem}.skip-link:focus{top:1rem}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient__mesh{position:absolute;inset:-50%;background:radial-gradient(ellipse 55% 45% at 15% 20%,color-mix(in srgb,var(--xdl-blue) 22%,transparent),transparent 70%),radial-gradient(ellipse 50% 40% at 85% 15%,color-mix(in srgb,var(--neon-violet) 14%,transparent),transparent 70%),radial-gradient(ellipse 60% 50% at 70% 85%,color-mix(in srgb,var(--neon-magenta) 10%,transparent),transparent 70%),radial-gradient(ellipse 45% 35% at 25% 75%,color-mix(in srgb,var(--neon-cyan) 8%,transparent),transparent 70%);animation:mesh-drift 28s ease-in-out infinite alternate}.ambient__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:orb-float 18s ease-in-out infinite}.ambient__orb--a{width:min(55vw,420px);height:min(55vw,420px);top:-8%;left:20%;background:color-mix(in srgb,var(--xdl-blue) 55%,transparent)}.ambient__orb--b{width:min(45vw,360px);height:min(45vw,360px);bottom:5%;right:10%;background:color-mix(in srgb,var(--neon-magenta) 40%,transparent);animation-delay:-6s;animation-duration:22s}.ambient__orb--c{width:min(35vw,280px);height:min(35vw,280px);bottom:30%;left:-5%;background:color-mix(in srgb,var(--neon-cyan) 35%,transparent);animation-delay:-12s;animation-duration:20s}.ambient__grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--xdl-blue) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--xdl-blue) 6%,transparent) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,#000 20%,transparent 75%);opacity:.35}.ambient__noise{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes mesh-drift{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(3%,2%) rotate(3deg) scale(1.06)}}@keyframes orb-float{0%,to{transform:translate(0)}33%{transform:translate(4%,-6%)}66%{transform:translate(-3%,4%)}}.shell{width:min(100% - clamp(1.25rem,4vw,2.5rem),var(--shell-max));margin-inline:auto}.shell--home{min-height:100dvh;display:flex;flex-direction:column}.site-header{display:flex;justify-content:flex-end;padding:clamp(1rem,3vw,1.5rem) 0 0}.page-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(1.25rem,3vw,1.75rem) 0 0;gap:1rem}.site-nav{display:flex;gap:.5rem;padding:.25rem;background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-pill)}.site-nav__link{padding:.5rem 1rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-pill);transition:color .2s,background .2s,box-shadow .2s}.site-nav__link:hover{color:var(--text-primary);background:color-mix(in srgb,var(--xdl-blue) 12%,transparent);text-shadow:none;box-shadow:0 0 20px color-mix(in srgb,var(--xdl-blue) 15%,transparent)}.logo-wrap{position:relative;display:flex;justify-content:center}.logo{position:relative;display:block;transition:transform .4s var(--ease-spring),filter .3s}.logo__text{position:relative;z-index:1;font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:800;font-size:clamp(2.75rem,9vw,4rem);line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#e7e9ea}.logo--sm .logo__text{font-size:clamp(1.5rem,5vw,2rem)}@keyframes halo-spin{to{--border-angle: 360deg}}.home{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:clamp(1.5rem,5vw,3rem) 0;min-height:0}.home__card{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:clamp(2rem,5vw,3rem) clamp(1.25rem,4vw,2.5rem);background:var(--bg-surface);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),var(--shadow-glow);isolation:isolate}.home__card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--border-angle),transparent 0deg,var(--xdl-blue) 60deg,var(--neon-cyan) 120deg,transparent 180deg,var(--neon-violet) 240deg,var(--xdl-blue) 300deg,transparent 360deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:halo-spin 10s linear infinite;pointer-events:none}.home__card-glow{position:absolute;inset:10% 5%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--xdl-blue) 20%,transparent),transparent 70%);filter:blur(40px);z-index:-1;animation:card-pulse 4s ease-in-out infinite}@keyframes card-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.home__stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:640px;margin-inline:auto;min-height:min(var(--stage-min-h),100%)}.panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.25rem,3vw,1.75rem);width:100%;transition:opacity var(--transition),transform var(--transition),visibility var(--transition);will-change:opacity,transform}.panel[hidden]{display:flex;opacity:0;visibility:hidden;pointer-events:none;position:absolute;inset:0;margin:auto;transform:translateY(20px) scale(.97)}.panel--active{opacity:1;visibility:visible;pointer-events:auto;position:relative;flex:0 0 auto;transform:translateY(0) scale(1)}.panel--exit{opacity:0;transform:translateY(-16px) scale(.98)}.hero-title{margin:0;font-size:clamp(.9375rem,2.5vw,1.125rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;text-align:center;background:linear-gradient(135deg,var(--text-muted) 0%,var(--text-primary) 40%,var(--xdl-blue-bright) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dl-form{width:100%;display:flex;flex-direction:column;gap:1.125rem}.dl-form__row{display:flex;gap:.75rem;width:100%}.dl-form__input-wrap{position:relative;flex:1;min-width:0}.dl-form__input-glow{position:absolute;inset:-1px;border-radius:calc(var(--radius) + 1px);background:linear-gradient(90deg,var(--xdl-blue),var(--neon-cyan),var(--xdl-blue));background-size:200% 100%;opacity:0;transition:opacity .3s;z-index:0}.dl-form__input-wrap:focus-within .dl-form__input-glow{opacity:.65;animation:input-shimmer 3s linear infinite}@keyframes input-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.dl-form__input{position:relative;z-index:1;width:100%;height:56px;padding:0 3.25rem 0 1.25rem;font:inherit;font-size:.9375rem;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius);outline:none;transition:border-color .2s,box-shadow .2s}.dl-form__input::placeholder{color:var(--text-dim)}.dl-form__input:focus{border-color:color-mix(in srgb,var(--xdl-blue) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--xdl-blue) 12%,transparent),inset 0 1px color-mix(in srgb,#fff 4%,transparent)}.dl-form__error{margin:0;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;color:var(--danger);text-align:center;background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);border-radius:var(--radius-sm)}.dl-form__error[hidden]{display:none}.type-select{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:.3125rem;border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-void) 50%,transparent)}.type-select__track{position:absolute;top:.3125rem;left:.3125rem;width:calc((100% - .625rem) / 3);height:calc(100% - .625rem);background:linear-gradient(135deg,color-mix(in srgb,var(--xdl-blue) 25%,transparent),color-mix(in srgb,var(--neon-cyan) 12%,transparent));border:1px solid color-mix(in srgb,var(--xdl-blue) 35%,transparent);border-radius:var(--radius-pill);box-shadow:0 0 24px color-mix(in srgb,var(--xdl-blue) 20%,transparent);transition:transform .35s var(--ease-spring);pointer-events:none}.type-select:has([value=mp4]:checked) .type-select__track{transform:translate(0)}.type-select:has([value=mp3]:checked) .type-select__track{transform:translate(100%)}.type-select:has([value=screenshot]:checked) .type-select__track{transform:translate(200%)}.type-select__option{position:relative;z-index:1;cursor:pointer}.type-select__option input{position:absolute;opacity:0;width:0;height:0}.type-select__pill{display:block;padding:.625rem .5rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--text-muted);border-radius:var(--radius-pill);transition:color .25s}.type-select__option input:focus-visible+.type-select__pill{outline:2px solid var(--xdl-blue);outline-offset:2px}.type-select__option input:checked+.type-select__pill{color:var(--text-primary)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:56px;padding:0 1.625rem;font:inherit;font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:var(--radius);cursor:pointer;overflow:hidden;transition:transform .2s var(--ease-spring),box-shadow .25s,background .25s,opacity .2s,border-color .2s;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn__shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,color-mix(in srgb,#fff 25%,transparent) 50%,transparent 60%);transform:translate(-120%);transition:transform .6s}.btn--primary:hover:not(:disabled) .btn__shine{transform:translate(120%)}.btn--primary{color:#fff;background:linear-gradient(135deg,var(--xdl-blue) 0%,var(--xdl-blue-dim) 50%,var(--xdl-blue-bright) 100%);box-shadow:0 0 32px color-mix(in srgb,var(--xdl-blue) 40%,transparent),inset 0 1px color-mix(in srgb,#fff 20%,transparent)}.btn--primary:hover:not(:disabled){box-shadow:0 0 48px color-mix(in srgb,var(--xdl-blue) 55%,transparent),0 0 12px color-mix(in srgb,var(--neon-cyan) 30%,transparent),inset 0 1px color-mix(in srgb,#fff 25%,transparent)}.btn--neon{color:var(--neon-cyan);background:color-mix(in srgb,var(--neon-cyan) 6%,transparent);border:1px solid color-mix(in srgb,var(--neon-cyan) 35%,transparent)}.btn--neon:hover:not(:disabled){background:color-mix(in srgb,var(--neon-cyan) 12%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--neon-cyan) 25%,transparent)}.btn--ghost{color:var(--text-muted);background:var(--glass);border:1px solid var(--glass-border)}.btn--ghost:hover:not(:disabled){color:var(--text-primary);border-color:color-mix(in srgb,var(--xdl-blue) 30%,transparent);background:color-mix(in srgb,var(--xdl-blue) 8%,transparent)}.btn--icon{color:var(--text-muted);background:transparent;border:none}.btn--icon:hover:not(:disabled){color:var(--neon-cyan)}.btn--input-action{position:absolute;right:6px;top:50%;z-index:2;transform:translateY(-50%);width:42px;height:42px;padding:0;border-radius:var(--radius-sm)}.input-action__icon{display:none}.btn--input-action[data-mode=paste] .input-action__icon--paste,.btn--input-action[data-mode=clear] .input-action__icon--clear{display:block}.btn--input-action[data-mode=clear]:hover:not(:disabled){color:var(--danger)}.btn--lg{min-width:168px}.progress-visual{position:relative;display:flex;align-items:center;justify-content:center}.progress-visual:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--xdl-blue) 15%,transparent),transparent 70%);animation:card-pulse 2.5s ease-in-out infinite}.progress-ring{position:relative;width:140px;height:140px}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring__outer{fill:none;stroke:color-mix(in srgb,var(--xdl-blue) 12%,transparent);stroke-width:1.5;stroke-dasharray:6 10;opacity:.6}.progress-ring__track{fill:none;stroke:color-mix(in srgb,var(--bg-elevated) 80%,transparent);stroke-width:5}.progress-ring__fill{fill:none;stroke:var(--xdl-blue);stroke-width:5;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73;filter:drop-shadow(0 0 8px var(--xdl-blue-glow));transition:stroke-dashoffset .5s var(--ease-out)}.progress-ring__value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.375rem;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--text-primary),var(--xdl-blue-bright));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.progress-status{margin:0;font-size:.875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.result-frame{position:relative;width:100%;max-width:100%;padding:.75rem}.result-frame__corner{position:absolute;width:20px;height:20px;border-color:var(--xdl-blue);border-style:solid;opacity:.7}.result-frame__corner--tl{top:0;left:0;border-width:2px 0 0 2px}.result-frame__corner--tr{top:0;right:0;border-width:2px 2px 0 0}.result-frame__corner--bl{bottom:0;left:0;border-width:0 0 2px 2px}.result-frame__corner--br{bottom:0;right:0;border-width:0 2px 2px 0}.result-preview{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:var(--bg-void);border:1px solid var(--glass-border);box-shadow:inset 0 0 60px color-mix(in srgb,var(--xdl-blue) 8%,transparent),0 16px 48px #0006}.result-preview video,.result-preview img{width:100%;height:100%;object-fit:contain;background:#000}.result-preview audio{width:100%;padding:1.25rem}.result-meta{text-align:center;width:100%;max-width:100%;padding:0 .5rem}.result-title{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-info{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.result-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%}.legal{padding:clamp(1.5rem,4vw,2.5rem) 0 clamp(3rem,6vw,5rem)}.legal__card{padding:clamp(1.75rem,4vw,2.75rem);background:var(--bg-surface);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.legal__card h1{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.375rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 20%,var(--xdl-blue-bright) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.legal__updated{margin:0 0 2rem;padding-bottom:1.5rem;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--glass-border)}.legal__card h2{margin:2rem 0 .75rem;font-size:1rem;font-weight:700;letter-spacing:.04em;color:var(--xdl-blue-bright)}.legal__card p,.legal__card li{color:var(--text-muted);font-size:.9375rem}.legal__card ul{padding-left:1.25rem}.legal__card li{margin-bottom:.5rem}.legal__card li::marker{color:var(--xdl-blue)}.site-footer{text-align:center;padding:1.75rem 0 2.5rem;font-size:.8125rem;color:var(--text-dim)}.site-footer p{margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.panel,.logo__halo,.home__card:before{will-change:auto}.ambient__mesh,.ambient__orb,.home__card-glow{animation:none}}@media(max-width:640px){.dl-form__row{flex-direction:column}.btn--primary#download-btn{width:100%}.type-select__pill{font-size:.6875rem;padding:.5625rem .25rem}.result-actions{flex-direction:column}.result-actions .btn{width:100%}.site-nav__link{padding:.4375rem .75rem;font-size:.6875rem}}@media(min-width:641px)and (max-width:960px){.home__stage{max-width:580px}}@media(min-width:961px){.home__card{padding:3rem}}