:root{--bg: #0c0c0f;--panel: #16161b;--panel-2: #1b1b21;--field-bg: #101015;--line: #26262e;--text: #f4f4f7;--muted: #9b9ba6;--accent: #e5342e;--accent-press: #c5271f;--accent-soft: rgba(229, 52, 46, .12);--bad: #ff6b6b;--good: #5bd6a0;--warn: #caa64a}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);padding:0 0 80px;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:radial-gradient(900px 520px at 80% -10%,rgba(229,52,46,.1),transparent 60%),radial-gradient(720px 600px at 8% -4%,rgba(229,52,46,.05),transparent 55%);pointer-events:none;z-index:0}.wrap{max-width:1120px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.nav{position:relative;z-index:50;background:var(--text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1120px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand-mark{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#ff5a4d,#e5342e);box-shadow:0 4px 14px #e5342e66}.brand-name{font-size:19px;letter-spacing:-.01em}.brand-name .brand-light{color:var(--line);font-weight:500}.brand-name strong{color:var(--line);font-weight:800}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-spacer{flex:1}.nav-logo{position:absolute;left:50%;top:100%;transform:translate(-50%,-50%);z-index:60;display:flex;align-items:center;justify-content:center}.nav-logo a{display:flex;cursor:pointer}.nav-logo img{width:126px;height:106px;object-fit:contain;display:block}.hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:56px 0 36px}.hero-copy{max-width:560px}h1{font-size:52px;line-height:1.05;letter-spacing:-.02em;font-weight:800;margin:0 0 18px}.sub{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.tag-private{display:inline-flex;align-items:center;vertical-align:middle;margin-left:8px;padding:6px 13px;font-size:20px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(229,52,46,.35);border-radius:999px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;padding:36px 30px}.hero-rings,.hero-rings:before{position:absolute;border-radius:50%;border:1px solid rgba(229,52,46,.16)}.hero-rings{width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-rings:before{content:"";inset:44px}@property --hd-p{syntax: "<percentage>"; inherits: true; initial-value: 50%;}.hero-demo{position:relative;z-index:1}.hd-viewport{position:relative;width:340px;max-width:100%;aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0e1017;box-shadow:0 12px 34px #00000061;touch-action:none;--hd-p: 50%;animation:hd-sweep 4.5s ease-in-out both}.hd-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hd-after{z-index:1}.hd-before{z-index:2;clip-path:inset(0 calc(100% - var(--hd-p)) 0 0)}.hd-divider{position:absolute;top:0;bottom:0;left:var(--hd-p);width:2px;margin-left:-1px;background:var(--accent);z-index:3;cursor:ew-resize;touch-action:none}.hd-divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:24px}.hd-divider:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%) rotate(45deg);border-radius:3px;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.hd-label{position:absolute;top:8px;z-index:4;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text);background:#0e1017b8;border:1px solid var(--line);border-radius:4px;padding:3px 7px}.hd-label-l{left:8px}.hd-label-r{right:8px;color:var(--accent)}@keyframes hd-sweep{0%{--hd-p: 50%}18%{--hd-p: 16%}64%{--hd-p: 84%}to{--hd-p: 50%}}@media(prefers-reduced-motion:reduce){.hd-viewport{animation:none;--hd-p: 50%}}@media(max-width:860px){.hero{grid-template-columns:1fr;padding:56px 0 22px}.hero-art{display:none}h1{font-size:38px}.nav-links{display:none}}.banner{position:relative;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:16px;background:var(--panel);font-size:14px}.banner.bad{border-color:var(--bad);color:#ffd4d4}.banner.good{border-color:var(--good);color:#cdeede}.banner.warn{border-color:var(--warn);color:#f0e0b0}.banner.hidden{display:none}.banner-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px}.banner-nav button{background:transparent;border:1px solid var(--warn);color:inherit;border-radius:6px;width:22px;height:22px;padding:0;line-height:1;font-size:14px;cursor:pointer}.banner-nav button:disabled{opacity:.35;cursor:default}.banner-count{font-size:12px;opacity:.85;min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-end;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;margin:0 auto 16px;max-width:100%}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;min-width:300px;min-height:400px;padding:48px 28px;margin:8px auto 28px;max-width:100%;background:linear-gradient(180deg,#17171d,#131318);border:3px dashed rgba(255,255,255,.7);border-radius:18px;cursor:pointer;box-shadow:0 24px 60px #00000073;transition:border-color .15s,background .15s,box-shadow .15s}.dropzone:hover{border-color:#fff;box-shadow:0 28px 72px #0000008c}.dropzone:focus-visible{outline:none;border-color:var(--accent)}.dropzone.dragging{border-color:var(--accent);background:linear-gradient(180deg,#e5342e14,#131318)}.dropzone.dragging .dz-icon{transform:translateY(-2px)}.dropzone.hidden{display:none}.dz-btn{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:11px 20px;font-size:15px;font-weight:600;color:#fff;background:var(--accent);border-radius:10px;box-shadow:0 8px 22px #e5342e59;transition:background .15s,transform .05s}.dropzone:hover .dz-btn{background:var(--accent-press)}.dropzone:active .dz-btn{transform:translateY(1px)}.orig-preview{position:relative;margin-bottom:14px;cursor:pointer;transition:border-color .15s,background .15s}.preview-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#080a0e8c;border-radius:inherit;z-index:5}.preview-spinner.hidden{display:none}.spinner-ring{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.orig-preview.hidden{display:none}.orig-preview:hover{border-color:#3b4150}.orig-preview:focus-visible{outline:none;border-color:var(--accent)}.orig-preview.dragging{border-color:var(--accent);background:#6ea8fe14}.orig-preview video,.orig-preview canvas{cursor:default}.orig-preview-hint{font-size:12px;color:var(--muted);margin-top:10px;text-align:center}#origHost:has(video){display:flex;align-items:center;justify-content:center;height:500px;background:#000;border-radius:6px;overflow:hidden}#origHost video{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:0;background:none}.dz-icon{color:var(--accent);transition:transform .15s}.dz-title{font-size:22px;font-weight:700;color:var(--text);line-height:1.35}.dz-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.dropzone:hover .dz-link{color:var(--accent-press)}.dz-hint{font-size:14px;color:var(--muted);max-width:420px}.dz-file{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:6px 12px;font-size:13px;color:var(--text);background:#0e1017;border:1px solid var(--line);border-radius:999px;max-width:100%}.dz-file.hidden{display:none}.dz-file .dz-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.dz-file .dz-file-name strong{color:var(--accent);font-weight:600}.field-buttons{display:flex}.field-container{display:flex;gap:5px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:5px}.tip-anchor{position:relative;display:inline-flex;align-items:center}.tip-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;border:1px solid var(--muted);color:var(--muted);font-size:9px;font-weight:700;cursor:default;text-transform:none;letter-spacing:0;flex-shrink:0}.tip-box{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--text);width:210px;white-space:normal;text-transform:none;letter-spacing:normal;font-weight:400;line-height:1.5;z-index:20;pointer-events:none}.tip-anchor:hover .tip-box{display:block}select,input[type=number]{background:#0e1017;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:auto}input[type=number]{width:84px}.check{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);padding-bottom:9px}.vid-only{display:none}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 16px;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:var(--accent-press)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.meta{display:flex;gap:10px;align-items:center;margin:2px 2px 14px;font-size:13px;color:var(--muted);flex-wrap:wrap}.badge{border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-variant-numeric:tabular-nums}.status{min-height:22px;color:var(--muted);font-variant-numeric:tabular-nums}.status.work{color:var(--accent)}.status.err{color:var(--bad)}.bar-row{display:flex;align-items:center;gap:10px;margin:8px 2px 18px}.bar{flex:1;height:6px;background:#0e1017;border:1px solid var(--line);border-radius:999px;overflow:hidden}.bar-pct{min-width:44px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.bar>i{display:block;height:100%;width:0;background:var(--accent);transition:width .12s}.bar.indeterminate>i{width:40%;transition:none;animation:bar-indet 1.1s ease-in-out infinite}@keyframes bar-indet{0%{margin-left:-40%}to{margin-left:100%}}@media(prefers-reduced-motion:reduce){.bar.indeterminate>i{animation:none;width:100%;opacity:.5}}.views{display:grid;grid-template-columns:1fr;gap:16px}.result-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin-top:16px}.result-row>.views{flex:1 1 0;min-width:260px;margin-top:0}.result-row>.compare-section{flex:2 1 0;min-width:320px;margin-top:0}.view{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;overflow:auto}.view h2{font-size:13px;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.view canvas,.view video{display:block;max-width:100%;height:auto;border-radius:6px;background:linear-gradient(45deg,#1c1f29 25%,transparent 25%) 0 0/20px 20px,linear-gradient(-45deg,#1c1f29 25%,transparent 25%) 0 0/20px 20px}code{background:#0e1017;padding:1px 6px;border-radius:5px;border:1px solid var(--line);font-size:13px}.note{color:var(--muted);font-size:13px;margin-top:24px}.about{margin-top:56px;padding-top:32px;border-top:1px solid var(--line);max-width:760px}.about h2{font-size:20px;margin:0 0 12px;color:var(--text)}.about h2+p,.about>p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 18px}.about strong{color:var(--text)}.about-points{list-style:none;margin:0 0 36px;padding:0;display:grid;gap:8px}.about-points li{position:relative;padding-left:26px;color:var(--muted);line-height:1.6}.about-points li:before{content:"✓";position:absolute;left:0;top:0;color:var(--good);font-weight:700}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0 16px}.faq summary{cursor:pointer;list-style:none;padding:14px 0;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-size:20px;line-height:1;transition:transform .18s ease}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>p{margin:0;padding:0 0 16px;color:var(--muted);line-height:1.65}.faq details>p strong{color:var(--text)}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#06070ab8;backdrop-filter:blur(2px)}.modal-overlay.hidden{display:none}.modal{width:100%;max-width:760px;max-height:calc(100vh - 48px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 20px 60px #00000080}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{font-size:17px;margin:0}.modal-x{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;width:30px;height:30px;padding:0;font-size:18px;line-height:1}.modal-x:hover:not(:disabled){background:#0e1017;color:var(--text)}.modal-sub{color:var(--muted);font-size:13px;margin:8px 0 16px}.trim-preview{background:#000;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;height:46vh}.trim-preview video,.trim-preview canvas{display:block;width:100%;height:100%;object-fit:contain}.trim-editor{margin-top:16px}.trim-times{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:8px}.trim-sel{color:var(--text)}.trim-sel strong{color:var(--accent)}.trim-track{position:relative;height:56px;border-radius:8px;border:1px solid var(--line);background:#0e1017;overflow:hidden;touch-action:none;user-select:none}.trim-thumbs{position:absolute;inset:0;display:flex}.trim-thumbs canvas{flex:1 1 0;width:0;height:100%;object-fit:cover;display:block}.trim-dim{position:absolute;top:0;bottom:0;width:0;background:#08090da8;pointer-events:none}#trimDimL{left:0}#trimDimR{right:0}.trim-region{position:absolute;top:0;bottom:0;box-sizing:border-box;border:2px solid var(--accent);border-radius:4px;background:#6ea8fe1a;cursor:grab}.trim-region:active{cursor:grabbing}.trim-handle{position:absolute;top:-2px;bottom:-2px;width:12px;background:var(--accent-press);cursor:ew-resize;display:flex;align-items:center;justify-content:center}.trim-handle:after{content:"";width:2px;height:40%;background:var(--panel);border-radius:2px;box-shadow:3px 0 #0a0c12,-3px 0 #0a0c12}.trim-handle-l{left:-2px;border-radius:4px 0 0 4px}.trim-handle-r{right:-2px;border-radius:0 4px 4px 0}.trim-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 4px #0009;pointer-events:none}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:520px){.modal-foot{flex-direction:column-reverse}.modal-foot button{width:100%}}.trim-summary{margin-top:12px;cursor:pointer}.trim-summary.hidden{display:none}.trim-summary-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.trim-summary-label strong{color:var(--accent)}.trim-summary-strip{display:flex;border:2px solid var(--accent);border-left-width:6px;border-right-width:6px;border-radius:5px;overflow:hidden;background:#0e1017;min-height:48px;width:fit-content;max-width:100%;transition:border-color .15s}.trim-summary:hover .trim-summary-strip{border-color:var(--accent-press)}.trim-summary-strip canvas{height:48px;width:auto;display:block;cursor:pointer}.compare-section.hidden{display:none}.compare-section{margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.compare-head h2{font-size:13px;margin:0 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.cmp-viewport{position:relative;width:100%;height:520px;max-height:70vh;overflow:hidden;border-radius:6px;border:1px solid var(--line);background:#0e1017;cursor:grab;touch-action:none;user-select:none}.cmp-viewport.grabbing{cursor:grabbing}.cmp-pan{position:absolute;top:0;left:0}.cmp-canvas{position:absolute;top:0;left:0;display:block;image-rendering:pixelated}.cmp-divider{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--accent);cursor:ew-resize;z-index:3}.cmp-divider:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%) rotate(45deg);border-radius:3px;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.cmp-label{position:absolute;top:8px;z-index:2;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text);background:#0e1017b8;border:1px solid var(--line);border-radius:4px;padding:3px 7px;pointer-events:none}.cmp-label-l{left:8px}.cmp-label-r{right:8px}.site-footer{margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}.footer-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.yt-card{display:flex;flex-direction:column;width:100%;max-width:480px;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;transition:border-color .15s,background .15s}.yt-card:hover{border-color:#3b4150;background:var(--panel-2)}.yt-card:focus-visible{outline:none;border-color:var(--accent)}.yt-banner{width:100%;height:110px;object-fit:cover;display:block}.yt-body{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 18px 18px;text-align:center}.yt-avatar{width:72px;height:72px;border-radius:50%;margin-top:-36px;border:3px solid var(--panel);background:var(--panel);object-fit:cover}.yt-name{color:var(--text);font-weight:700;font-size:16px;margin-top:4px}.yt-meta{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.yt-desc{color:var(--muted);font-size:13px}.yt-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:9px 18px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border-radius:10px;box-shadow:0 8px 22px #e5342e59;transition:background .15s}.yt-card:hover .yt-btn{background:var(--accent-press)}.footer-credit{color:var(--muted);font-size:12.5px;margin:0}.footer-links{display:flex;align-items:center;gap:10px;font-size:12.5px}.footer-links a{color:var(--muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text)}.footer-links span{color:var(--line)}.legal{max-width:760px;margin:0 auto;padding:56px 0 24px}.legal h1{font-size:36px;line-height:1.1;letter-spacing:-.02em;margin:0 0 8px}.legal-updated{color:var(--muted);font-size:13px;margin:0 0 28px}.legal h2{font-size:19px;margin:32px 0 12px;color:var(--text)}.legal p{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 14px}.legal ul{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 14px;padding-left:22px}.legal li{margin-bottom:6px}.legal strong{color:var(--text)}.legal a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.legal a:hover{color:var(--accent-press)}.legal-back{margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}.legal-back a{color:var(--muted);text-decoration:none}.legal-back a:hover{color:var(--text)}@media(max-width:860px){.legal{padding-top:36px}.legal h1{font-size:28px}}.kofi-goal{position:relative;display:block;margin:40px 0 8px;height:46px;border-radius:10px;overflow:hidden;text-decoration:none;background:#d9e9f1;font-family:Arial,Helvetica,sans-serif;--kofi-progress: 0%}.kofi-goal-fill{position:absolute;inset:0 auto 0 0;width:var(--kofi-progress);background:var(--good);transition:width .5s ease}.kofi-goal-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;height:100%;padding:0 18px}.kofi-goal-label,.kofi-goal-pct{color:#000;font-weight:700;text-shadow:-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff,1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 1px 0 #fff,-1px 0 0 #fff}.kofi-goal-label{display:inline-flex;align-items:center;gap:9px;min-width:0;font-size:15px}.kofi-goal-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kofi-goal-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.kofi-goal-icon img{display:block;height:24px;width:auto}.kofi-goal-pct{flex-shrink:0;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.kofi-goal:hover{filter:brightness(.97)}.kofi-goal:focus-visible{outline:2px solid var(--good);outline-offset:2px}@media(max-width:520px){.yt-btn{width:100%}.kofi-goal-content{padding:0 14px}.kofi-goal-label{font-size:13.5px}}