html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e7edf4;--paper:#fff;--ink:#172033;--muted:#5d6b80;--line:#d8e0ea;--accent:#2457d6;--accent-dark:#1a43ad;--danger:#b42318;--video:#2457d6;--audio:#0f8f68;--text:#c26a12;--wan:#6941c6;--shadow:0 16px 40px #17203314;--radius:14px;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-weight:650}.topbar{color:#fff;background:#111318;align-items:center;gap:12px;height:58px;padding:0 16px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:8px;font-weight:650;display:flex}.brand i{background:var(--accent);color:#fff;letter-spacing:.04em;border-radius:7px;padding:3px 7px;font-size:12px;font-style:normal}.editor-brand{margin-right:4px}.top-status{color:#d5deea;white-space:nowrap;background:#242a36;border-radius:99px;margin-left:8px;padding:4px 10px;font-size:12px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-actions .ghost{background:#fff}.home-shell{flex-direction:column;gap:28px;max-width:1080px;margin:0 auto;padding:28px 24px 64px;display:flex}.hero-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr);align-items:stretch;gap:28px;padding:32px;display:grid}.hero-copy h1{letter-spacing:-.035em;max-width:16ch;margin:0 0 12px;font-size:40px;line-height:1.08}.lead{color:var(--muted);max-width:48ch;margin:0;font-size:16px;line-height:1.5}.hero-board{color:#d5deea;background:#121722;border-radius:16px;flex-direction:column;gap:10px;min-height:280px;padding:14px;display:flex}.board-bar,.board-tracks div{align-items:center;gap:8px;font-size:12px;display:flex}.board-bar{color:#9aabc0;justify-content:space-between}.board-stage{background:linear-gradient(160deg,#243049,#121722 70%);border-radius:12px;flex:1;place-items:center;min-height:120px;display:grid}.board-stage b{color:#fff;letter-spacing:-.03em;font-size:28px;font-weight:650}.board-tracks{flex-direction:column;gap:6px;display:flex}.board-tracks span{width:48px}.board-tracks em{background:#3d6df0;border-radius:99px;flex:1;height:8px;display:block}.board-tracks em.short{background:#1aa37a;max-width:62%}.board-tracks em.tiny{background:#e39a3a;max-width:34%}.home-block{flex-direction:column;gap:12px;display:flex}.block-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.block-head h2{letter-spacing:-.02em;font-size:20px}.block-head p{color:var(--muted);margin:0;font-size:14px}.steps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.steps article{border:1px solid var(--line);border-radius:var(--radius);text-align:left;background:#fff;padding:16px 16px 18px}.steps span{color:var(--accent);letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.steps b{margin-bottom:6px;font-size:16px;display:block}.steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.spacer{flex:1}.primary,.ghost,.danger{border:1px solid #0000;border-radius:8px;padding:8px 14px}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-dark)}.ghost{color:var(--ink);background:0 0;border-color:#d0d5dd}.topbar .ghost{color:#fff;border-color:#3a4150}.danger{color:var(--danger);background:#fff;border-color:#f3c1c1}.small{padding:5px 10px;font-size:13px}button:disabled{opacity:.55;cursor:default}.home{min-height:100%}.hero-actions .primary{min-width:200px;padding:11px 18px}.drop{border-radius:var(--radius);color:var(--muted);text-align:center;background:#ffffffb8;border:1.5px dashed #b7c3d4;padding:18px}.drop.hot{border-color:var(--accent);color:var(--accent);background:#f3f7ff}.drop.compact{margin:0 0 10px;padding:12px;font-size:13px}.warn{color:var(--danger)}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);background:#ffffffa6;margin:0;padding:22px}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.card strong{font-size:16px}.card span,.muted{color:var(--muted);font-size:13px}.card .row-actions{margin-top:8px}.editor{flex-direction:column;height:100vh;display:flex;overflow:hidden}.menubar{border-bottom:1px solid var(--line);z-index:6;background:#fff;align-items:stretch;gap:2px;height:38px;padding:0 8px;display:flex;position:relative}.menu{align-items:center;display:flex;position:relative}.menu>button{background:0 0;border:0;border-radius:7px;padding:6px 10px}.menu>button:hover,.menu.open>button{background:#eaf0ff}.menu-list{border:1px solid var(--line);min-width:280px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:6px;display:none;position:absolute;top:calc(100% + 4px);left:0}.menu.open .menu-list{flex-direction:column;display:flex}.menu-list button{text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px;display:block}.menu-list button:hover{background:#f4f7fb}.menu-list small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.workspace{flex:1;grid-template-columns:340px minmax(0,1fr) 280px;min-width:0;min-height:0;display:grid}.wide{width:100%}.fine{color:var(--muted);margin:6px 0 10px;font-size:12px;line-height:1.4}.section{letter-spacing:.04em;text-transform:uppercase;color:#7b8494;margin:14px 0 8px;font-size:12px}.side h2,.inspector h2{margin-bottom:6px;font-size:18px}.topbar{flex:none}.title-input{width:180px;min-width:0;max-width:28vw}#exportBtn{flex:none}.side,.inspector{background:var(--paper);border-right:1px solid var(--line);min-height:0;padding:12px;overflow:auto}.inspector{border-right:0;border-left:1px solid var(--line)}.panel-kicker{letter-spacing:.06em;text-transform:uppercase;color:#7b8798;margin:0 0 8px;font-size:12px}.tabs{background:#eef2f6;border-radius:10px;gap:2px;margin-bottom:14px;padding:3px;display:flex}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1;padding:7px 2px;font-size:13px}.tab.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #17203314}.studio-field{min-width:0;margin-bottom:10px;font-size:13px}.studio-field>label{margin-bottom:4px;display:block}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px}textarea{resize:vertical}.hint{color:var(--muted);font-size:13px;line-height:1.4}.split{grid-template-columns:1fr 1fr;gap:8px;display:grid}.check{align-items:center;margin:0 0 10px;font-size:13px;display:flex}.check.ant-checkbox-wrapper+.check.ant-checkbox-wrapper{margin-inline-start:0}.checks{flex-direction:column;display:flex}.checks .ant-checkbox-wrapper{margin-inline-start:0;font-size:13px}.checks{justify-content:center;gap:4px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.asset-list,.job-list{flex-direction:column;gap:8px;display:flex}.asset{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:72px 1fr;gap:8px;padding:6px;display:grid}.asset img,.thumb-fallback{object-fit:cover;background:#eceff3;border-radius:6px;width:72px;height:48px}.thumb-fallback{color:var(--muted);place-items:center;font-size:11px;display:grid}.asset b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.badge{color:var(--wan);background:#efeaff;border-radius:99px;padding:1px 6px;font-size:11px;display:inline-block}.bar{background:#e8ebf0;border-radius:99px;height:6px;margin:8px 0;overflow:hidden}.bar div{background:var(--accent);width:0;height:100%}.job{color:var(--muted);font-size:12px}.pill{color:#fff;background:#2a3142;border-radius:99px;padding:4px 10px;font-size:12px}.title-input{color:#fff;background:0 0;border:1px solid #0000;width:180px;min-width:0;max-width:28vw;font-size:15px}.title-input:focus{border-color:#3a4150;outline:none}.stage-column{background:#f7f8fa;flex-direction:column;min-width:0;min-height:0;display:flex}.stage-wrap{background:#171b22;flex:1;place-items:center;min-height:0;display:grid}.stage{box-shadow:var(--shadow);background:#000;position:relative;overflow:hidden}.stage video,.stage img{object-fit:contain;width:100%;height:100%}.stage video[hidden],.stage img[hidden]{display:none!important}#textLayer{pointer-events:none;position:absolute;inset:0}.overlay-text{white-space:pre-wrap;text-shadow:0 0 2px #000,0 0 2px #000;max-width:90%;font-weight:700;position:absolute}.transport{border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;min-height:56px;padding:8px 12px;display:flex}.transport-cluster{background:#f3f6fa;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.transport button{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 10px;display:inline-flex}#playBtn{background:var(--accent);color:#fff;border-color:#0000}.transport button b{font-weight:500}.transport-note{max-width:280px;margin-left:auto}.legend{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.dot{border-radius:99px;width:8px;height:8px;display:inline-block}.dot.video{background:var(--video)}.dot.audio{background:var(--audio)}.dot.text{background:var(--text)}.dot.wan{background:var(--wan)}.tl-label{gap:6px}#timeLabel{font-variant-numeric:tabular-nums;font-family:Consolas,monospace}.timeline{border-top:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;height:248px;display:flex}.tl-toolbar{background:#f8fafc;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.tool-group{border-right:1px solid var(--line);align-items:center;gap:6px;padding-right:8px;display:flex}.zoom{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.keys{margin-left:auto}.tl-body{flex:1;grid-template-columns:72px minmax(0,1fr);min-width:0;min-height:0;display:grid}.tl-labels{border-right:1px solid var(--line);background:#f8f9fb}.tl-label{height:52px;color:var(--muted);align-items:center;padding:0 8px;font-size:12px;display:flex}.tl-label.ruler-space{height:28px}.tl-scroll{min-width:0;position:relative;overflow:auto}.tl-inner{min-width:100%;min-height:100%;position:relative}.ruler{border-bottom:1px solid var(--line);background:#f3f5f8;height:28px;position:relative;overflow:hidden}.tick{height:100%;color:var(--muted);border-left:1px solid #d5d9e0;padding-left:3px;font-size:10px;position:absolute;top:0}.lane{background:#fbfcfe;border-bottom:1px solid #eef0f3;height:52px;position:relative}.lane.hot{background:#eef4ff}.clip{color:#fff;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;height:36px;display:flex;position:absolute;top:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40}.clip.video{background:var(--video)}.clip.still{background-color:#1b2433;background-position:50%;background-size:cover}.clip.still .clip-label{text-shadow:0 1px 2px #000}.clip.audio{background:var(--audio)}.clip.text{background:var(--text)}.clip.wan{background:var(--wan)}.clip.selected{outline-offset:1px;outline:2px solid #111}.clip-label{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;padding:0 4px;font-size:12px;overflow:hidden}.handle{cursor:ew-resize;background:#0000002e;flex:none;width:8px;height:100%}.playhead{pointer-events:none;z-index:3;background:#e11d48;width:2px;position:absolute;top:0;bottom:0}.playhead:before{content:"";border-top:8px solid #e11d48;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:0;left:-5px}dialog{box-shadow:var(--shadow);border:0;border-radius:14px;padding:18px}dialog::backdrop{background:#11131873}#helpDialog{width:min(760px,94vw);max-height:88vh}.help-window{max-height:82vh;overflow:auto}.help h2{font-size:22px}.help h3{margin:18px 0 6px;font-size:16px}.help h4{margin:12px 0 4px;font-size:14px}.help p,.help li{font-size:14px;line-height:1.5}.help code,.help pre{background:#f4f6f8;border-radius:8px;font-family:Consolas,monospace}.help code{padding:1px 4px}.help pre{white-space:pre-wrap;padding:10px 12px;overflow:auto}.help ol,.help ul{padding-left:18px}.presets{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.presets button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px}#toasts{z-index:5;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{color:#fff;max-width:360px;box-shadow:var(--shadow);background:#1b1f27;border-radius:10px;padding:10px 12px}@media (width<=1180px){.workspace{grid-template-columns:300px minmax(0,1fr)}.inspector,.keys,.transport-note{display:none}.steps,.hero-panel{grid-template-columns:1fr}.block-head{flex-direction:column;align-items:flex-start}}#app{min-height:100%}body{line-height:normal}.loading{text-align:center;padding:30vh 20px;display:block}.menu-list{max-height:calc(100vh - 110px);overflow-y:auto}.menu.open .menu-list{z-index:10}.side-panel{min-width:0}.side label>input:not([type=checkbox]),.side label>select,.side label>textarea,.inspector label>input:not([type=checkbox]),.inspector label>select,.inspector label>textarea{width:100%;min-width:0}.asset-search{width:100%;margin-bottom:10px;font-size:13px}.asset-details{min-width:0}.asset .row-actions{gap:4px;margin-top:4px}.asset .row-actions .small{padding:3px 6px;font-size:11px}.preview-media{position:absolute;top:50%;left:50%}.preview-text{text-align:center;line-height:1.2;position:absolute}.preview-empty{color:#9aabc0;place-content:center;font-size:13px;display:grid;position:absolute;inset:0}dialog{max-width:min(94vw,760px);max-height:90vh;overflow-y:auto}#framesDialog{width:440px}#canvasDialog{width:390px}.menu button:focus-visible,.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.inspector-mobile-toggle{display:none}.ant-message{width:min(360px,100vw - 32px)!important;inset:auto 16px 16px auto!important}.ant-message .ant-message-notice{text-align:left;margin-top:8px;padding:0}.ant-message .ant-message-notice-content{color:#fff;box-shadow:var(--shadow);background:#1b1f27;border-radius:10px;padding:10px 12px}.ant-message .ant-message-custom-content{display:flex}.ant-message .anticon{display:none}.studio-field>.ant-select,.studio-field>.ant-input-number{width:100%;min-width:0;height:37px;font-size:13px}.studio-field>.ant-select .ant-select-selector{padding:0 8px}.studio-field>.ant-input-number .ant-input-number-input{height:35px;font-size:13px}.studio-field>.ant-input,.studio-field>.ant-input-affix-wrapper{padding:8px;font-size:13px}.studio-field>input[type=color]{width:100%;height:37px}.ant-btn{font:inherit}.ant-btn.primary,.ant-btn.ghost,.ant-btn.danger{height:auto;box-shadow:none;padding:8px 14px}.ant-btn.primary{background:var(--accent);color:#fff;border-color:#0000}.ant-btn.primary:not(:disabled):hover{background:var(--accent-dark);color:#fff;border-color:#0000}.ant-btn.ghost{color:var(--ink);background:0 0;border-color:#d0d5dd}.ant-btn.danger{color:var(--danger);background:#fff;border-color:#f3c1c1}.ant-btn.small{padding:5px 10px;font-size:13px}.topbar .ant-btn.ghost{color:#fff;border-color:#3a4150}.topbar .title-input.ant-input{color:#fff;background:0 0;border-color:#0000}.topbar .title-input.ant-input:focus{border-color:#3a4150}.ant-btn.tab{min-width:0;height:auto;box-shadow:none;font-size:13px;line-height:normal}.menu>.ant-btn{height:auto;box-shadow:none;line-height:normal}.menu-list .ant-btn{white-space:normal;height:auto;line-height:normal}.timeline-zoom.ant-slider{width:120px;margin:0 6px}.job-progress.ant-progress{margin:8px 0 10px;line-height:1;display:block}.studio-modal .ant-modal-body{max-height:calc(100dvh - 160px);overflow-y:auto}.studio-modal #canvasDialog,.studio-modal #framesDialog,.studio-modal #helpDialog{width:auto;max-height:none}.studio-modal .help-window{max-height:none;overflow:visible}@media (width<=1180px){.inspector-mobile-toggle{display:inline-flex}.workspace.show-inspector{grid-template-columns:300px minmax(0,1fr) 280px}.workspace.show-inspector .inspector{display:block}}@media (width<=700px){.topbar{gap:6px;padding:0 8px}.topbar .title-input{width:100px}.topbar button{padding:7px 8px;font-size:12px}.workspace{grid-template-columns:260px minmax(260px,1fr);overflow-x:auto}.workspace.show-inspector{grid-template-columns:260px minmax(260px,1fr) 260px}.menubar{overflow:visible}.menu>button{padding-inline:8px}.menu-list{min-width:250px}.menu:nth-last-child(-n+2) .menu-list{left:auto;right:0}.home-shell{padding:20px 14px 40px}.hero-panel{padding:22px}.hero-copy h1{font-size:34px}.timeline{height:276px}.legend{display:none}}