: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{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:linear-gradient(140deg,var(--accent),#4c83ff);box-shadow:0 0 24px #755bff56;color:#fff;font:800 12px Manrope,sans-serif;letter-spacing:-.08em}.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:active:not(:disabled){transform:translateY(1px)}.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:31px;height:31px}.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%}.render-section>*{min-width:0;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}.field input:not([type=range]),.field select{min-width:0;max-width:100%}.field input[readonly]{color:#b2bdd0;background:#151923;cursor:default}.property-control{gap:6px}.property-control input[type=range]{margin:0;min-width:0}