:root{color-scheme:dark;--bg: #0c0d0f;--panel: #202123;--panel-soft: #292b2e;--ink: #f7f8fb;--muted: #b9bcc4;--faint: #7e838d;--line: #3a3d44;--accent: #ff675a;--accent-strong: #ff4f43;--accent-soft: rgba(255, 103, 90, .16);--cyan: #6fd6ff;--green: #72e0a6;--danger: #ff9a92;--shadow: 0 18px 50px rgba(0, 0, 0, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,103,90,.08),transparent 34rem),linear-gradient(180deg,#090a0c 0%,var(--bg) 42%,#101114 100%);color:var(--ink)}button,input,select{font:inherit}button,a,label.file-button,select{-webkit-tap-highlight-color:transparent}button:disabled,select:disabled,input:disabled,.file-button:has(input:disabled){cursor:not-allowed;opacity:.45}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.landing-shell{width:100%;min-height:100vh;margin:0 auto;padding:48px 0 64px;display:grid;align-items:center}.landing-hero{width:100%;margin:0 auto;display:grid;gap:36px}.landing-copy{width:min(100% - 32px,920px);margin:0 auto;text-align:center;animation:landing-copy-enter .6s ease both}.landing-kicker{margin:0 0 18px;color:var(--accent);font-size:1rem;font-weight:700;text-transform:uppercase}.landing-copy h1{margin:0;color:#fff;font-size:clamp(2.7rem,5.4vw,4.35rem);font-weight:500;line-height:1.02;letter-spacing:0}.landing-copy>p:not(.landing-kicker){width:min(100%,660px);margin:18px auto 0;color:var(--muted);font-size:1.08rem;line-height:1.55}.landing-copy .landing-trust{margin-top:14px;color:#ffffff94;font-size:.94rem;font-weight:600;letter-spacing:.01em;animation:landing-pill-enter .45s .08s ease both}.landing-flow{--converter-width: 282px;--side-gap: clamp(42px, 5vw, 82px);--media-edge: clamp(18px, 3.4vw, 72px);--input-width: min(clamp(320px, 32vw, 560px), calc(50% - (var(--converter-width) / 2) - var(--side-gap)));--output-width: min(330px, calc(50% - (var(--converter-width) / 2) - var(--side-gap)));--flow-cycle: 6.6s;--input-beat-delay: 1.75s;--output-beat-delay: 3.35s;position:relative;display:grid;min-height:440px;width:100%;align-items:center;place-items:center;perspective:1200px}.flow-node,.converter-node{position:relative;z-index:1;border-radius:8px}.flow-connector{position:absolute;z-index:0;top:50%;height:34px;display:grid;place-items:center;opacity:0;scale:.56 1;transform:translateY(-50%);transform-origin:center;animation:connector-reveal .52s var(--connector-delay, 1.5s) cubic-bezier(.16,1,.3,1) both}.flow-connector-left{--connector-delay: var(--input-beat-delay);--flow-delay: var(--input-beat-delay);left:calc(var(--media-edge) + var(--input-width));right:calc(50% + (var(--converter-width) / 2))}.flow-connector-right{--connector-delay: var(--output-beat-delay);--flow-delay: var(--output-beat-delay);left:calc(50% + (var(--converter-width) / 2));right:calc(var(--media-edge) + var(--input-width))}.flow-line{position:absolute;left:0;right:0;top:50%;height:3px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,103,90,.16),rgba(255,103,90,.34),transparent);box-shadow:0 0 18px #ff675a24;transform:translateY(-50%)}.flow-line:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,231,226,.9),var(--accent),transparent);transform:translate(-115%);animation:flow-beam var(--flow-cycle) var(--flow-delay, 1.8s) cubic-bezier(.42,0,.1,1) infinite}.flow-connector-right .flow-line:before{animation-delay:var(--flow-delay)}.flow-connector>svg,.flow-icon{position:relative;z-index:1;width:46px;height:34px;padding:4px 5px;border:1px solid rgba(255,103,90,.55);border-radius:999px;background:radial-gradient(circle at 45% 50%,rgba(255,103,90,.22),transparent 58%),#0c0d0feb;color:var(--accent);stroke-width:3;filter:drop-shadow(0 0 14px rgba(255,103,90,.6));animation:flow-icon-pulse var(--flow-cycle) var(--flow-delay, 1.8s) cubic-bezier(.42,0,.1,1) infinite}.flow-connector-right>svg,.flow-connector-right .flow-icon{animation-delay:var(--flow-delay)}.flow-pulse{position:absolute;top:50%;left:0;width:9px;height:9px;border-radius:999px;background:#ffe7e2;box-shadow:0 0 13px #ff675acc;transform:translate(-50%,-50%);animation:flow-pulse var(--flow-cycle) var(--flow-delay, 1.8s) cubic-bezier(.42,0,.1,1) infinite}.flow-pulse-two{animation-delay:calc(var(--flow-delay, 1.8s) + .16s)}.flow-connector-right .flow-pulse-one{animation-delay:var(--flow-delay)}.flow-connector-right .flow-pulse-two{animation-delay:calc(var(--flow-delay) + .16s)}.flow-node{display:grid;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#242526,#202123);box-shadow:var(--shadow);overflow:hidden;opacity:0;backface-visibility:hidden;will-change:opacity,transform;animation:landing-node-enter .88s var(--node-delay, 1s) cubic-bezier(.2,.78,.18,1) both}.input-node{--node-delay: var(--input-beat-delay);position:absolute;top:50%;left:var(--media-edge);width:var(--input-width);translate:0 -50%;animation-name:landing-input-enter}.output-node{--node-delay: var(--output-beat-delay);position:absolute;top:50%;left:calc(100% - var(--media-edge) - var(--input-width));right:auto;width:var(--output-width);translate:0 -50%;animation-name:landing-output-enter}.landscape-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#000}.flow-label{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600}.flow-label svg{color:var(--accent)}.converter-node{width:var(--converter-width);min-height:246px;display:grid;place-items:center;gap:14px;padding:0;color:#fff;text-align:center;opacity:0;animation:converter-node-enter .82s .7s cubic-bezier(.16,1,.3,1) both}.converter-frame{position:relative;width:100%;min-height:170px;display:grid;place-items:center;gap:10px;padding:30px 24px;overflow:hidden;border:2px solid rgba(255,103,90,.88);border-radius:8px;background:radial-gradient(circle at 50% 22%,rgba(255,103,90,.16),transparent 48%),#111214;box-shadow:0 0 0 1px #ff675a14,0 18px 48px #00000057;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.converter-node:hover .converter-frame,.converter-node:focus-within .converter-frame{border-color:var(--accent);background:radial-gradient(circle at 50% 22%,rgba(255,103,90,.18),transparent 52%),#151619;box-shadow:0 0 0 1px #ff675a1f,0 18px 48px #00000057;transform:translateY(-2px) scale(1.01)}.converter-node:focus-within{outline:0}.converter-node-title{color:var(--accent);font-size:2.75rem;font-weight:400;line-height:1;text-shadow:0 0 24px rgba(255,103,90,.24)}.converter-node-subtitle{position:relative;z-index:1;margin-top:-2px;color:#ffffffa8;font-size:.92rem;font-weight:600}.converter-node-action{position:relative;display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:11px 20px;border:0;border-radius:4px;background:var(--accent);color:#111214;cursor:pointer;font:inherit;font-size:1.02rem;font-weight:800;overflow:hidden;box-shadow:0 12px 28px #ff675a3d;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.converter-node-action:hover,.converter-node-action:focus-visible{background:var(--accent-strong);box-shadow:0 14px 34px #ff675a57;transform:translateY(-1px);outline:0}.converter-node-action:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.46),transparent 78%);transform:translate(-120%);animation:button-sheen 2.6s 1.2s ease-in-out infinite}.landing-phone{position:relative;width:min(100%,190px);aspect-ratio:9 / 16;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#000}.output-node .landing-phone{width:min(100%,248px)}.landing-media{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0}.landing-media-a.is-ready{opacity:1;animation:landing-example-a 11s ease-in-out infinite}.landing-media-b.is-ready{opacity:0;animation:landing-example-b 11s ease-in-out infinite}.landing-output-media{transform-origin:center}.landing-fallback{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,rgba(111,214,255,.16),transparent 32%),linear-gradient(150deg,#222832 0 42%,#623d7d 43% 62%,#2a1f3c 63% 74%,#15171b 75%)}.mock-map,.mock-feed,.mock-crosshair,.mock-hud,.mock-face,.mock-tag,.mock-gameplay{position:absolute;border-radius:2px}.mock-map{top:9%;left:6%;width:24%;height:32%;border:1px solid rgba(111,214,255,.58);background:#6fd6ff29}.mock-feed{top:10%;right:5%;width:29%;height:13%;background:linear-gradient(90deg,#ff675ab8,#ffffffe6)}.mock-crosshair{top:48%;left:49%;width:18px;height:18px;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:transparent;transform:translate(-50%,-50%)}.mock-hud{left:8%;bottom:9%;width:52%;height:5px;background:#72e0a6db}.landing-fallback-output{background:linear-gradient(#0a0a0b80,#0a0a0b80),linear-gradient(150deg,#222832 0 38%,#623d7d 39% 61%,#2a1f3c 62% 72%,#15171b 73%)}.mock-face{top:6%;left:10%;width:80%;height:17%;display:grid;place-items:center;border:1px solid rgba(255,103,90,.9);background:#ff675a38;color:#fff;font-size:.62rem;font-weight:700}.landing-fallback-output .mock-feed{top:25%;left:14%;width:72%;height:9%;right:auto}.mock-tag{top:35%;left:0;width:100%;height:8%;display:grid;place-items:center;color:#fff;font-size:.64rem;font-weight:700}.mock-gameplay{left:0;right:0;bottom:10%;height:46%;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(111,214,255,.18),transparent 35%),linear-gradient(150deg,#222832 0 44%,#623d7d 45% 64%,#2a1f3c 65% 74%,#15171b 75%)}.landscape-frame,.landing-phone{isolation:isolate}.landscape-frame:after,.landing-phone:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 7px,9px 100%;mix-blend-mode:screen;opacity:.16}.landing-shell.is-backgrounded .flow-node{animation:none;opacity:.2;transition:opacity .32s ease,filter .32s ease,transform .32s ease;filter:blur(2px) saturate(.7)}.landing-shell.is-backgrounded .input-node{transform:translate(-56px) translateZ(-240px) rotateY(8deg) scale(.82)}.landing-shell.is-backgrounded .output-node{transform:translate(56px) translateZ(-240px) rotateY(-8deg) scale(.82)}.landing-shell.is-backgrounded .converter-node{animation:none;transform:translateY(36px) translateZ(-120px) scale(.72);opacity:.24;filter:blur(2px) saturate(.7);transition:opacity .32s ease,filter .32s ease,transform .22s ease}.landing-shell.is-backgrounded .converter-frame{animation:none;border-color:var(--accent);background:radial-gradient(circle at 50% 22%,rgba(255,103,90,.18),transparent 50%),#111214;box-shadow:0 0 0 1px #ff675a38,0 0 48px #ff675a57,var(--shadow)}@keyframes landing-copy-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-pill-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-node-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes landing-input-enter{0%{opacity:0;transform:translate3d(-22px,0,0) scale(.985)}62%{opacity:1;transform:translate3d(2px,0,0) scale(1.006)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes landing-output-enter{0%{opacity:0;transform:translate3d(18px,18px,0) scale(.96)}66%{opacity:1;transform:translate3d(-2px,-2px,0) scale(1.012)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes converter-node-enter{0%{opacity:0;filter:blur(8px);transform:translateY(14px) scale(.9)}62%{opacity:1;filter:blur(0);transform:translateY(-3px) scale(1.035)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes connector-reveal{0%{opacity:0;filter:blur(10px);clip-path:inset(0 50% 0 50%);scale:.42 1}58%{opacity:1;filter:blur(0);clip-path:inset(0 -4% 0 -4%);scale:1.08 1}to{opacity:1;filter:blur(0);clip-path:inset(0 0 0 0);scale:1}}@keyframes flow-beam{0%,20%{transform:translate(-115%)}68%,to{transform:translate(115%)}}@keyframes flow-pulse{0%,18%{left:0;opacity:.42;transform:translate(-50%,-50%) scale(.72)}48%{left:50%;opacity:1;transform:translate(-50%,-50%) scale(1)}78%,to{left:100%;opacity:0;transform:translate(-50%,-50%) scale(.72)}}@keyframes flow-icon-pulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes button-sheen{0%,42%{transform:translate(-120%)}72%,to{transform:translate(120%)}}@keyframes landing-example-a{0%,43%{opacity:1}50%,93%{opacity:0}to{opacity:1}}@keyframes landing-example-b{0%,43%{opacity:0}50%,93%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app-shell{width:min(100% - 32px,920px);margin:0 auto;padding:72px 0 80px}.app-shell.is-workflow-active{position:fixed;z-index:8;inset:0;width:100%;min-height:100vh;display:grid;place-items:center;margin:0;padding:40px 16px;background:transparent;overflow-y:auto;pointer-events:none}.app-shell.is-workflow-active .brand-panel,.app-shell.is-workflow-active .promise-block{display:none}.app-shell.is-workflow-active .workflow-panel{width:min(100%,640px);margin:0;pointer-events:auto;animation:workflow-forward .76s cubic-bezier(.16,1,.3,1) both}body.has-workflow-overlay{min-height:100vh;overflow:hidden}body.has-workflow-overlay:before{content:"";position:fixed;z-index:7;inset:0;pointer-events:none;background:#05060894}body.has-workflow-overlay .landing-shell{pointer-events:none;-webkit-user-select:none;user-select:none}body.has-workflow-overlay .brand-panel,body.has-workflow-overlay .promise-block{display:none}body.has-workflow-overlay .landing-copy{opacity:0}body.has-workflow-overlay .flow-connector{opacity:.36}@keyframes workflow-forward{0%{opacity:0;filter:blur(10px);transform:perspective(1000px) translateY(150px) translateZ(-260px) rotateX(12deg) scale(.62)}60%{opacity:1;filter:blur(0)}to{opacity:1;filter:blur(0);transform:perspective(1000px) translateY(0) translateZ(0) rotateX(0) scale(1)}}.brand-panel{width:min(100%,540px);margin:0 auto;padding:60px 32px 35px;text-align:center;border:2px solid rgba(255,255,255,.9);border-radius:30px;background:transparent}.brand-panel h1{margin:0;color:var(--accent);font-size:clamp(3rem,8vw,4rem);font-weight:400;letter-spacing:0;line-height:1}.brand-panel p{margin:28px 0 0;font-size:1rem;color:#fff}.promise-block{width:min(100%,540px);margin:36px auto 76px}.promise-block h2{margin:0 0 18px;color:var(--accent);font-size:1rem;font-weight:700;text-transform:uppercase;text-align:center}.promise-block ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.promise-block li{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:16px;color:#fff;font-size:1rem;line-height:1.45}.promise-icon{width:22px;height:22px;justify-self:center;margin-top:2px;color:var(--accent);stroke-width:2.5}.workflow-panel{width:min(100%,640px);margin:0 auto;padding:46px 42px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:linear-gradient(180deg,#242526,#202123);box-shadow:var(--shadow)}.step{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start}.step-marker{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#9a9da3;color:#191a1d;font-size:.78rem;line-height:1}.step-marker>*{grid-area:1 / 1}.step-marker svg,.step-check{display:none;width:15px;height:15px;flex:0 0 15px;color:#111214;stroke-width:3}.step-ready .step-marker,.step-active .step-marker{background:var(--accent);color:#111214}.step-complete .step-marker{background:var(--accent)}.step-complete .step-number{display:none}.step-complete .step-marker svg,.step-complete .step-check{display:block}.step-title{min-height:24px;display:flex;align-items:center;margin-bottom:10px;color:#fff}.step-summary{margin:10px 0 14px;color:var(--muted);font-size:.9rem;line-height:1.4}.step-summary.is-error,.file-summary.is-error{color:var(--danger)}.step-detail{margin-top:8px;color:var(--muted);font-size:.9rem}.step.is-collapsed .step-body>:not(.step-title):not(.step-summary):not(.file-button){display:none}.step.is-collapsed .step-title{margin-bottom:4px}.configure-toolbar{display:flex;max-width:540px;margin-top:14px;align-items:flex-start;gap:10px;flex-wrap:wrap}.configure-panel{width:fit-content;max-width:100%;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff06}.configure-panel[open]{width:min(100%,480px)}.preview-action{min-height:40px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:1px solid rgba(255,103,90,.42);border-radius:8px;background:#ff675a0f;color:var(--accent);cursor:pointer;font-weight:600}.preview-action:hover,.preview-action:focus-visible{border-color:#ff675abd;background:#ff675a24;color:#fff}.configure-panel summary{min-height:40px;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--muted);cursor:pointer;font-weight:500;list-style:none}.configure-panel:hover,.configure-panel:focus-within,.configure-panel[open]{border-color:#ff675a52}.configure-panel.is-disabled,.configure-panel.is-disabled:hover,.configure-panel.is-disabled:focus-within{border-color:#ffffff14;opacity:.55}.configure-panel:hover summary,.configure-panel:focus-within summary,.configure-panel[open] summary{color:#fff}.configure-panel.is-disabled summary,.configure-panel.is-disabled:hover summary,.configure-panel.is-disabled:focus-within summary{color:var(--muted);cursor:not-allowed}.configure-panel summary::-webkit-details-marker{display:none}.configure-panel summary:before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease}.configure-panel[open] summary:before{transform:rotate(45deg)}.configure-body{display:grid;gap:16px;padding:0 14px 14px}.step-rail{width:1px;height:36px;margin:12px 0 12px 12px;background:#777b83}.primary-button,.ghost-button,.icon-button,.icon-action,.advanced-action{border:0;border-radius:4px;cursor:pointer}.primary-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:10px;padding:9px 16px;background:var(--accent);color:#111214;text-decoration:none;font-weight:600;letter-spacing:0;transition:transform .15s ease,background .15s ease,opacity .15s ease}.primary-button:hover,.primary-button:focus-visible{background:var(--accent-strong)}.download-button.is-disabled{pointer-events:none;opacity:.45}.primary-button:active,.ghost-button:active,.icon-button:active,.icon-action:active,.advanced-action:active{transform:translateY(1px)}.icon-action,.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,103,90,.75);background:#ff675a0f;color:var(--accent)}.icon-action:hover,.icon-action:focus-visible,.icon-button:hover,.icon-button:focus-visible,.advanced-action:hover,.advanced-action:focus-visible{background:#ff675a24;color:#fff}.advanced-action{width:max-content;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 13px;border:1px solid rgba(255,103,90,.75);background:#ff675a0f;color:var(--accent);font-weight:600}.icon-button{width:36px;height:36px;border-color:transparent;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1}.ghost-button{min-height:38px;padding:8px 14px;border:1px solid rgba(255,103,90,.75);background:#ff675a0f;color:var(--accent)}.file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.button-icon{width:15px;height:15px;flex:0 0 15px}.icon-download{width:42px;padding:0}.file-summary,.detected-summary{margin-top:14px;color:#fff}.detected-summary{color:var(--muted);font-size:.9rem}.trim-panel{display:grid;width:min(100%,520px);gap:14px;margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09}.trim-panel[hidden]{display:none}.trim-header{display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:600}.trim-panel video{width:100%;max-height:292px;border:1px solid var(--line);border-radius:8px;background:#000}.trim-fields{display:grid;gap:10px}.trim-time-row{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.88rem}.trim-time-row span{display:inline-flex;gap:6px;white-space:nowrap}.trim-time-row output,.trim-duration{color:#fff;font-variant-numeric:tabular-nums}.trim-slider{--trim-start: 0%;--trim-end: 100%;--trim-playhead: 0%;position:relative;height:34px;width:100%;cursor:pointer;touch-action:none}.trim-slider-track,.trim-slider-selection{position:absolute;top:50%;height:8px;border-radius:999px;transform:translateY(-50%)}.trim-slider-track{inset-inline:0;background:#111214}.trim-slider-selection{left:var(--trim-start);right:calc(100% - var(--trim-end));background:linear-gradient(90deg,var(--accent),var(--cyan))}.trim-slider-playhead{position:absolute;z-index:2;top:50%;left:var(--trim-playhead);width:2px;height:24px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #111214cc,0 0 14px #ffffff5c;transform:translate(-50%,-50%);pointer-events:none}.trim-slider-playhead:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%)}.trim-slider-handle{position:absolute;z-index:3;top:50%;width:18px;height:18px;border:2px solid #111214;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #ff675a38;transform:translate(-50%,-50%)}.trim-slider-handle-start{left:var(--trim-start)}.trim-slider-handle-end{left:var(--trim-end)}.trim-range-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.trim-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.trim-actions{display:flex;gap:10px;flex-wrap:wrap}.trim-actions .ghost-button,.trim-actions .primary-button{min-height:36px}.controls-row,.facecam-line{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.facecam-line{align-items:center;margin-top:16px}.creator-field{max-width:430px;margin-top:16px}.wide-field{grid-column:1 / -1}.field{display:grid;gap:7px;color:var(--muted);font-size:.84rem}.field input,.field select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:4px;background:#17181b;color:var(--ink);outline:0}.field input::placeholder{color:#7f848d}.field input{padding:0 12px}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field select{min-width:184px;padding:0 38px 0 13px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#ffffff 50%),linear-gradient(135deg,#ffffff 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 13px) 21px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.brand-control{display:grid;grid-template-columns:128px minmax(0,1fr)}.brand-type-wrap{position:relative;min-width:0}.brand-type-wrap .brand-type-select{min-width:0;height:100%;border-right:0;border-radius:4px 0 0 4px;padding-left:46px}.brand-control input{border-radius:0 4px 4px 0}.brand-select-icon{position:absolute;z-index:1;left:14px;top:50%;width:22px;height:22px;pointer-events:none;transform:translateY(-50%)}.brand-select-icon-gamer:before{content:"@";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.05rem;font-weight:800}.brand-select-icon-youtube{width:28px;height:20px;background:center / contain no-repeat url(/brand-youtube.svg)}.brand-select-icon-twitch{width:22px;height:26px;background:center / contain no-repeat url(/brand-twitch.svg)}.switch{display:inline-flex;align-items:center;gap:10px;color:var(--ink);cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:42px;height:24px;border-radius:999px;background:#4a4d54;transition:background .15s ease}.switch-track:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#c7cbd2;transition:transform .15s ease}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:before{transform:translate(18px);background:#111214}.process-button{margin-top:0}.progress-wrap{display:grid;gap:9px;margin-top:18px}.progress-wrap[hidden]{display:none}.progress-bar{height:8px;overflow:hidden;border-radius:999px;background:#111214}.progress-bar span{display:block;width:0%;height:100%;background:linear-gradient(90deg,var(--accent),var(--cyan));transition:width .2s ease}.progress-meta{display:flex;justify-content:flex-end;gap:12px;color:var(--muted);font-size:.88rem;font-variant-numeric:tabular-nums}.result-area{display:grid;gap:20px}.download-button{margin-top:14px}.result-area[hidden],.phone-preview[hidden],video[hidden]{display:none}.result-area video{width:min(100%,260px);max-height:460px;border:1px solid var(--line);border-radius:8px;background:#000}.export-placeholder{width:min(100%,180px);margin:0;opacity:.78}.modal,.selector-modal{width:min(calc(100% - 24px),760px);max-height:calc(100vh - 40px);padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#17181b;color:var(--ink);box-shadow:var(--shadow)}.modal::backdrop,.selector-modal::backdrop{background:#000000bd}.modal-shell,.selector-shell{display:grid;gap:20px;margin:0;padding:22px}.modal-header,.selector-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.modal-header h2,.selector-header h2{margin:0;font-size:1.35rem;font-weight:500;letter-spacing:0}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:14px;border:1px solid var(--line);border-radius:8px}legend{padding:0 6px;color:#fff}.modal-actions,.selector-actions{display:flex;justify-content:flex-end;gap:12px}.preview-modal{width:min(calc(100% - 24px),430px)}.phone-preview{position:relative;width:min(100%,320px);aspect-ratio:9 / 16;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#000}.preview-bg{position:absolute;inset:0;background:#000}.preview-bg.is-blur{background:linear-gradient(#0a0a0b7a,#0a0a0b7a),var(--preview-image, #000000);background-size:cover;background-position:center;filter:blur(8px) saturate(.9);transform:scale(1.08)}.preview-bg.is-white{background:#f4f4f2}.preview-region{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,103,90,.9);background:#ff675a2e;color:#fff;font-size:.82rem}.preview-region[hidden],.preview-tag[hidden]{display:none}.preview-tag{position:absolute;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;color:#fff;font-size:.82rem;font-weight:700;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.72);overflow:hidden}.preview-platform-icon{position:relative;display:inline-block;width:1.3em;height:1.3em;flex:0 0 auto}.preview-platform-icon-youtube{width:1.82em;height:1.3em;background:center / contain no-repeat url(/brand-youtube.svg)}.preview-platform-icon-twitch{width:1.3em;height:1.52em;background:center / contain no-repeat url(/brand-twitch.svg)}.preview-typewriter{display:inline-block;overflow:hidden;white-space:nowrap;animation:preview-typewriter var(--tag-cycle, 3s) steps(var(--tag-steps, 12),end) infinite}.preview-typewriter:after{content:"";display:inline-block;width:.08em;height:.9em;margin-left:.16em;background:currentColor;vertical-align:-.12em;animation:preview-cursor .8s steps(1,end) infinite}@keyframes preview-typewriter{0%,8%{clip-path:inset(0 100% 0 0)}18%,96%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes preview-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.selector-modal{width:min(calc(100% - 24px),1180px)}.selector-shell{gap:18px}.selector-stage{position:relative;width:100%;height:min(68vh,620px);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#000;cursor:move;touch-action:none}.selector-stage video{width:100%;height:100%;object-fit:contain;opacity:.74}.selection-rect{position:absolute;display:none;border:2px solid var(--accent);background:#ffffffb8;cursor:move;touch-action:none;box-shadow:0 0 0 9999px #00000038,inset 0 0 0 1px #00000040}.selection-rect.is-visible{display:block}.selection-handle{position:absolute;width:13px;height:13px;border:2px solid #111214;border-radius:50%;background:var(--accent)}.selection-handle-nw{top:-8px;left:-8px;cursor:nwse-resize}.selection-handle-ne{top:-8px;right:-8px;cursor:nesw-resize}.selection-handle-sw{bottom:-8px;left:-8px;cursor:nesw-resize}.selection-handle-se{right:-8px;bottom:-8px;cursor:nwse-resize}@media(max-width:720px){.landing-shell{padding:36px 0 48px}.landing-hero{gap:30px}.landing-copy{width:min(100% - 20px,920px)}.landing-copy h1{font-size:clamp(2.35rem,13vw,3.6rem)}.landing-copy>p:not(.landing-kicker){font-size:1rem}.landing-flow{width:100%;min-height:0;margin-left:0;grid-template-columns:1fr;gap:12px}.input-node,.output-node{position:relative;top:auto;left:auto;right:auto;width:auto;translate:none;transform:none}.flow-connector{position:relative;top:auto;left:auto;right:auto;transform:none}.flow-connector{width:44px;height:62px;justify-self:center}.converter-node{min-height:150px}.output-node{width:min(100%,300px)}.flow-line{inset:0 auto 0 50%;width:2px;height:auto;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgba(255,103,90,.38),transparent)}.flow-line:before{background:linear-gradient(180deg,transparent,rgba(255,231,226,.9),var(--accent),transparent);transform:translateY(-115%);animation-name:flow-beam-mobile}.flow-connector>svg,.flow-icon{transform:rotate(90deg);animation-name:flow-icon-pulse-mobile}.flow-pulse{top:0;left:50%;transform:translate(-50%,-50%);animation-name:flow-pulse-mobile}.landing-shell.is-backgrounded .input-node{transform:translateY(-40px) translateZ(-220px) rotateX(-8deg) scale(.84)}.landing-shell.is-backgrounded .output-node{transform:translateY(40px) translateZ(-220px) rotateX(8deg) scale(.84)}.landing-shell.is-backgrounded .converter-node{transform:translateY(24px) translateZ(-120px) scale(.76)}@keyframes flow-beam-mobile{0%,20%{transform:translateY(-115%)}68%,to{transform:translateY(115%)}}@keyframes flow-pulse-mobile{0%,18%{top:0;opacity:.42;transform:translate(-50%,-50%) scale(.72)}48%{top:50%;opacity:1;transform:translate(-50%,-50%) scale(1)}78%,to{top:100%;opacity:0;transform:translate(-50%,-50%) scale(.72)}}@keyframes flow-icon-pulse-mobile{0%,to{opacity:.72;transform:rotate(90deg) scale(1)}50%{opacity:1;transform:rotate(90deg) scale(1.08)}}.app-shell{width:min(100% - 20px,920px);padding-top:32px}.brand-panel{padding:28px 18px 26px}.promise-block{margin-bottom:44px}.promise-block li{grid-template-columns:28px minmax(0,1fr);gap:12px}.workflow-panel{padding:30px 20px}.controls-row,.facecam-line,.modal-actions,.selector-actions{align-items:stretch;flex-direction:column}.field select,.ghost-button,.primary-button,.icon-action,.advanced-action{width:100%}.brand-control{grid-template-columns:1fr}.brand-type-wrap .brand-type-select,.brand-control input{border:1px solid var(--line);border-radius:4px}.modal-grid,fieldset{grid-template-columns:1fr}.selector-stage{height:58vh}}