:root{--bg:#090b10;--panel:#11141b;--panel-2:#171b24;--line:#272d39;--text:#f4f6fb;--muted:#9199aa;--accent:#7c5cff;--accent-2:#1ad3af;--danger:#ff6578;--radius:14px;--shadow:0 24px 70px #0009;font:14px/1.5 Manrope,Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.brand{display:flex;align-items:center;gap:10px;flex:none;font-size:15px;font-weight:800;letter-spacing:.065em;line-height:1.08}.brand small{display:block;margin-top:4px;color:var(--muted);font:500 9px/1.1 DM Mono,monospace;letter-spacing:.16em}.brand-mark{position:relative;display:block;width:56px;height:56px;flex:none;overflow:hidden;border-radius:13px;background:#11112a;box-shadow:0 0 24px #755bff56}.brand-mark img{position:absolute;top:50%;left:50%;display:block;width:145%;height:145%;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 12px #1ad3af80}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);cursor:pointer;font-size:12px;font-weight:700;transition:border-color .16s,background .16s,transform .16s}.button:hover:not(:disabled){background:#202631;border-color:#414b5d}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{border-color:transparent;background:linear-gradient(130deg,#805fff,#5978ff);color:#fff;box-shadow:0 7px 24px #715dff36}.button.primary:hover:not(:disabled){filter:brightness(1.1)}.button.subtle{background:transparent;color:var(--muted)}.button.danger{color:#ffb7c0}.button.block{width:100%}.button.icon-button{width:38px;padding:0;font-size:17px}.home-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 65% 65% at 78% 28%,#242039 0,transparent 68%),var(--bg)}.site-header,.home-footer{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(22px,5vw,80px)}.site-header{border-bottom:1px solid #ffffff14}.header-note,.home-footer{color:var(--muted);font-size:11px}.home-main{width:min(1190px,calc(100% - 44px));margin:0 auto;padding:clamp(52px,8vw,110px) 0 70px;flex:1}.eyebrow,.tool-number,.timeline-heading,.section-heading,.stage-label,.sidebar-foot,.home-footer{font-family:DM Mono,monospace;letter-spacing:.07em}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent-2);font-size:10px;font-weight:500}.home-main h1{margin:22px 0 18px;font-size:clamp(45px,7vw,94px);font-weight:800;line-height:1.08;letter-spacing:-.07em}.home-main h1 em{font-style:normal;color:#9580ff}.home-intro{max-width:560px;color:#b1b8c7;font-size:17px;line-height:1.65}.tool-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:58px}.tool-card{position:relative;min-height:380px;overflow:hidden;padding:27px;border:1px solid #313447;border-radius:20px;background:linear-gradient(145deg,#171a28,#10131b 70%);transition:transform .2s,border-color .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);border-color:#6d63b0;box-shadow:0 24px 60px #0005}.tool-card-top{display:flex;align-items:center;justify-content:space-between;color:#a99cfa;font:500 10px DM Mono,monospace;letter-spacing:.09em}.tool-arrow,.soon-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #6c618d;border-radius:9px;font-size:19px}.tool-graphic{position:absolute;right:35px;top:92px;display:flex;align-items:center;gap:17px;opacity:.9}.graphic-wide{display:flex;gap:7px;width:175px;height:100px;padding:12px;border:2px solid #6b63a6;border-radius:10px;transform:rotate(-8deg)}.graphic-wide span{flex:1;border:1px solid #7c5cff;background:#7c5cff24;border-radius:5px}.graphic-wide span:nth-child(2){background:#1ad3af30;border-color:var(--accent-2)}.graphic-beam{font-size:24px;color:var(--accent-2)}.graphic-vertical{display:flex;flex-direction:column;gap:5px;width:65px;height:119px;padding:8px;border:2px solid var(--accent-2);border-radius:9px;transform:rotate(7deg)}.graphic-vertical span:first-child{height:45%;background:#7c5cff85;border-radius:4px}.graphic-vertical span:last-child{flex:1;background:#1ad3af66;border-radius:4px}.tool-card h2{position:relative;margin:154px 0 9px;font-size:29px;letter-spacing:-.05em;line-height:1.18}.tool-card p{position:relative;max-width:390px;margin:0;color:#aeb5c2;font-size:12px;line-height:1.7}.tool-link{display:inline-flex;align-items:center;gap:15px;margin-top:21px;color:#c8c0ff;font-size:12px;font-weight:800}.tool-link span{font-size:18px}.soon-card{border-style:dashed;cursor:default;background:linear-gradient(145deg,#12151d,#0e1117)}.soon-card:hover{transform:none;border-color:#313447;box-shadow:none}.soon-pattern{position:absolute;right:70px;top:105px;color:#35384c;font-size:125px;line-height:1}.soon-card h2{margin-top:154px;color:#d5d9e3}.home-footer{border-top:1px solid #ffffff14}.editor-page{height:100vh;overflow:hidden}.app-shell{height:100vh;display:grid;grid-template-rows:64px minmax(0,1fr)}.editor-header{display:flex;align-items:center;gap:17px;padding:0 20px;border-bottom:1px solid var(--line);background:#0c0f15;z-index:5}.header-separator{width:1px;height:28px;background:var(--line)}.project-title{color:#e2e6ee;font-size:12px;font-weight:750}.project-title span{color:var(--accent-2)}.header-spacer{flex:1}.privacy-pill{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #29463f;border-radius:999px;background:#11241f;color:#a9eada;font-size:10px;font-weight:700;white-space:nowrap}.header-help{width:30px;min-height:30px;padding:0;border-radius:50%}.editor-grid{display:grid;grid-template-columns:258px minmax(390px,1fr) 302px;min-height:0}.sidebar{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#343b48 transparent;background:var(--panel)}.left-sidebar{border-right:1px solid var(--line)}.right-sidebar{border-left:1px solid var(--line)}.panel-section{padding:17px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;color:#dce2ec;font-size:10px;font-weight:500}.section-meta{color:var(--muted);font-family:Manrope,sans-serif;font-size:10px;letter-spacing:0}.panel-section>.button+.button{margin-top:7px}.small-note{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.sidebar-foot{padding:18px;color:#6c7587;font-size:9px;line-height:1.5}.file-list,.source-region-list,.layer-list,.render-results{display:grid;gap:6px;margin-top:12px}.empty-list{padding:13px;border:1px dashed #394151;border-radius:9px;color:#8790a1;text-align:center;font-size:10px;line-height:1.5}.file-item,.region-item,.layer-item{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:9px;border:1px solid var(--line);border-radius:9px;background:#0c0f15;color:var(--text);text-align:left;cursor:pointer}.file-item:hover,.region-item:hover,.layer-item:hover{border-color:#4d5668}.file-item.active,.region-item.active,.layer-item.active{border-color:var(--accent);background:#201b35}.file-symbol,.layer-symbol{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:7px;background:#282445;color:#bfb2ff;font-size:12px}.layer-symbol.image{background:#15372f;color:#8ef0d9}.file-copy,.layer-copy{min-width:0;flex:1}.file-copy strong,.layer-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750}.file-copy small,.layer-copy small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.file-index,.region-index{color:#838c9e;font:9px DM Mono,monospace}.region-item{justify-content:space-between;font-size:11px}.region-item button,.layer-actions button{display:grid;place-items:center;width:23px;height:23px;padding:0;border:0;border-radius:5px;background:#242a36;color:#b7c0cf;cursor:pointer}.layer-actions{display:flex;gap:3px}.layer-actions button:hover{background:#343d4d;color:#fff}.editor-main{min-width:0;min-height:0;display:grid;grid-template-rows:54px minmax(0,1fr) 58px 126px;background:radial-gradient(circle at 50% 28%,#1a1930 0,#0b0d12 48%,#090b10)}.canvas-topbar{display:flex;align-items:center;justify-content:center;position:relative;padding:0 12px;border-bottom:1px solid var(--line);background:#0e1118d9}.view-tabs{display:flex;gap:4px;padding:3px;border:1px solid #2b303d;border-radius:10px;background:#0a0d13}.view-tab{min-height:30px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:10px;font-weight:750}.view-tab.active{background:#252a36;color:#fff;box-shadow:0 3px 9px #0005}.canvas-top-meta{position:absolute;right:17px;color:#778295;font:10px DM Mono,monospace}.stage-space{min-height:0;display:grid;place-items:center;overflow:hidden;padding:18px}.stage-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;min-height:0}.stage-panel.is-hidden{display:none}.stage-label{display:flex;justify-content:space-between;width:min(100%,860px);color:#7f899b;font-size:9px}.source-frame{position:relative;width:min(100%,860px);max-height:calc(100% - 50px);aspect-ratio:16/9;border:1px solid #3d4556;border-radius:12px;background:#050607;box-shadow:var(--shadow);overflow:hidden;touch-action:none}.source-frame video{display:block;width:100%;height:100%;object-fit:fill}.source-empty,.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#828b9b;text-align:center;pointer-events:none}.source-empty strong,.canvas-empty strong{color:#d6dbe7;font-size:14px}.source-empty span,.canvas-empty small{font-size:10px}.empty-icon{margin-bottom:8px;color:#666e88;font-size:36px}.roi-layer{position:absolute;inset:0;pointer-events:none}.roi-box{position:absolute;border:2px solid var(--accent-2);background:#1ad3af20;box-shadow:inset 0 0 0 1px #0008,0 0 16px #1ad3af30;color:var(--accent-2);cursor:move;pointer-events:auto;touch-action:none}.roi-box.active{border-color:#fff;background:#7c5cff22;color:#fff}.roi-box .roi-title{position:absolute;left:-2px;top:-23px;padding:3px 6px;border-radius:5px 5px 0 0;background:currentColor;color:#0a0d12;font-size:9px;font-weight:800;white-space:nowrap}.roi-box .roi-resize{position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border:2px solid #0c0e13;border-radius:3px;background:currentColor;cursor:nwse-resize;touch-action:none}.stage-hint{max-width:100%;margin:0;color:#788295;text-align:center;font-size:10px}.output-panel .stage-label{width:auto;min-width:min(100%,270px)}.output-frame{position:relative;height:min(100%,calc(100vh - 315px));max-width:100%;aspect-ratio:9/16;border:1px solid #445067;border-radius:13px;background:#090b0f;box-shadow:var(--shadow);overflow:hidden;touch-action:none}.output-frame canvas{display:block;width:100%;height:100%;cursor:crosshair}.canvas-empty{background:linear-gradient(160deg,#151824,#090b0f);border:7px solid #161a25}.canvas-empty span{margin-bottom:10px;color:#4c5470;font-size:48px;font-weight:800;letter-spacing:-.12em}.canvas-empty small{color:#858e9c}.transport{display:flex;align-items:center;gap:10px;min-width:0;padding:0 17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#10131a}.transport .timecode{min-width:41px;color:#bdc5d3;font:10px DM Mono,monospace}.transport input{flex:1;min-width:30px;accent-color:var(--accent);cursor:pointer}.transport-tip{color:#707a8b;font-size:10px;white-space:nowrap}.timeline-section{min-width:0;overflow:hidden;padding:14px 17px;background:#0d1016}.timeline-heading{display:flex;justify-content:space-between;margin-bottom:9px;color:#a3abb9;font-size:9px}.timeline-heading span:last-child{color:#737e90}.timeline-list{display:flex;gap:8px;overflow:auto;padding-bottom:9px;scrollbar-width:thin}.timeline-empty{color:#717c8e;font-size:10px}.timeline-card{min-width:125px;max-width:125px;min-height:62px;padding:9px;border:1px solid #343b49;border-radius:9px;background:#181d27;color:#e8eaf2;text-align:left;cursor:pointer}.timeline-card.active{border-color:var(--accent);background:#25203e}.timeline-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.timeline-card span{display:block;margin-top:7px;color:#8992a2;font:9px DM Mono,monospace}.properties-grid{display:grid;gap:11px}.property-name{color:#c5baff;font-size:11px;font-weight:800}.field{display:grid;gap:5px;color:#9ba5b5;font-size:10px;font-weight:700}.field input:not([type=range]),.field select{width:100%;min-height:35px;padding:0 9px;border:1px solid #303747;border-radius:8px;background:#0a0d13;color:#e7ebf3;font-size:11px}.field input[type=range]{width:100%;height:20px;accent-color:var(--accent)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.property-actions .button{padding:5px 7px}.render-section{display:grid;gap:10px}.render-section .section-heading,.render-section .small-note{margin:0}.render-status{padding:10px;border:1px solid #39434f;border-radius:8px;background:#121923;color:#b9c6d7;font-size:10px}.render-status.error{border-color:#6d3543;background:#2a1820;color:#ffb6c2}.render-status.success{border-color:#2c6154;background:#10231f;color:#9debd7}.progress-track{height:6px;overflow:hidden;border-radius:99px;background:#090c11}.progress-track>div{width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .18s}.progress-caption{display:flex;justify-content:space-between;gap:8px;color:#7f8999;font:9px DM Mono,monospace}.progress-caption span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.render-button{min-height:42px}.render-limit{padding-top:2px}.render-results{margin-top:0}.result-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid #2d594e;border-radius:8px;background:#10221e;color:#bff2e3;font-size:10px}.result-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-item a{flex:none;color:#a5d6ff;text-decoration:underline}.help-dialog{width:min(440px,calc(100% - 30px));padding:23px;border:1px solid #475067;border-radius:17px;background:#171b24;color:var(--text);box-shadow:var(--shadow)}.help-dialog::backdrop{background:#05060ba8}.dialog-head{display:flex;justify-content:space-between;align-items:center}.help-dialog h2{margin:0;font-size:17px}.help-dialog ol{padding-left:22px;color:#c1c8d6;font-size:12px;line-height:1.8}.help-dialog p{color:#929daf;font-size:11px}@media(max-width:1100px){.editor-grid{grid-template-columns:218px minmax(340px,1fr) 266px}.panel-section{padding:13px}.editor-header{gap:10px}.transport-tip{display:none}.tool-graphic{transform:scale(.85);transform-origin:right top}}@media(max-width:800px){.editor-page{height:auto;overflow:auto}.app-shell{height:auto;display:block}.editor-header{height:64px}.editor-grid{display:flex;flex-direction:column}.sidebar{overflow:visible}.left-sidebar,.right-sidebar{border:0}.left-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.left-sidebar .panel-section:first-child{grid-column:1/-1}.sidebar-foot{display:none}.editor-main{height:760px;flex:none}.output-frame{height:min(100%,480px)}.right-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.render-section{grid-column:1/-1}.privacy-pill{display:none}.project-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:340px}.tool-card h2,.soon-card h2{margin-top:130px}}@media(max-width:520px){.editor-header{padding:0 10px}.brand{font-size:12px}.brand-mark{width:48px;height:48px}.header-separator,.project-title{display:none}.left-sidebar,.right-sidebar{display:block}.editor-main{height:710px;grid-template-rows:54px minmax(0,1fr) 55px 110px}.stage-space{padding:12px}.source-frame{width:100%}.canvas-top-meta{display:none}.transport{padding:0 10px}.home-main{padding-top:56px}.home-main h1{font-size:46px}.home-intro{font-size:14px}.tool-grid{margin-top:42px}.tool-graphic{right:15px;top:90px;transform:scale(.7)}.tool-card{padding:22px}.tool-card h2{font-size:25px}.header-note{display:none}}.editor-grid,.sidebar,.panel-section,.properties-grid,.render-section,.field,.progress-caption{min-width:0}.sidebar{overflow-x:hidden}.panel-section,.properties-grid,.render-section{max-width:100%}.button.block{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}.button.block span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.render-status,.small-note,.property-name{overflow-wrap:anywhere}.progress-caption span:first-child{min-width:0;flex:1}.progress-caption span:last-child{flex:none}.source-crop-controls{min-width:0;padding:10px;border:1px solid #343c4e;border-radius:9px;background:#111720}.source-crop-controls[hidden]{display:none}.source-crop-controls summary{color:#a8e6d7;font-size:10px;font-weight:750;cursor:pointer}.crop-control-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px 9px;margin-top:12px}.crop-control-grid .field{min-width:0}.property-group-heading{padding-top:2px;color:#8d98ab;font-size:9px;font-weight:750;letter-spacing:.04em}.roi-box.active{box-shadow:inset 0 0 0 1px #0009,0 0 0 2px #fff5,0 0 18px #7c5cff77}.region-item>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-index{flex:none}.render-section,.render-results{grid-template-columns:minmax(0,1fr)}.render-section>*{min-width:0;max-width:100%}.result-item{width:100%;min-width:0;max-width:100%;overflow:hidden}.result-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.render-status{min-width:0;overflow-wrap:anywhere}.progress-caption{width:100%;max-width:100%}.result-item{display:grid;gap:6px;padding:9px}.result-item.pending{border-color:#374051;background:#111720;color:#c2cad9}.result-item.error{border-color:#713642;background:#2a1820;color:#ffc0c9}.result-top,.result-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.result-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700}.result-percent{flex:none!important;color:#d8d0ff;font:10px DM Mono,monospace}.result-track{height:4px;overflow:hidden;border-radius:9px;background:#080b10}.result-track>div{width:0;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.result-bottom{color:#94a0b3;font-size:9px}.result-bottom>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-bottom>a[hidden]{display:none}.field input:not([type=range]),.field select{min-width:0;max-width:100%}.field input[readonly]{color:#b2bdd0;background:#151923;cursor:default}.privacy-copy strong,.privacy-copy small{display:block}.privacy-copy strong{font-size:10px}.privacy-copy small{margin-top:2px;color:#8ccbbd;font-size:9px;font-weight:500}.property-control{gap:6px}.property-control input[type=range]{margin:0;min-width:0}@font-face{font-family:Outfit;src:url(/fonts/Outfit-variable.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{--bg:#0b0d13;--panel:#11151d;--panel-2:#1a202a;--line:#303744;--text:#f3f5fa;--muted:#a7b0c0;--accent:#7185ef;--accent-2:#95a5ff;--radius:12px;--shadow:0 20px 55px #03081580;font:400 14px/1.5 Outfit,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}html{scroll-behavior:smooth}button,input,select{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #b6c2ff;outline-offset:3px}.skip-link{position:fixed;top:-60px;left:18px;z-index:20;padding:10px 14px;background:#e7ecff;color:#121827;font-weight:700}.skip-link:focus{top:12px}.brand{gap:12px;font-size:17px;letter-spacing:.015em}.brand small{color:#a4b0c7;font:400 10px/1.2 IBM Plex Mono,monospace;letter-spacing:.11em}.brand-mark{width:56px;height:56px;border-radius:14px;background:#11142b;box-shadow:none}.brand-mark img{width:142%;height:142%}.button{min-height:41px;border-radius:8px;background:#1a202a;border-color:#394354;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.button:hover:not(:disabled){background:#273142;border-color:#687999}.button.primary{background:#7185ef;color:#0a1021;border-color:#7185ef;box-shadow:none;font-weight:750}.button.primary:hover:not(:disabled){background:#99a8ff;border-color:#99a8ff;filter:none}.button.subtle{background:transparent}.button:active:not(:disabled){transform:translateY(1px)}.home-page{min-height:100dvh;background:#0b0d13;background-image:linear-gradient(#b7c8ff08 1px,transparent 1px),linear-gradient(90deg,#b7c8ff08 1px,transparent 1px);background-size:48px 48px}.site-header,.home-footer{padding-left:clamp(24px,4.5vw,78px);padding-right:clamp(24px,4.5vw,78px)}.site-header{height:76px;padding-top:0;padding-bottom:0;background:#0b0d13e8;border-bottom:1px solid #303744}.header-link{display:inline-flex;align-items:center;gap:22px;min-height:40px;border-bottom:1px solid #7185ef;color:#e3eaff;font-size:13px;font-weight:650;transition:color .2s,border-color .2s}.header-link:hover{color:#fff;border-color:#fff}.header-link span{font-size:19px;font-weight:400}.home-main{width:min(1420px,calc(100% - 96px));padding:0 0 100px}.home-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(36px,5vw,88px);min-height:620px;padding:56px 0 72px}.hero-copy{min-width:0}.hero-kicker,.workflow-topline,.workflow-bottomline,.section-overline,.tool-row-number,.tool-row-state,.hero-tech{font-family:IBM Plex Mono,monospace}.hero-kicker{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 34px;color:#aab8d7;font-size:10px;letter-spacing:.08em}.hero-kicker span{color:#7185ef}.home-main h1{max-width:760px;margin:0;color:#f4f6fa;font-size:clamp(54px,5.15vw,84px);font-weight:680;line-height:1.02;letter-spacing:-.065em;text-wrap:balance}.home-main h1 span{color:#9aaaff}.hero-lead{max-width:520px;margin:29px 0 0;color:#b8c0ce;font-size:18px;line-height:1.55;text-wrap:pretty}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:42px}.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:216px;min-height:54px;padding:0 19px;background:#7185ef;border:1px solid #7185ef;border-radius:8px;color:#0a1021;font-size:15px;font-weight:750;transition:background .2s,transform .2s}.hero-cta:hover{background:#a5b2ff;transform:translateY(-2px)}.hero-cta:active{transform:translateY(0)}.hero-cta span{font-size:22px;font-weight:400}.hero-tech{max-width:235px;color:#8e9aad;font-size:10px;line-height:1.6}.workflow-visual{position:relative;min-width:0;padding:24px 26px 22px;border:1px solid #354055;border-radius:14px;background:#121722;box-shadow:0 30px 90px #05091475}.workflow-visual:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(130deg,#9aaaff0e,transparent 37%);border-radius:inherit}.workflow-topline,.workflow-bottomline{position:relative;display:flex;justify-content:space-between;gap:12px;color:#8491aa;font-size:9px;letter-spacing:.08em}.workflow-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(96px,.48fr);align-items:center;gap:15px;min-height:350px;padding:26px 0}.wide-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:2px solid #7185ef;border-radius:7px;background:#1d2a3c}.wide-noise{position:absolute;inset:0;background:radial-gradient(circle at 75% 28%,#a1acbc85 0 5%,transparent 5.2%),linear-gradient(128deg,transparent 0 26%,#7081a161 26% 38%,transparent 38%),linear-gradient(22deg,#131a2d 0 34%,#455775 34% 60%,#273a56 60% 100%)}.wide-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#d5e1ff1e 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#d5e1ff1e 50%,transparent 50.2%)}.frame-label{position:absolute;top:10px;left:11px;z-index:2;padding:4px 7px;background:#0b1024d9;color:#ecf1ff;font:9px IBM Plex Mono,monospace}.selection{position:absolute;z-index:2;border:2px solid #cbd3ff;background:#8a98f430;box-shadow:0 0 0 999px #0b0d131f}.selection-one{left:11%;top:23%;width:36%;height:58%}.selection-two{left:54%;top:19%;width:31%;height:62%;border-color:#7e91ff}.workflow-join{display:flex;align-items:center;gap:3px;color:#a4b2ff}.workflow-join span{height:1px;flex:1;background:#566789}.workflow-join strong{font-size:23px;font-weight:400}.vertical-frame{position:relative;width:100%;max-width:155px;aspect-ratio:9/16;margin:auto;overflow:hidden;border:2px solid #9eaefe;border-radius:8px;background:#101522;box-shadow:0 14px 35px #050913a8}.vertical-marker{position:absolute;z-index:2;top:7px;right:8px;color:#f2f4ff;font:9px IBM Plex Mono,monospace}.vertical-scene{position:absolute;left:9%;right:9%;overflow:hidden;border:1px solid #a7b5ff8a;border-radius:4px}.scene-one{top:12%;height:34%;background:linear-gradient(143deg,#7890a5 0 29%,#283a55 29% 58%,#536786 58%)}.scene-two{top:50%;height:34%;background:linear-gradient(26deg,#1b2437 0 38%,#667b9d 38% 60%,#303e5b 60%)}.vertical-caption{position:absolute;bottom:5%;left:0;right:0;color:#a6b5dd;text-align:center;font:8px IBM Plex Mono,monospace;letter-spacing:.02em}.workflow-bottomline{padding-top:18px;border-top:1px solid #303a4d;color:#b4bdd0;font-size:8px}.tools-section{padding:44px 0 0;border-top:1px solid #384151}.tools-heading{display:grid;grid-template-columns:1fr minmax(180px,300px);gap:30px;align-items:end;padding-bottom:36px}.section-overline{margin:0 0 16px;color:#8899bc;font-size:10px;letter-spacing:.12em}.tools-heading h2{margin:0;font-size:clamp(30px,3vw,45px);font-weight:650;line-height:1.1;letter-spacing:-.045em}.tools-heading>p{max-width:300px;margin:0;color:#a6afc0;font-size:13px;line-height:1.5}.tool-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:30px;min-height:118px;padding:20px 0;border-top:1px solid #333d4d}.tool-row:last-child{border-bottom:1px solid #333d4d}.tool-row-number{color:#8e9fbe;font-size:10px;letter-spacing:.08em}.tool-row-copy strong,.tool-row-copy small{display:block}.tool-row-copy strong{font-size:22px;font-weight:590;letter-spacing:-.02em}.tool-row-copy small{margin-top:4px;color:#9ba6b8;font-size:13px}.tool-row-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #6679aa;border-radius:8px;color:#bac6ff;font-size:24px;transition:background .2s,transform .2s}.tool-row:hover .tool-row-arrow{background:#7185ef;color:#0a1021;transform:translate(2px,-2px)}.tool-row-upcoming{opacity:.56}.tool-row-state{color:#aeb9d3;font-size:10px;white-space:nowrap}.home-footer{gap:18px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px;border-top:1px solid #303744;color:#8f9aad;font:10px/1.5 IBM Plex Mono,monospace;letter-spacing:0}.editor-page{background:#0b0d13}.app-shell{grid-template-rows:76px minmax(0,1fr)}.editor-header{gap:18px;padding:0 22px;background:#0e1219;border-color:#303744}.header-separator{background:#3a4456}.project-title{color:#cdd5e4;font-size:13px;font-weight:600}.project-title span{color:#a4b2ff}.privacy-pill{padding:8px 12px;border:1px solid #384867;border-radius:8px;background:#161f31;color:#d2dcff;font-size:11px;font-weight:600}.privacy-copy strong{font-size:11px}.privacy-copy small{color:#99a8ca;font-size:10px}.live-dot{background:#8ea2ff;box-shadow:none}.header-help{width:34px;min-height:34px;font-size:16px}.editor-grid{grid-template-columns:280px minmax(360px,1fr) 328px}.sidebar{scrollbar-color:#4b5670 transparent;background:#12161e}.panel-section{padding:19px;border-color:#303744}.section-heading,.timeline-heading,.stage-label,.property-group-heading,.source-crop-controls summary{font-family:IBM Plex Mono,monospace;letter-spacing:.045em}.section-heading{margin-bottom:15px;color:#cbd5e7;font-size:10px}.section-meta{color:#929db1;font-family:Outfit,sans-serif;font-size:11px}.small-note{color:#9da8b8;font-size:11px;line-height:1.55}.sidebar-foot{color:#8996a9;font:10px/1.6 IBM Plex Mono,monospace;letter-spacing:0}.empty-list{padding:16px;border-color:#3a4454;background:#111720;color:#9da8ba;font-size:11px}.file-item,.region-item,.layer-item{min-height:45px;padding:10px;border-color:#354052;border-radius:8px;background:#0e131b}.file-item.active,.region-item.active,.layer-item.active{border-color:#8296ff;background:#1b2540}.file-symbol,.layer-symbol,.layer-symbol.image{background:#253155;color:#d7deff}.file-copy strong,.layer-copy strong{font-size:12px;font-weight:650}.file-copy small,.layer-copy small{font-size:10px}.file-index,.region-index{font:10px IBM Plex Mono,monospace}.region-item{font-size:12px}.region-item button,.layer-actions button{width:27px;height:27px}.editor-main{background:#0d121a;background-image:linear-gradient(#b7c8ff05 1px,transparent 1px),linear-gradient(90deg,#b7c8ff05 1px,transparent 1px);background-size:36px 36px;grid-template-rows:57px minmax(0,1fr) 59px 126px}.canvas-topbar{background:#111720e8;border-color:#303744}.view-tabs{border-color:#394354;background:#0b1018}.view-tab{min-height:34px;padding:0 17px;color:#a5afc1;font-size:12px;font-weight:600}.view-tab.active{background:#303b56;color:#eef2ff;box-shadow:none}.canvas-top-meta,.stage-label,.timeline-heading,.transport .timecode,.timeline-card span,.progress-caption{font-family:IBM Plex Mono,monospace}.canvas-top-meta{color:#9ba8be;font-size:10px}.stage-label{color:#a7b3c9;font-size:10px}.stage-hint{color:#9da8bc;font-size:11px}.source-frame,.output-frame{border-color:#4a5a75;box-shadow:0 20px 60px #03091580}.source-empty strong,.canvas-empty strong{font-size:16px}.source-empty span,.canvas-empty small{font-size:12px}.source-frame video{object-fit:fill}.roi-box{border-color:#9aacff;background:#7185ef30;box-shadow:inset 0 0 0 1px #0008;color:#a8b8ff}.roi-box.active{border-color:#f2f5ff;background:#7185ef30;box-shadow:inset 0 0 0 1px #0009,0 0 0 2px #e5ebff55}.transport{background:#141922;border-color:#303744}.transport .timecode{font-size:10px}.transport-tip{color:#909cb0;font-size:11px}.timeline-section{background:#11161f}.timeline-heading{color:#aebbd0;font-size:10px}.timeline-empty{color:#919db0;font-size:11px}.timeline-card{border-color:#3b4658;background:#1b2431}.timeline-card.active{border-color:#879aff;background:#253153}.timeline-card strong{font-size:11px}.timeline-card span{font-size:10px}.property-name{color:#d8e0ff;font-size:13px;font-weight:700}.field{gap:6px;color:#b2bed0;font-size:11px;font-weight:600}.field input:not([type=range]),.field select{min-height:39px;padding:0 10px;border-color:#3c485c;background:#0e141e;color:#f1f3fa;font-size:12px}.field input[readonly]{color:#94a0b2;background:#161c26}.field input[type=range]{accent-color:#8295ff}.source-crop-controls{border-color:#3c4960;background:#171e2b}.source-crop-controls summary{color:#c2cdff;font-size:10px}.property-group-heading{color:#b2bed0;font-size:10px}.properties-grid{gap:13px}.crop-control-grid{gap:12px}.render-status{padding:12px;border-color:#43516a;background:#182131;color:#c8d2e5;font-size:11px}.render-status.success,.result-item{border-color:#3c655d;background:#15251f;color:#b7e5d0}.progress-track>div{background:#8497ff}.progress-caption{color:#aab5c9;font-size:10px}.result-item{font-size:11px}.help-dialog{background:#151c27;border-color:#4a5870}.help-dialog h2{font-size:20px}.help-dialog ol{font-size:13px}.help-dialog p{font-size:12px}@media(max-width:1220px){.editor-grid{grid-template-columns:245px minmax(320px,1fr) 290px}.panel-section{padding:15px}.privacy-copy small{display:none}}@media(max-width:1024px){.home-main{width:min(100% - 60px,1420px)}.home-hero{gap:30px}.home-main h1{font-size:clamp(50px,5.5vw,70px)}.workflow-stage{min-height:280px}.editor-grid{grid-template-columns:225px minmax(300px,1fr) 270px}.editor-header{gap:10px}.project-title{font-size:11px}}@media(max-width:800px){.site-header{height:72px}.home-main{width:min(100% - 48px,720px)}.home-hero{grid-template-columns:1fr;gap:42px;min-height:auto;padding:65px 0 70px}.home-main h1{max-width:620px;font-size:clamp(48px,8vw,72px)}.workflow-visual{max-width:650px}.workflow-stage{min-height:320px}.tools-heading{grid-template-columns:1fr;gap:12px}.editor-page{height:auto;overflow:auto}.app-shell{height:auto;display:block}.editor-header{height:72px}.editor-grid{display:flex;flex-direction:column}.left-sidebar,.right-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-main{height:800px}.privacy-pill{display:none}.stage-space{padding:18px}}@media(max-width:520px){.site-header{padding-left:18px;padding-right:18px}.brand{font-size:14px}.brand-mark{width:51px;height:51px}.header-link{gap:6px;font-size:11px}.header-link span{font-size:16px}.home-main{width:calc(100% - 36px)}.home-hero{padding:46px 0 58px;gap:34px}.hero-kicker{margin-bottom:24px;font-size:9px}.home-main h1{font-size:clamp(42px,11vw,58px)}.hero-lead{margin-top:22px;font-size:16px}.hero-actions{margin-top:31px}.hero-cta{width:100%}.workflow-visual{padding:17px}.workflow-stage{grid-template-columns:minmax(0,1fr) 22px minmax(67px,.48fr);gap:7px;min-height:220px;padding:17px 0}.workflow-join strong{font-size:17px}.vertical-caption{font-size:6px}.workflow-bottomline{font-size:7px;gap:5px}.tools-section{padding-top:32px}.tools-heading h2{font-size:34px}.tool-row{grid-template-columns:1fr auto;gap:8px 10px;min-height:120px}.tool-row-number{grid-column:1/-1}.tool-row-copy strong{font-size:18px}.tool-row-copy small{font-size:12px}.tool-row-state{font-size:8px}.editor-header{padding:0 12px}.editor-main{height:710px}.stage-space{padding:12px}.source-frame{width:100%}.right-sidebar,.left-sidebar{display:block}.canvas-top-meta{display:none}.view-tab{padding:0 11px;font-size:11px}.panel-section{padding:18px}.source-empty strong,.canvas-empty strong{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-secondary-link{display:inline-flex;gap:10px;align-items:center;margin-top:24px;color:#b8c6ff;font-size:13px;font-weight:600;border-bottom:1px solid #5c6f9b;padding-bottom:4px}.home-secondary-link:hover{color:#fff;border-color:#fff}.editor-header .project-title{margin:0}