@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#161616;--bg-1:#1f1f1f;--bg-2:#272727;--panel:#1f1f1f;--panel-strong:#161616;--line:#ffffff12;--line-strong:#ffffff21;--text-0:#e2e2e2;--text-1:#9a9a9a;--text-2:#606060;--accent:#d9813a;--accent-strong:#c06e28;--accent-soft:#d9813a29;--accent-glow:#d9813a38;--danger:#e05252;--danger-soft:#e052521f;--success:#52b788;--warning:#c9a227;--radius-lg:4px;--radius-md:3px;--radius-sm:2px;--shadow:0 1px 2px #0006;--shadow-md:0 4px 12px #0009}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text-0);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,sans-serif;font-size:13.5px;line-height:1.5}button,input,textarea,select{font:inherit}button{border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--text-0);cursor:pointer;letter-spacing:0;background:#ffffff0d;padding:.44rem .78rem;font-size:12.5px;font-weight:500;line-height:1.4;transition:border-color .15s,background .15s,box-shadow .15s,color .15s}button:hover{border-color:var(--line-strong);background:#ffffff17;box-shadow:0 1px 3px #0006}button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}input,textarea,select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-0);width:100%;color:var(--text-0);padding:.42rem .6rem;font-size:12px}input::placeholder,textarea::placeholder{color:var(--text-2)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical}a{color:var(--accent)}a:hover{color:var(--accent-strong)}pre{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-0);white-space:pre-wrap;max-height:220px;margin:0;padding:.72rem;font-family:JetBrains Mono,monospace;font-size:.76rem;overflow:auto}summary{cursor:pointer}.studio-shell{gap:.75rem;height:100dvh;padding:.65rem;display:grid;overflow:hidden}.studio-toolbar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-1);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:.6rem .9rem;display:grid}.toolbar-left{align-items:center;gap:.7rem;min-width:0;display:flex}.toolbar-tools{gap:.22rem;display:flex}.toolbar-tool{border-radius:var(--radius-sm);min-width:32px;color:var(--text-2);letter-spacing:0;background:0 0;border-color:#0000;padding:.38rem .44rem;font-size:.66rem;font-weight:600}.toolbar-tool:hover{background:var(--bg-2);border-color:var(--line);box-shadow:none}.toolbar-tool.active{background:var(--accent-soft);color:var(--accent);border-color:#d9813a66}.toolbar-logo{border-radius:var(--radius-sm);min-width:0;height:32px;box-shadow:none;background:0 0;border:0;flex-shrink:0;padding:0;line-height:0;overflow:hidden}.toolbar-logo:hover{box-shadow:none;background:0 0;border-color:#0000}.toolbar-logo-image{width:auto;max-width:168px;height:100%;display:block}.toolbar-left h1{letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:600}.toolbar-left p{color:var(--text-2);margin:0;font-size:.76rem;line-height:1.3}.toolbar-center{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.zoom-controls{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-0);align-items:center;gap:.32rem;padding:.18rem .35rem;display:inline-flex}.zoom-controls span{text-align:center;min-width:38px;color:var(--text-1);font-size:.72rem}.zoom-button{border-radius:var(--radius-sm);width:24px;min-width:24px;height:24px;color:var(--text-0);background:#ffffff0f;place-items:center;padding:0;display:grid}.toolbar-pill{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-1);color:var(--text-1);box-shadow:var(--shadow);padding:.32rem .68rem;font-size:.73rem;font-weight:450}.toolbar-right{align-items:center;gap:.3rem;display:flex}.toolbar-icon-btn{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.toolbar-icon-btn.toolbar-icon-btn-active{background:var(--accent-soft);color:var(--accent);border-color:#d9813a47}.toolbar-sep{background:var(--line-strong);flex-shrink:0;width:1px;height:16px;margin:0 .15rem}.toolbar-export{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600;box-shadow:0 2px 8px #d9813a40}.toolbar-export:hover{background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 3px 12px #d9813a59}.error-banner,.success-banner{border-radius:var(--radius-md);border:1px solid var(--line);padding:.65rem .8rem;font-size:.82rem;font-weight:450}.error-banner{color:#f47070;background:#e052521f;border-color:#e0525266}.success-banner{color:#52c89b;background:#52b7881f;border-color:#52b78866}.studio-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(290px,355px);gap:.8rem;min-height:0;display:grid;overflow:hidden}.left-rail,.center-rail,.right-rail{min-width:0;min-height:0}.center-rail{min-height:0;overflow:auto}.left-rail,.right-rail{align-content:start;gap:.7rem;display:grid}.rail-panel,.chat-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-1);box-shadow:var(--shadow);padding:.85rem}.panel-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.62rem;display:flex}.panel-head h2,.panel-head h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin:0;font-size:11px;font-weight:700}.panel-head span,.panel-head small{color:var(--text-2);font-size:.76rem}.layer-tree{gap:.45rem;max-height:clamp(380px,56vh,760px);padding-right:.2rem;display:grid;overflow:auto}.layer-tree details{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-1);box-shadow:var(--shadow);padding:.38rem .5rem;overflow:hidden}.layer-tree summary{min-width:0;color:var(--text-1);justify-content:space-between;align-items:center;gap:.6rem;font-size:.8rem;font-weight:600;list-style:none;display:flex}.layer-tree summary::-webkit-details-marker{display:none}.layer-tree-list{gap:.24rem;margin:.42rem 0 0;padding:0;list-style:none;display:grid}.layer-tree-item{text-align:left;border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--text-1);background:0 0;border-color:#0000;justify-content:space-between;align-items:center;gap:.45rem;padding:.42rem .6rem;font-size:.82rem;font-weight:450;transition:background .1s,color .1s,border-color .1s;display:flex}.layer-tree-item:hover{background:var(--bg-2);color:var(--text-0);box-shadow:none}.layer-tree-item small{color:var(--text-2);font-size:.7rem}.layer-tree-item-active{background:var(--accent-soft);color:var(--accent);border-color:#d9813a59;font-weight:500}.left-rail-hint{color:var(--text-2);margin:.55rem 0 0;font-size:.75rem;line-height:1.5}.workflow-stepper{flex-direction:column;padding:.6rem .7rem .7rem;display:flex}.wf-step{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;box-shadow:none;min-height:0;color:inherit;background:0 0;border:0;align-items:flex-start;gap:.65rem;padding:.28rem .35rem;transition:background .12s;display:flex}.wf-step:hover:not(:disabled){box-shadow:none;background:#ffffff0a}.wf-step:disabled{cursor:default;opacity:1}.wf-indicator{flex-direction:column;flex-shrink:0;align-items:center;gap:0;padding-top:2px;display:flex}.wf-dot{border:1.5px solid var(--line-strong);background:var(--bg-2);color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:border-color .2s,background .2s;display:flex}.wf-dot-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-glow)}.wf-dot-done{border-color:var(--success);background:var(--success);color:#000}.wf-connector{background:var(--line-strong);flex:1;width:1.5px;min-height:18px;margin:2px 0}.wf-step-disabled .wf-dot,.wf-step-disabled .wf-connector{opacity:.35}.wf-content{flex-direction:column;gap:.06rem;min-width:0;padding-bottom:6px;display:flex}.wf-label{color:var(--text-1);font-size:.78rem;font-weight:600;line-height:1.3}.wf-step-active .wf-label{color:var(--text-0)}.wf-step-done .wf-label{color:var(--text-1)}.wf-step-disabled .wf-label{color:var(--text-2)}.wf-hint{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.69rem;line-height:1.4;display:block;overflow:hidden}.wf-step-active .wf-hint{color:var(--accent)}.template-loader-grid{gap:.5rem;display:grid}.template-loader-grid label{color:var(--text-2);gap:.24rem;font-size:.76rem;display:grid}.template-url-field,.template-upload-field{grid-column:1/-1}.template-list{flex-wrap:wrap;gap:.42rem;max-height:150px;margin-top:.58rem;display:flex;overflow:auto}.template-chip{border-radius:var(--radius-sm);border-color:var(--line);background:#ffffff0a;padding:.34rem .65rem;font-size:.72rem;position:relative}.template-chip:hover .hover-preview-card,.template-chip:focus-within .hover-preview-card,.preview-anchor:hover .hover-preview-card,.preview-anchor:focus-within .hover-preview-card{opacity:1;pointer-events:auto;transform:translateY(0)}.preview-anchor{position:relative}.hover-preview-card{border:1px solid var(--line-strong);border-radius:var(--radius-md);z-index:40;opacity:0;pointer-events:none;background:#232323f7;width:240px;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;transform:translateY(7px);box-shadow:0 20px 30px #0009}.hover-preview-card img,.hover-preview-card video{object-fit:cover;width:100%;height:130px;display:block}.hover-preview-card .audio-preview-shell{border:0;border-radius:0;min-height:130px}.hover-preview-empty{border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--text-2);text-align:center;background:#272727eb;padding:.8rem;font-size:.76rem}.hover-preview-meta{gap:.24rem;padding:.55rem .62rem;display:grid}.hover-preview-meta strong{font-size:.8rem}.hover-preview-meta span{color:var(--text-2);font-size:.7rem}.workflow-controls-bar{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);gap:.48rem;margin-bottom:.58rem;padding:.56rem;display:grid}.workflow-controls-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.workflow-step-indicator{flex-wrap:wrap;align-items:center;gap:.34rem;margin:0;padding:0;list-style:none;display:flex}.workflow-step-indicator li{margin:0}.workflow-step-badge{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-1);color:var(--text-2);letter-spacing:0;box-shadow:var(--shadow);align-items:center;padding:.22rem .52rem;font-size:.67rem;font-weight:500;display:inline-flex}.workflow-step-badge-done{color:#4ade80;background:#52b7881f;border-color:#52b78866}.workflow-step-badge-ready{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b73}.workflow-tab-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem;display:grid}.workflow-tab{letter-spacing:0;font-size:.76rem}.workflow-tab.active{background:var(--accent-soft);color:var(--accent);border-color:#d9813a80}.workflow-controls-description{color:var(--text-2);margin:0;font-size:.74rem}.workflow-action-group{gap:.45rem;display:grid}.workflow-actions-toolbar{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.workflow-action-button{font-size:.76rem}.workflow-action-primary{background:#d9813a33;border-color:#d9813aa6}.workflow-action-secondary{background:#ffffff0a}.workflow-advanced-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);padding:.48rem}.workflow-export-options{gap:.34rem;display:grid}.workflow-export-options label{color:var(--text-2);gap:.24rem;font-size:.74rem;display:grid}.inline-actions{flex-wrap:wrap;gap:.35rem;display:flex}.stage-view-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);align-items:center;gap:0;padding:.18rem;display:inline-flex;overflow:hidden}.stage-view-toggle-button{border-radius:var(--radius-sm);border:1px solid #0000;padding:.26rem .62rem;font-size:.7rem;font-weight:500}.stage-view-toggle-button:hover{box-shadow:none;background:#ffffff0f;border-color:#0000}.stage-view-toggle-button.active{background:var(--bg-1);color:var(--accent);box-shadow:var(--shadow);border-color:#d9813a4d}.stage-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:.7rem;height:100%;min-height:0;display:grid}.workspace-stage{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-1);min-height:0;box-shadow:var(--shadow-md);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative}.stage-head{border-bottom:1px solid var(--line);background:var(--bg-1);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:flex-start;gap:.8rem;min-width:0;padding:.72rem .9rem;display:flex;overflow:hidden}.stage-head h2{letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:600}.stage-head small{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:.1rem;font-size:.73rem;display:block;overflow:hidden}.stage-head-title{flex-direction:column;gap:.1rem;min-width:0;display:flex}.stage-template-name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.stage-template-empty{color:var(--text-2);font-size:.78rem}.workspace-canvas{flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-pan-viewport{background:radial-gradient(circle, #ffffff0a 1px, transparent 1px) 0 0 / 22px 22px, var(--bg-0);-webkit-user-select:none;user-select:none;flex:1 1 0;min-height:0;position:relative;overflow:hidden}.canvas-artboard-wrap{flex-direction:column;display:flex}.canvas-artboard-label{flex-direction:column;gap:.18rem;padding:.55rem .2rem 0;display:flex}.canvas-hud-hint{opacity:.55;font-size:.63rem}.canvas-artboard-label strong{color:var(--text-1);font-size:.8rem;font-weight:500}.canvas-artboard-label small{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:900px;font-size:.66rem;overflow:hidden}.canvas-hud{z-index:10;border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--bg-1) 88%, transparent);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-md);pointer-events:auto;align-items:center;gap:.3rem;width:fit-content;padding:.22rem .4rem;display:inline-flex;position:absolute;bottom:.6rem;left:.6rem}.canvas-hud-tools{align-items:center;gap:.1rem;display:flex}.canvas-hud-zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:36px;color:var(--text-1);padding:0 .15rem;font-size:.72rem;font-weight:600}.canvas-hud-divider{background:var(--line);flex-shrink:0;width:1px;height:16px;margin:0 .2rem}.canvas-hud-pill{color:var(--text-2);border-radius:var(--radius-sm);white-space:nowrap;padding:.2rem .5rem;font-size:.71rem;font-weight:450}.template-stage-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:420px;display:grid;overflow:hidden}.template-stage-frame{overscroll-behavior:contain;place-items:center;min-height:0;padding:.5rem;display:grid;overflow:auto}.template-stage-zoom{display:contents}.stage-artboard-grid{flex-wrap:nowrap;align-items:flex-start;gap:.56rem;padding:.42rem;display:flex}.stage-artboard-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);flex:0 0 clamp(200px,22vw,420px);grid-template-rows:auto auto;margin:0;display:grid;overflow:hidden}.stage-artboard-media{background:var(--bg-0);width:100%}.stage-artboard-media img,.stage-artboard-media video{object-fit:contain;width:100%;height:auto;display:block}.stage-artboard-media .audio-preview-shell{border:0;border-radius:0;width:100%;height:100%;min-height:150px}.stage-artboard-card figcaption{border-top:1px solid var(--line);background:var(--bg-1);gap:.12rem;padding:.44rem .52rem;display:grid}.stage-artboard-card figcaption strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.stage-artboard-card figcaption span{color:var(--text-2);font-size:.66rem}.template-stage-frame img,.template-stage-frame video{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-0);width:100%;height:100%;max-height:100%}.template-stage-frame .audio-preview-shell{width:min(560px,100%)}.template-stage-empty{border-radius:var(--radius-lg);text-align:center;background:#d9813a0a;border:1.5px dashed #d9813a33;place-items:center;gap:.6rem;width:min(520px,100%);padding:2.5rem 2rem;display:grid}.template-stage-empty strong{color:var(--text-0);letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:600}.template-stage-empty p{color:var(--text-2);max-width:320px;margin:0;font-size:.82rem;line-height:1.55}.template-stage-meta{border-top:1px solid var(--line);background:var(--bg-1);gap:.28rem;padding:.58rem .7rem;display:grid}.template-stage-meta h3{margin:0;font-family:Inter,sans-serif;font-size:1rem}.template-stage-meta small{color:var(--text-2);word-break:break-all;font-size:.72rem}.template-stage-meta p{color:var(--text-1);margin:0;font-size:.76rem}.workspace-sheet-open-wrap{border-top:1px solid var(--line);background:var(--bg-1);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex:none;justify-content:center;padding:.55rem;display:flex}.workspace-sheet-open{background:var(--bg-0);border-color:#d9813a85}.workspace-popup .ghost-button{background:#232323f5}.workspace-popup{background:var(--bg-1);border-top:1px solid #d9813a73;flex-direction:column;flex:0 0 min(42%,460px);min-height:0;display:flex;overflow:hidden;box-shadow:0 -4px 24px #00000080}.workspace-popup-head{border-bottom:1px solid var(--line);gap:.34rem;padding:.54rem .66rem;display:grid}.workspace-popup-handle{background:var(--line-strong);border-radius:2px;width:54px;height:4px;margin:0 auto}.workspace-popup-head strong{letter-spacing:0;color:var(--text-1);font-size:.82rem}.workspace-popup-head small{color:var(--text-2);font-size:.71rem}.workspace-popup-body{flex:1 1 0;min-height:0;padding:.52rem;overflow:auto}.tab-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);min-height:auto;padding:.62rem}.matrix-toolbar{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.72rem;display:flex}.matrix-toolbar span{color:var(--text-1);font-size:.74rem}.matrix-toolbar-actions{align-items:center;gap:.42rem;display:inline-flex}.matrix-summary-banner{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);color:var(--text-1);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.42rem .5rem;font-size:.72rem;display:flex}.matrix-scroll{border:1px solid var(--line);border-radius:var(--radius-sm);scrollbar-gutter:stable both-edges;max-height:min(58vh,560px);overflow:auto}.matrix-table{border-collapse:collapse;width:max-content;min-width:max(100%,980px)}.matrix-table th,.matrix-table td{border-bottom:1px solid var(--line);vertical-align:top;border-right:1px solid #ffffff0d;min-width:260px;padding:.46rem}.matrix-table th{z-index:4;text-align:left;background:#1b1b1bfa;font-size:.74rem;position:sticky;top:0}.matrix-table td{background:var(--bg-2)}.matrix-row:hover td{background:#ffffff0f}.matrix-row-selected td{background:#d9813a1a}.matrix-row-selected .matrix-cell-variant,.matrix-row-selected .matrix-cell-actions{background:#d9813a29!important}.matrix-col-variant,.matrix-cell-variant{z-index:5;max-width:210px;position:sticky;left:0;min-width:210px!important}.matrix-col-actions,.matrix-cell-actions{z-index:5;max-width:180px;position:sticky;right:0;min-width:180px!important}.matrix-col-variant,.matrix-col-actions{z-index:7}.matrix-cell-variant,.matrix-cell-actions{background:var(--bg-1)!important}.matrix-col-layer,.matrix-cell-layer{min-width:280px}.layer-col-title{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.table-actions{justify-items:stretch;gap:.3rem;display:grid}.status-pill{border-radius:var(--radius-sm);letter-spacing:0;border:1px solid var(--line);background:#ffffff0d;align-items:center;padding:.2rem .48rem;font-size:.66rem;display:inline-flex}.status-draft,.status-idle{border-color:var(--line)}.status-generating,.status-ready{color:#fbbf24;border-color:#f5b95d73}.status-rendered,.status-done{color:#4ade80;border-color:#51d68c73}.status-failed,.status-error{color:#f87171;border-color:#ff6f8880}.inline-error{color:#f87171;margin:.3rem 0 0;font-size:.72rem}.layer-editor{gap:.35rem;display:grid}.layer-editor.compact textarea{min-height:54px}.editor-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem;display:grid}.result-grid{gap:.56rem;display:grid}.result-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);padding:.6rem}.result-card-selected{border-color:#d9813a99;box-shadow:0 0 0 2px #d9813a24}.result-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.result-head h3{margin:0;font-size:.88rem}.result-actions{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.checkbox-inline{color:var(--text-1);align-items:center;gap:.35rem;font-size:.76rem;display:inline-flex}.checkbox-inline input{width:auto;margin:0}.result-preview-controls{gap:.22rem;margin-top:.4rem;display:grid}.preview-inline-error{color:#f87171;font-size:.72rem}.preview-assets{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.44rem;margin-top:.5rem;display:grid}.preview-assets figure{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);margin:0;overflow:hidden}.preview-assets img,.preview-assets video{object-fit:cover;width:100%;height:118px;display:block}.preview-assets .audio-preview-shell{border:0;border-radius:0;min-height:118px}.preview-assets figcaption{gap:.15rem;padding:.44rem;display:grid}.preview-assets figcaption strong{font-size:.76rem}.preview-assets figcaption span{color:var(--text-2);font-size:.68rem}.fallback-note{border:1px dashed var(--line);border-radius:var(--radius-sm);margin-top:.44rem;padding:.46rem}.fallback-note p{color:var(--text-1);margin:0;font-size:.76rem}.fallback-note small{color:#f87171}.audio-preview-shell{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text-1);align-content:center;gap:.52rem;padding:.72rem;display:grid}.audio-preview-shell strong{font-size:.78rem}.audio-preview-shell audio{width:100%}.timeline-filters{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.chip{border-radius:var(--radius-sm);border-color:var(--line);background:var(--bg-1);color:var(--text-1);box-shadow:var(--shadow);padding:.34rem .68rem;font-size:.73rem;font-weight:450;transition:all .15s}.chip:hover{border-color:var(--line-strong);background:var(--bg-2);box-shadow:none}.chip.selected{background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);border-color:#d9813a80;font-weight:500}.timeline-list{gap:.42rem;display:grid}.timeline-event{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-0);gap:.25rem;padding:.48rem;display:grid}.timeline-event-pinned{border-color:#d9813a99}.timeline-event-top{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.timeline-kind{border-radius:var(--radius-sm);border:1px solid var(--line);letter-spacing:0;padding:.13rem .4rem;font-size:.62rem}.timeline-kind-chat{border-color:#81a9d266}.timeline-kind-generation{border-color:#d9813a80}.timeline-event-badges{align-items:center;gap:.24rem;display:flex}.timeline-pin,.timeline-open{padding:.22rem .45rem;font-size:.67rem}.timeline-event strong{font-size:.8rem}.timeline-event p{color:var(--text-1);margin:0;font-size:.74rem}.timeline-event-footer{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.timeline-event-footer small{color:var(--text-2);font-size:.68rem}.timeline-media{gap:.45rem;display:grid}.timeline-media-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-0);overflow:hidden}.timeline-media-card img{object-fit:cover;width:100%;height:145px;display:block}.timeline-media-meta{gap:.25rem;padding:.5rem;display:grid}.timeline-media-meta strong{font-size:.79rem}.timeline-media-meta small{color:var(--text-2);font-size:.68rem}.preview-state-stack{gap:.26rem;display:grid}.preview-state-stack strong{font-size:.77rem}.preview-state-stack small{color:#f87171;font-size:.7rem}.right-rail{grid-template-rows:auto minmax(0,1fr);gap:.6rem;display:grid}.chat-tabs{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-2);box-shadow:var(--shadow);grid-template-columns:1fr 1fr;gap:.22rem;padding:.28rem;display:grid}.chat-tab{border-radius:var(--radius-sm);color:var(--text-2);letter-spacing:0;background:0 0;border:1px solid #0000;padding:.48rem .5rem;font-size:.79rem;font-weight:600;transition:all .15s}.chat-tab:hover{color:var(--text-1);box-shadow:none;background:#ffffff0d}.chat-tab.active{color:var(--accent);background:var(--bg-1);box-shadow:var(--shadow);border-color:#d9813a4d}.chat-panel{flex-direction:column;gap:.52rem;min-height:0;display:flex}.layer-agent-panel{flex-direction:column;align-items:stretch;gap:.52rem;min-height:0;display:flex}.chat-panel-header{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.chat-panel-header h2{display:none}.chat-stream{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-0);flex:auto;min-height:230px;padding:.65rem;overflow:auto}.chat-status-row{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.chat-status-pill,.chat-thread-pill{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--text-2);padding:.22rem .55rem;font-size:.69rem;font-weight:500}.chat-status-pill{color:var(--accent);background:var(--accent-soft);border-color:#d9813a59}.chat-status-pill.danger{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b73}.chat-scope-row{flex-wrap:wrap;gap:.32rem;display:flex}.chat-scope-button{border-radius:var(--radius-sm);border-color:var(--line);background:var(--bg-1);padding:.32rem .64rem;font-size:.72rem;font-weight:450;transition:all .15s}.chat-scope-button:hover{background:var(--bg-2);border-color:var(--line-strong);box-shadow:none}.chat-scope-button.active{background:var(--accent-soft);color:var(--accent);border-color:#d9813a80;font-weight:500}.chat-scope-hint{color:var(--text-2);margin:-.2rem 0 0;font-size:.69rem}.chat-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;min-height:160px;padding:1.5rem 1rem;display:flex}.chat-empty-state h4{color:var(--text-1);margin:0;font-size:.9rem;font-weight:600}.chat-empty-state p{color:var(--text-2);max-width:240px;margin:0;font-size:.77rem;line-height:1.5}.bubble{border-radius:var(--radius-sm);background:var(--bg-1);box-shadow:var(--shadow);border:1px solid #0000;margin-bottom:.45rem;padding:.6rem .7rem}.bubble-focused{box-shadow:0 0 0 3px var(--accent-soft);border-color:#d9813a80}.bubble-user{box-shadow:none;background:linear-gradient(135deg,#d9813a14 0%,#d9813a0f 100%);border-color:#d9813a40}.bubble-assistant{border-color:var(--line);background:var(--bg-1)}.bubble-tool{box-shadow:none;background:#f59e0b0f;border-color:#f59e0b4d}.bubble-system{box-shadow:none;background:#e052520f;border-color:#e052524d}.bubble-head{justify-content:space-between;gap:.5rem;margin-bottom:.28rem;display:flex}.bubble-head small{letter-spacing:.03em;text-transform:uppercase;color:var(--text-2);font-size:.67rem;font-weight:600}.bubble p{color:var(--text-0);white-space:pre-wrap;margin:0;font-size:.82rem;line-height:1.55}.chat-jump-row{justify-content:center;display:flex}.chat-jump-button{font-size:.72rem}.chat-action-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);gap:.44rem;padding:.46rem;display:grid}.chat-action-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.chat-action-head small{color:var(--text-2);font-size:.66rem}.chat-action-grid{flex-wrap:wrap;gap:.34rem;display:flex}.suggestion-chip-wrap{flex-wrap:wrap;gap:.4rem;display:flex}.suggestion-chip-item{align-items:center;gap:.2rem;display:inline-flex}.chip-pin-button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-1);color:var(--text-2);padding:.18rem .38rem;font-size:.69rem;transition:all .12s}.chip-pin-button:hover{color:var(--accent);box-shadow:none;border-color:#d9813a66}.chip-pin-button.active{color:var(--accent);background:var(--accent-soft);border-color:#d9813a8c}.chat-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.4rem;display:grid}.chat-input-row textarea{resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-1);min-height:68px;padding:.6rem .75rem;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.chat-input-row textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-config-card,.reasoning-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);padding:.5rem}.chat-config-card summary,.reasoning-card summary{color:var(--text-2);letter-spacing:0;font-size:.78rem}.chat-config-card[open],.reasoning-card[open]{gap:.5rem;display:grid}.chat-meta-grid{grid-template-columns:1fr;gap:.45rem;display:grid}.chat-meta-grid label{color:var(--text-2);gap:.25rem;font-size:.74rem;display:grid}.session-toolbar{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.session-toolbar h3{color:var(--text-2);margin:0;font-size:.82rem}.session-list{gap:.32rem;max-height:150px;display:grid;overflow:auto}.session-row{grid-template-columns:1fr auto;gap:.3rem;display:grid}.session-row button:first-child{text-align:left}.tool-chip-wrap{flex-wrap:wrap;gap:.34rem;display:flex}.upload-form{gap:.34rem;display:grid}.upload-row{grid-template-columns:minmax(120px,.5fr) 1fr;gap:.32rem;display:grid}.chat-files-head{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.chat-files-head small{color:var(--text-2);font-size:.72rem}.file-list-toggle{padding:.24rem .46rem;font-size:.66rem}.chat-files{gap:.33rem;max-height:250px;display:grid;overflow:auto}.chat-file-row{grid-template-columns:1fr auto;align-items:center;gap:.32rem;display:grid}.empty-state{color:var(--text-2);margin:0;font-size:.76rem}.ghost-button{background:#ffffff0a}.danger{color:#f87171;background:#ff6f881a;border-color:#ff6f8873}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#0009;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-1);gap:.6rem;width:min(480px,100%);padding:1.2rem;display:grid;box-shadow:0 20px 40px #0009,0 8px 16px #0006}.modal-card h3{margin:0}.modal-card label{color:var(--text-2);gap:.24rem;font-size:.78rem;display:grid}.modal-actions{justify-content:flex-end;gap:.35rem;display:flex}.modal-card-setup{grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);max-height:min(84vh,920px)}.setup-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.setup-grid{grid-template-columns:1fr 1fr;gap:.65rem;min-height:0;display:grid;overflow:auto}.setup-section{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);align-content:start;gap:.52rem;padding:.68rem;display:grid}.setup-section h4{letter-spacing:0;color:var(--text-1);margin:0;font-size:.86rem}@media (width<=1700px){.studio-layout{grid-template-columns:minmax(288px,340px) minmax(0,1fr) minmax(270px,320px)}}@media (width<=1400px){.studio-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left right""center right";align-items:start}.toolbar-left{grid-area:left}.toolbar-center{grid-area:center;justify-content:flex-start}.toolbar-right{grid-area:right}.studio-layout{grid-template-columns:minmax(272px,336px) minmax(0,1fr)}.right-rail{grid-column:1/-1}.chat-panel{grid-template-rows:auto minmax(220px,1fr) auto auto auto}}@media (width<=1160px){.stage-grid{grid-template-columns:1fr}.template-stage-card{min-height:310px}}@media (width<=980px){.studio-layout,.left-rail,.right-rail{grid-template-columns:1fr}.matrix-table{min-width:760px}.setup-grid{grid-template-columns:1fr}}@media (width<=720px){.studio-shell{padding:.45rem}.studio-toolbar{grid-template-columns:1fr;grid-template-areas:"left""right""center";gap:.55rem}.toolbar-left{flex-wrap:wrap;align-items:flex-start}.toolbar-left h1{font-size:.95rem}.toolbar-left p{max-width:200px;font-size:.74rem}.toolbar-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.toolbar-right button{flex:110px}.toolbar-center{justify-content:flex-start}.workspace-canvas{overflow:hidden}.template-stage-card{min-height:230px}.workspace-popup{flex-basis:min(66%,520px)}.workspace-popup-body{max-height:62vh}.workflow-tab-switch,.upload-row,.chat-file-row,.session-row{grid-template-columns:1fr}.modal-card-setup{max-height:88vh}}.studio-shell{grid-template-rows:auto auto minmax(0,1fr) auto;gap:.55rem}.studio-toolbar{min-height:48px;padding:.45rem .6rem}.toolbar-left,.toolbar-right{gap:.4rem}.toolbar-tools{align-items:center}.toolbar-tool{justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;display:inline-flex}.toolbar-logo{height:32px}.toolbar-logo-image{max-width:min(168px,42vw)}.toolbar-pill-mono{font-family:JetBrains Mono,monospace}.toolbar-right button{align-items:center;gap:.35rem;display:inline-flex}.studio-layout{grid-row:3;grid-template-columns:332px minmax(0,1fr) 320px;min-height:0}.center-rail .stage-grid{grid-template-columns:minmax(0,1fr)}.left-rail{scrollbar-gutter:stable;min-width:0;overflow:auto}.layer-group-toggle{min-width:0;max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border:0;flex:auto;padding:0;display:block;overflow:hidden}.layer-tree-item>span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.stage-head>div{min-width:0}.stage-head .inline-actions{flex:none}.editor-canvas-shell{border-radius:var(--radius-sm);border:1px solid #ffffff14;width:1080px;height:1080px;position:relative;overflow:hidden}.editor-canvas-grid{background:radial-gradient(circle at 1px 1px, #ffffff0a 1px, transparent 1px) 0 0 / 24px 24px, var(--bg-0);position:absolute;inset:0}.editor-canvas-base{position:absolute;inset:0;overflow:hidden}.editor-canvas-media{object-fit:contain;width:100%;height:100%}.editor-canvas-media--cover{object-fit:cover}.editor-canvas-text-preview{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding:5rem 4rem;display:flex;position:absolute;inset:0}.editor-canvas-text-value{letter-spacing:-.02em;word-break:break-word;white-space:pre-wrap;max-width:100%;font-size:clamp(36px,7.5%,128px);line-height:1.2}.editor-canvas-text-type-hint{opacity:.38;letter-spacing:0;font-family:Inter,sans-serif;font-size:24px;font-weight:400}.video-layer-overlay{border:1px solid var(--line);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);background:#232323eb;gap:.26rem;padding:.52rem .6rem;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.video-layer-overlay strong{color:var(--text-0);font-size:.74rem}.video-layer-overlay span{color:var(--text-2);font-size:.68rem}.video-layer-overlay-actions{align-items:center;gap:.34rem;margin-top:.24rem;display:inline-flex}.video-layer-empty-state{text-align:center;background:#d9813a0a;place-items:center;gap:.5rem;padding:1.3rem;display:grid;position:absolute;inset:0}.video-layer-empty-state strong{font-size:.88rem}.video-layer-empty-state p{max-width:280px;color:var(--text-2);margin:0;font-size:.74rem}.mask-painter{flex-direction:column;display:flex;position:absolute;inset:0}.mask-painter-bg{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.mask-painter-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.mask-painter-canvas-erasing{cursor:cell}.mask-painter-hint{color:#ffffffb3;border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;background:#232323eb;padding:.32rem .72rem;font-size:11px;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.mask-painter-controls{background:var(--bg-1);border:1px solid var(--line-strong);border-radius:var(--radius-lg);z-index:10;white-space:nowrap;align-items:center;gap:.5rem;padding:.38rem .52rem;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0009}.mask-painter-tools{align-items:center;gap:.22rem;display:flex}.mask-divider{background:var(--line-strong);flex-shrink:0;width:1px;height:18px;margin:0 .18rem}.mask-tool{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-1);background:0 0;border-color:#0000;place-items:center;padding:0;transition:background .1s,color .1s;display:grid}.mask-tool:hover{color:var(--text-0);background:#ffffff14;border-color:#0000}.mask-tool.active{background:var(--accent-soft);color:var(--accent);border-color:#d9813a4d}.mask-brush-size{color:var(--text-2);text-align:center;min-width:30px;font-size:11px}.mask-prompt-input{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-0);width:200px;height:28px;color:var(--text-0);flex-shrink:0;padding:0 .52rem;font-size:12px}.mask-prompt-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #d9813a33}.mask-painter-actions{gap:.36rem;display:flex}.mask-cancel,.mask-apply{border-radius:var(--radius-sm);align-items:center;gap:.3rem;height:28px;padding:.32rem .64rem;font-size:12px;font-weight:500;display:inline-flex}.mask-cancel{border-color:var(--line-strong);color:var(--text-1);background:0 0}.mask-cancel:hover{color:var(--text-0);background:#ffffff0f}.mask-apply{background:var(--accent);border-color:var(--accent);color:#fff}.mask-apply:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.mask-apply:disabled{opacity:.38;cursor:not-allowed}.target-layer-chip{text-align:right;gap:.1rem;display:inline-grid}.target-layer-chip span{color:var(--text-2);font-size:.62rem}.target-layer-chip strong{font-size:.72rem}.agent-model-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);gap:.35rem;padding:.55rem;display:grid}.agent-model-card p{color:var(--text-1);margin:0;font-size:.72rem}.video-input-mode-toggle{align-items:center;gap:.34rem;display:inline-flex}.video-input-mode-toggle .ghost-button.active{color:var(--accent);background:#d9813a2e;border-color:#d9813a94}.video-input-mode-hint{color:var(--text-2);margin:0;font-size:.64rem}.agent-capabilities{flex-wrap:wrap;align-items:flex-start;gap:.3rem;display:flex}.agent-capabilities span{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-2);justify-content:center;align-items:center;padding:.14rem .42rem;font-size:.62rem;display:inline-flex}.agent-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.agent-action-button{border-radius:var(--radius-sm);text-align:left;background:#ffffff0a;border-color:#ffffff1a;gap:.14rem;padding:.42rem .46rem;display:grid}.agent-action-button strong{font-size:.7rem}.agent-action-button small{color:var(--text-2);font-size:.62rem}.agent-action-button.active{background:#d9813a33;border-color:#d9813a9e}.agent-prompt{color:var(--text-2);gap:.24rem;font-size:.72rem;display:grid}.agent-prompt small{color:var(--text-2);font-size:.64rem}.agent-queue{border-top:1px solid var(--line);gap:.34rem;min-height:0;margin-top:.2rem;padding-top:.5rem;display:grid;overflow:auto}.queue-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);gap:.2rem;padding:.4rem;display:grid}.queue-item-top{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.queue-item-top strong{font-size:.7rem}.queue-item small{color:var(--text-2);font-size:.62rem}.queue-progress-track{background:var(--line);border-radius:2px;width:100%;height:5px;overflow:hidden}.queue-progress-fill{background:#d9813ac7;border-radius:2px;height:100%}.editor-status-bar{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);min-height:28px;color:var(--text-2);align-items:center;gap:.45rem;padding:.22rem .65rem;font-size:.68rem;display:flex}.status-mono{font-family:JetBrains Mono,monospace}.status-layer-chip{border-radius:var(--radius-sm);color:var(--accent);border:1px solid #d9813a6b;padding:.12rem .42rem}.status-spacer{flex:1}.status-ready-dot{background:#51d68ce6;border-radius:999px;width:6px;height:6px}.sso-shell{justify-content:center;align-items:center}.sso-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--bg-1);width:min(560px,92vw);box-shadow:var(--shadow-md);flex-direction:column;gap:.9rem;padding:1.3rem;display:flex}.sso-card p{color:var(--text-1);margin:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rail-overlay-backdrop{z-index:60;background:#00000080;border:0;padding:0;display:none;position:fixed;inset:48px 0 28px}.rail-toggle-button{display:none!important}@media (width<=1700px){.studio-layout{grid-template-columns:320px minmax(0,1fr) 308px}}@media (width<=1400px){.studio-layout{grid-template-columns:300px minmax(0,1fr)}}@media (width<=1024px){.studio-layout{grid-template-columns:minmax(0,1fr)}.center-rail .stage-grid{grid-template-columns:1fr}.rail-toggle-button{display:inline-flex!important}.right-rail{z-index:90;border-left:1px solid var(--line);background:#1b1b1bfc;width:min(360px,100vw);padding:.4rem;transition:transform .18s;position:fixed;top:54px;bottom:38px;right:0;transform:translate(100%)}.studio-shell.rail-view-ai .right-rail{transform:translate(0)}.rail-overlay-backdrop{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=768px){.left-rail{z-index:95;border-right:1px solid var(--line);background:#1b1b1bfc;width:min(300px,100vw);padding:.4rem;transition:transform .18s;position:fixed;top:54px;bottom:38px;left:0;transform:translate(-100%)}.studio-shell.left-rail-open .left-rail{transform:translate(0)}.right-rail{width:100vw}.editor-canvas-shell{width:840px;height:840px}.toolbar-right{width:100%}.toolbar-right button{flex:120px}}.video-timeline{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-strong);flex-direction:column;flex-shrink:0;height:190px;display:flex;overflow:hidden}.vt-collapsed{height:auto}.vt-collapsed .vt-header{border-bottom:0}.vt-toggle{border:0;border-right:1px solid var(--line);width:26px;color:var(--text-2);cursor:pointer;box-shadow:none;background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color 80ms,background 80ms;display:flex}.vt-toggle:hover{color:var(--text-1);box-shadow:none;background:#ffffff0a;border-radius:0}.vt-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:stretch;height:26px;display:flex}.vt-label-col{border-right:1px solid var(--line);flex:0 0 170px;align-items:center;gap:.45rem;width:170px;padding:0 .55rem;display:flex}.vt-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:10px;font-weight:700}.vt-duration{color:var(--text-2);font-family:JetBrains Mono,monospace;font-size:.62rem}.vt-ruler{flex:1 1 0;min-width:0;position:relative;overflow:hidden}.vt-ruler-mark{color:var(--text-2);white-space:nowrap;padding-left:3px;font-family:JetBrains Mono,monospace;font-size:.58rem;position:absolute;top:50%;transform:translateY(-50%)}.vt-ruler-mark:first-child{left:.5rem!important}.vt-ruler-hint{color:var(--text-2);opacity:.5;white-space:nowrap;font-size:.62rem;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.vt-status{color:var(--text-2);border-left:1px solid var(--line);flex-shrink:0;align-items:center;gap:.28rem;min-width:180px;padding:0 .6rem;font-size:.67rem;display:flex}.vt-sep{opacity:.35}.vt-tracks{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden auto}.vt-track{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:0;flex-shrink:0;align-items:stretch;width:100%;height:22px;min-height:22px;padding:0;transition:background 80ms;display:flex}.vt-track:last-child{border-bottom:0}.vt-track:hover{box-shadow:none;background:#ffffff0a;border-radius:0}.vt-track-active{background:#d9813a17}.vt-track-active:hover{background:#d9813a21}.vt-track-label{border-right:1px solid var(--line);flex:0 0 170px;align-items:center;gap:.3rem;width:170px;min-width:0;padding:0 .55rem;display:flex}.vt-track-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.vt-track-name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;font-size:.69rem;overflow:hidden}.vt-track-active .vt-track-name{color:var(--text-0)}.vt-track-type{color:var(--text-2);letter-spacing:.02em;flex-shrink:0;font-size:.58rem;font-weight:600}.vt-track-body{flex:1 1 0;min-width:0;position:relative;overflow:hidden}.vt-clip{opacity:.55;border-radius:2px;align-items:center;min-width:3px;transition:opacity 80ms;display:flex;position:absolute;top:4px;bottom:4px}.vt-track:hover .vt-clip{opacity:.75}.vt-track-active .vt-clip{opacity:.9}.vt-clip-label{color:#000000b3;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:0 4px;font-size:.58rem;font-weight:600;line-height:1;overflow:hidden}