:root{color-scheme:dark;--bg:#080b12;--panel:#101621;--line:#263144;--text:#e8edf7;--muted:#9aa9bf;--cyan:#4ee7e1;--violet:#8a7dff}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -20%,#25245d 0,transparent 36%),var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,sans-serif;margin:0}.shell{display:flex;flex-direction:column;min-height:100vh}.footer,.header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:auto;width:min(1180px,calc(100% - 40px))}.header{border-bottom:1px solid var(--line);height:76px}.brand{color:var(--text);font-weight:800;letter-spacing:.08em;text-decoration:none}.brand span{border:1px solid var(--cyan);color:var(--cyan);margin-right:5px;padding:2px 4px}.footer nav,.header nav,.locale{display:flex;flex-wrap:wrap;gap:16px}.footer a,.header a,.locale a{color:var(--muted);text-decoration:none}.header a.router-link-active,.locale a[aria-current=page]{color:var(--cyan)}.locale{font-size:12px}.page{margin:0 auto;padding:54px 0 84px;width:min(1180px,calc(100% - 40px))}.hero{max-width:760px;padding:54px 0}.hero h1{font-size:clamp(2.7rem,7vw,5.8rem);letter-spacing:-.06em;line-height:.98;margin:.2em 0}.hero em{color:var(--cyan);font-style:normal}.hero p,.lede{color:var(--muted);font-size:1.15rem;max-width:680px}.eyebrow{color:var(--cyan);font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.actions,.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.ghost,.primary{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-weight:750;justify-content:center;padding:11px 16px;text-decoration:none}.primary{background:linear-gradient(120deg,var(--cyan),#75b8ff);border:0;color:#061016}.primary:disabled{opacity:.5}.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.tool-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-links a,.related a,.tool-card{background:linear-gradient(145deg,#161f2efa,#0d121dfa);border:1px solid var(--line);border-radius:14px;color:var(--text);padding:22px;text-decoration:none;transition:.2s}.category-links a:hover,.related a:hover,.tool-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.tool-card span{color:var(--cyan);font-size:.68rem;letter-spacing:.1em}.tool-card h2{font-size:1.15rem;margin:12px 0 4px}.related span,.tool-card b,.tool-card p{color:var(--muted);font-size:.9rem}.tool-card b{color:var(--cyan);display:block;margin-top:12px}.category-links{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.category-links span,.category-links strong{display:block}.category-links strong{font-size:1.5rem}.category-links span{color:var(--muted)}.seo-block,.workspace{background:#0e141fdb;border:1px solid var(--line);border-radius:16px;margin:28px 0;padding:28px}.workspace-top{display:flex;gap:24px;justify-content:space-between}.workspace h1{font-size:2rem;margin:0}.workspace-top p:not(.eyebrow){color:var(--muted)}.dropzone{background:#0b1019;border:1px dashed #58708f;border-radius:12px;cursor:pointer;margin-top:22px;padding:42px 20px;text-align:center}.dropzone input{display:none}.dropzone small,.dropzone strong{display:block}.dropzone small,.file-list small{color:var(--muted)}.file-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.file-list span{background:#172334;border-radius:99px;font-size:.85rem;padding:5px 10px}.controls{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:22px}.controls label{color:var(--muted);font-size:.82rem}input,select{background:#0a0f18;border:1px solid var(--line);border-radius:7px;color:var(--text);display:block;margin-top:5px;padding:9px;width:100%}.progress{background:#202b3b;border-radius:9px;height:5px;margin-top:18px;overflow:hidden}.progress span{background:var(--cyan);display:block;height:100%;transition:width .2s}.error{color:#ff9f9f}.result{display:grid;gap:14px;margin-top:24px}.result audio,.result img,.result video{border-radius:10px;max-width:100%}.seo-block h2{margin-top:0}.guide{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.guide article{background:#0b1019;border-radius:9px;padding:12px}.guide h3{font-size:1rem;margin:0}.faq p,.guide p{color:var(--muted);font-size:.92rem}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:650}.related{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.related span,.related strong{display:block}.crumb{color:var(--muted);font-size:.82rem;text-transform:capitalize}.crumb a{color:var(--cyan)}.prose{max-width:820px}.footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;margin-top:auto;padding:34px 0}@media(max-width:720px){.header{align-items:flex-start;flex-wrap:wrap;height:auto;padding:16px 0}.header nav{order:3;width:100%}.workspace-top{display:block}.workspace-top .ghost{margin-top:12px}.category-links,.guide{grid-template-columns:1fr}.page{padding-top:20px;width:min(100% - 28px,1180px)}.footer{align-items:flex-start;flex-direction:column}}.source-preview{margin-top:20px}.source-preview .eyebrow{margin-bottom:8px}.preview-item{display:grid;gap:6px}.source-preview audio,.source-preview video{border-radius:10px;max-width:100%}.video-workspace .dropzone{margin-top:16px;padding:12px 16px}.video-workspace .source-preview{margin-top:16px}.video-workspace .result video,.video-workspace .source-preview video{background:transparent;display:block;height:auto;margin-inline:auto;max-height:420px;max-width:100%;width:auto}.video-workspace .controls{gap:10px;margin-top:16px}.video-workspace .result{gap:12px;margin-top:20px}.video-workspace .preview-grid.has-output{align-items:start;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.video-workspace .preview-grid.has-output>.source-preview{min-width:0}.video-workspace .preview-grid.has-output>.source-preview .eyebrow{min-height:1.5em}@media(max-width:720px){.video-workspace .dropzone{padding:10px 12px}.video-workspace .result video,.video-workspace .source-preview video{max-height:300px}.video-workspace .preview-grid.has-output{grid-template-columns:1fr}}.video-workspace .editor-grid{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);margin-top:18px}.video-workspace .media-panel,.video-workspace .settings-panel{min-width:0}.video-workspace .media-panel{isolation:isolate;overflow:clip}.video-workspace .dropzone{display:grid;margin-top:0;min-height:74px;place-content:center}.video-workspace .settings-panel{background:#0b1019;border:1px solid var(--line);border-radius:12px;padding:16px}.video-workspace .settings-panel .controls{grid-template-columns:1fr;margin-top:0}.video-workspace .settings-panel .actions{margin-top:18px}.output-preview{padding-top:0}.result-actions .primary{width:100%}@media(max-width:820px){.video-workspace .editor-grid{grid-template-columns:1fr}.video-workspace .settings-panel{background:transparent;border:0;padding:0}.video-workspace .settings-panel .controls{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:16px}}.result-note{color:var(--muted);font-size:.9rem;margin:0}.metadata-json{background:#05080d;border:1px solid var(--line);border-radius:9px;color:#cfe6ff;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:0;max-height:560px;overflow:auto;overflow-wrap:anywhere;padding:14px;white-space:pre-wrap}.control-help{color:var(--muted);display:block;font-size:.76rem;line-height:1.5;margin-top:7px}.control-help code{color:#cfe6ff;font-size:.74rem}.video-workspace .settings-panel{isolation:isolate;position:relative}.video-workspace .settings-panel>.actions,.video-workspace .settings-panel>.controls,.video-workspace .settings-panel>.error,.video-workspace .settings-panel>.progress{position:relative;z-index:2}.video-workspace .result{z-index:1}.video-workspace .preview-item,.video-workspace .result,.video-workspace .source-preview{contain:layout paint;position:relative}.video-workspace video{position:relative;touch-action:pan-y;z-index:0}.visually-hidden-file{display:none}.source-preview img{display:block;max-height:180px;-o-object-fit:contain;object-fit:contain}.source-preview img,.sticker-stage{background:#05080d;border-radius:10px;max-width:100%}.sticker-stage{display:inline-block;line-height:0;overflow:hidden;position:relative}.video-workspace .sticker-stage video{display:block;height:auto;max-height:420px;max-width:100%;-o-object-fit:initial;object-fit:fill;width:auto}.source-preview .sticker-overlay{background:transparent;border-radius:0;cursor:grab;filter:drop-shadow(0 0 2px rgba(0,0,0,.8));max-height:none;max-width:none;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3}.source-preview .sticker-overlay.dragging{cursor:grabbing;outline:2px solid var(--cyan)}.sticker-position-help{color:var(--muted);display:block;margin-top:8px}.text-stage{background:#05080d;border-radius:10px;display:inline-block;line-height:0;max-width:100%;overflow:hidden;position:relative}.video-workspace .text-stage video{display:block;height:auto;max-height:420px;max-width:100%;-o-object-fit:initial;object-fit:fill;width:auto}.text-overlay{cursor:grab;font-weight:700;line-height:1.2;max-width:calc(100% - 4px);overflow-wrap:anywhere;padding:2px 4px;position:absolute;text-shadow:0 1px 3px #000,0 0 2px #000;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre-wrap;z-index:3}.text-overlay.dragging{cursor:grabbing;outline:2px solid var(--cyan)}.text-overlay.subtitle-outline{-webkit-text-stroke:1px #000;text-shadow:none}.text-overlay.subtitle-box{background:#000000b8;border-radius:3px;text-shadow:none}.subtitle-list{display:grid;gap:10px;margin-top:18px}.subtitle-list-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.subtitle-list-heading .ghost,.subtitle-remove{padding:7px 10px}.subtitle-cue{background:#0a0f18;border:1px solid var(--line);border-radius:9px;display:grid;gap:10px;padding:12px}.subtitle-cue.active{border-color:var(--cyan)}.subtitle-cue label{color:var(--muted);font-size:.82rem}.subtitle-time{display:grid;gap:10px;grid-template-columns:1fr 1fr}.subtitle-remove{justify-self:start}.subtitle-remove:disabled{cursor:not-allowed;opacity:.45}textarea{background:#0a0f18;border:1px solid var(--line);border-radius:7px;color:var(--text);display:block;font:inherit;margin-top:5px;padding:9px;resize:vertical;width:100%}.controls input[type=color]{min-height:42px;padding:5px}@font-face{font-display:swap;font-family:Roboto;src:url(../fonts/Roboto.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Noto Serif";src:url(../fonts/NotoSerif.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto Mono;src:url(../fonts/RobotoMono.ttf) format("truetype")}.text-overlay.subtitle-fade{animation:subtitle-fade .8s ease both}.text-overlay.subtitle-scale{animation:subtitle-scale .45s ease-out both}.text-overlay.subtitle-rotate{animation:subtitle-rotate .55s ease-out both}.text-overlay.subtitle-typewriter{animation:subtitle-typewriter 1.4s steps(16) both}@keyframes subtitle-fade{0%{opacity:0}to{opacity:1}}@keyframes subtitle-scale{0%{transform:scale(.55)}to{transform:scale(1)}}@keyframes subtitle-rotate{0%{transform:rotate(-15deg)}to{transform:rotate(0)}}@keyframes subtitle-typewriter{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.font-control{align-content:start;display:grid;gap:7px}.font-control .ghost{padding:8px 11px;width:100%}.font-control small{color:var(--muted);line-height:1.35}.video-workspace .result video,.video-workspace .source-preview video{margin-inline:0}.brand{align-items:center;display:inline-flex;gap:8px}.brand img{display:block;flex:none}.brand span{border:0;color:var(--text);margin:0;padding:0}.media-workspace .editor-grid{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);margin-top:18px}.media-workspace .media-panel,.media-workspace .settings-panel{min-width:0}.media-workspace .media-panel{isolation:isolate;overflow:clip}.media-workspace .dropzone{display:grid;margin-top:0;min-height:74px;padding:12px 16px;place-content:center}.media-workspace .settings-panel{background:#0b1019;border:1px solid var(--line);border-radius:12px;isolation:isolate;padding:16px;position:relative}.media-workspace .settings-panel .controls{gap:10px;grid-template-columns:1fr;margin-top:0}.media-workspace .settings-panel .actions{margin-top:18px}.media-workspace .source-preview{margin-top:16px}.media-workspace .preview-grid.has-output{align-items:start;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.media-workspace .preview-grid.has-output>.source-preview{min-width:0}.media-workspace .preview-grid.has-output>.source-preview .eyebrow{min-height:1.5em}.media-workspace .source-preview audio{display:block;max-width:100%;width:100%}.media-workspace .result{gap:12px;margin-top:20px}.media-workspace .settings-panel>.actions,.media-workspace .settings-panel>.controls,.media-workspace .settings-panel>.error,.media-workspace .settings-panel>.progress{position:relative;z-index:2}@media(max-width:820px){.media-workspace .editor-grid{grid-template-columns:1fr}.media-workspace .settings-panel{background:transparent;border:0;padding:0}.media-workspace .settings-panel .controls{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:16px}}@media(max-width:720px){.media-workspace .dropzone{padding:10px 12px}.media-workspace .preview-grid.has-output{grid-template-columns:1fr}}