.layer-masks-panel{min-width:0;scroll-margin-top:64px}.mask-intro strong{font-size:14px;display:block}.mask-intro p{color:var(--muted);margin:6px 0 12px;font-size:12px;line-height:1.55}.mask-starts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mask-start-card,.mask-shape-cards button,.mask-operation-cards button{border:1px solid var(--border);background:var(--surface-2);min-width:0;color:var(--text);cursor:pointer;text-align:left;font:inherit;border-radius:10px;padding:7px;overflow:hidden}.mask-visual-preview{border-radius:6px;width:100%;height:auto;display:block}.mask-start-card>span{align-items:center;gap:5px;margin:8px 0 4px;font-size:12px;display:flex}.mask-start-card>span>svg{color:var(--accent);flex:none}.mask-start-card small{color:var(--muted);font-size:11px;line-height:1.5;display:block}.mask-start-text{grid-column:1/-1;grid-template-columns:100px 1fr;align-items:center;column-gap:12px;display:grid}.mask-start-text>.mask-visual-preview{grid-row:1/3}.mask-start-text>span{align-self:end;margin:0}.mask-start-text>small{align-self:start;margin-top:5px}.mask-start-card:hover:not(:disabled),.mask-shape-cards button:hover,.mask-operation-cards button:hover{border-color:var(--accent)}.mask-start-card:disabled{opacity:.45;cursor:default}.mask-example-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin:10px 0;font-size:11px;display:flex}.mask-check-swatch{border:1px solid var(--border);background:conic-gradient(#283140 25%,#161c26 0 50%,#283140 0 75%,#161c26 0) 0 0/8px 8px;border-radius:3px;flex:none;width:14px;height:14px;display:inline-block}.mask-other-source{white-space:normal;width:100%;min-height:44px;font-size:12px}.mask-live-result{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin:14px 0;padding:10px}.mask-live-heading{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.mask-live-heading>span{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.mask-live-heading i{background:#70d4a0;border-radius:50%;width:6px;height:6px}.mask-live-result canvas{object-fit:contain;background:#0b1018;border-radius:7px;width:100%;height:auto;max-height:160px;display:block}.mask-live-result p{margin:6px 0 0;font-size:11px;line-height:1.5}.mask-list-heading{justify-content:space-between;align-items:center;margin:14px 0 8px;font-size:12px;display:flex}.mask-list-heading>span{color:var(--muted);font-size:11px}.layer-mask-list{gap:6px;max-height:264px;margin:0 0 12px;padding:2px;display:grid;overflow:auto}.layer-mask-row{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;min-width:0;padding:3px;display:flex}.layer-mask-row.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.layer-mask-choose{min-width:0;min-height:52px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:5px;display:flex}.layer-mask-choose>.mask-visual-preview{flex:none;width:60px}.layer-mask-choose>span{gap:4px;min-width:0;display:grid}.layer-mask-choose strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.layer-mask-choose small{color:var(--muted);font-size:10px}.layer-mask-row>.btn{flex:none;min-width:44px;min-height:44px}.layer-mask-editor{border:1px solid var(--border);border-radius:12px;gap:12px;min-width:0;padding:12px;display:grid}.layer-mask-editor .field{min-width:0;margin:0}.layer-mask-editor input.text-input{box-sizing:border-box;width:100%;min-width:0;min-height:44px}.layer-mask-editor .ui-select{width:100%;min-width:0}.layer-mask-editor .ui-select-trigger{min-height:44px}.layer-mask-editor p{margin:0;line-height:1.5}.mask-step-title{align-items:center;gap:7px;padding-top:6px;font-size:12px;display:flex}.mask-step-title:not(:first-child){border-top:1px solid var(--border);padding-top:13px}.mask-step-title>span{background:var(--accent-soft);color:var(--accent);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.mask-shape-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mask-shape-cards button{text-align:center;min-height:68px;padding:5px;font-size:11px}.mask-shape-cards button>span{margin-top:5px;display:block}.mask-shape-cards button.active,.mask-operation-cards button.active{border-color:var(--accent);background:var(--accent-soft)}.mask-operation-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mask-operation-cards button{text-align:center;min-height:92px;padding:5px}.mask-operation-cards strong{margin:6px 0 3px;font-size:11px;line-height:1.3;display:block}.mask-operation-cards small{color:var(--muted);font-size:10px;display:block}.mask-operation-explanation{color:var(--muted);font-size:12px}.mask-drag-tip{background:var(--accent-soft);border-radius:8px;align-items:flex-start;gap:7px;padding:9px;font-size:11px;display:flex}.mask-drag-tip svg{color:var(--accent);flex:none}.layer-mask-size{grid-template-columns:1fr 1fr;gap:12px;display:grid}.layer-mask-warning{background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:12px;line-height:1.5}.layer-mask-warning p{margin:5px 0 8px}.layer-mask-keyframe-buttons{justify-content:space-between;align-items:center;gap:4px;margin-top:10px;display:flex}.layer-mask-keyframe-buttons>button{min-width:44px;min-height:44px}.layer-mask-keyframe-buttons>button:not(.icon){flex:1;padding-inline:6px;font-size:11px}.layer-mask-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.layer-mask-actions>button,.mask-remove{min-height:44px}.mask-remove{justify-self:stretch;font-size:12px}.mask-position,.mask-animation,.mask-advanced{min-width:0;margin:0}.mask-position>.field,.mask-advanced>.field{margin-top:12px}.mask-position>.layer-mask-size,.mask-animation>p,.mask-advanced>p{margin-top:10px}.mask-chosen-source{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.mask-chosen-source>svg{color:var(--accent);flex:none}.mask-chosen-source>span{flex:1;min-width:0}.mask-chosen-source strong,.mask-chosen-source small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.mask-chosen-source small{color:var(--muted);margin-top:4px;font-size:10px}.mask-chosen-source>button{min-height:44px;padding-inline:8px;font-size:11px}.mask-source-picker{border:1px solid var(--accent);background:var(--surface-2);border-radius:10px;margin-top:12px;padding:10px}.mask-source-heading{justify-content:space-between;align-items:center;gap:7px;font-size:12px;display:flex}.mask-source-heading button{min-width:44px;min-height:44px}.mask-source-picker>p{margin:5px 0 10px;font-size:11px;line-height:1.5}.mask-source-picker>input{box-sizing:border-box;width:100%;min-height:44px}.mask-source-cards{gap:6px;max-height:250px;margin-top:10px;display:grid;overflow:auto}.mask-source-card{text-align:left;border:1px solid var(--border);background:var(--surface);min-width:0;min-height:60px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:8px;display:flex}.mask-source-card:hover:not(:disabled){border-color:var(--accent)}.mask-source-card:disabled{opacity:.45;cursor:default}.mask-source-card>img,.mask-source-text{object-fit:cover;border-radius:4px;flex:none;width:64px;height:42px}.mask-source-text{overflow-wrap:anywhere;text-align:center;background:#10141c;place-items:center;font-size:14px;font-weight:800;line-height:1.15;display:grid;overflow:hidden}.mask-source-card>span:not(.mask-source-text){gap:4px;min-width:0;display:grid}.mask-source-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mask-source-card small{color:var(--muted);font-size:10px}.mask-start-card:focus-visible,.mask-shape-cards button:focus-visible,.mask-operation-cards button:focus-visible,.mask-source-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes mask-example-motion{0%,to{transform:translate(0)}50%{transform:translate(-18px)}}@media (prefers-reduced-motion:no-preference){.mask-operation-cards button:hover .mask-example-moving,.mask-operation-cards button:focus-visible .mask-example-moving,.mask-start-card:hover .mask-example-moving{animation:1.8s ease-in-out infinite mask-example-motion}}.mask-quickstarts{margin:10px 0 0}.mask-quickstarts>summary{box-sizing:border-box;min-height:44px}.mask-quickstarts .mask-starts{margin-top:10px}.mask-live-result,.mask-operation-cards{scroll-margin-top:64px}.mask-formula{gap:4px;margin:0 0 10px;padding:0;list-style:none;display:grid}.mask-formula-item{justify-items:stretch;gap:4px;display:grid}.mask-formula-chip{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;min-width:0;padding:3px;display:flex}.mask-formula-chip.static{color:var(--muted);border-style:dashed;gap:10px;padding:7px 8px}.mask-formula-chip.static>span:last-child{gap:2px;min-width:0;display:grid}.mask-formula-chip.static strong{color:var(--text);font-size:12px}.mask-formula-chip.static small{font-size:10px}.mask-formula-chip.static>.mask-visual-preview{flex:none;width:60px}.mask-formula-item.active>.mask-formula-chip{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.mask-formula-item.off>.mask-formula-chip{opacity:.55}.mask-formula-chip>.btn{flex:none;min-width:44px;min-height:44px}.mask-whole-thumb{aspect-ratio:16/10;background:#26303f 50%/cover;border-radius:6px;flex:none;width:60px}.mask-formula-op{background:var(--surface-3,#262b35);border:1px solid var(--border);border-radius:999px;justify-self:center;gap:2px;padding:3px;display:inline-flex}.mask-formula-op button{min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:11.5px;font-weight:600;display:inline-flex}.mask-formula-op button b{font-size:15px;line-height:1}.mask-formula-op button.active{background:var(--accent);color:#fff}.mask-formula-op button:focus-visible{outline:2px solid var(--select,#7cc4ff);outline-offset:1px}.mask-formula-eq{color:var(--muted);background:0 0;border:0;justify-self:center;padding:0 12px;font-size:18px;font-weight:700}.mask-formula-item.result{margin-top:2px}.mask-live-result.compact{margin:0}.mask-live-result.compact canvas{max-height:130px}@media (max-width:900px){.mask-formula-op button{min-height:44px}}.mask-formula-chip>.btn.danger{color:var(--danger,#ff6b6b)}.mask-kf-badge{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);vertical-align:middle;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:1px 5px;font-size:10px;font-style:normal;display:inline-flex}.mask-formula-add{border:1.5px dashed var(--border);width:100%;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.mask-formula-add:hover,.mask-formula-add.open{border-color:var(--accent);color:var(--text)}.mask-formula-add-menu{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:10px}.mask-editing-title{flex-wrap:wrap;align-items:baseline;gap:6px;margin:6px 0 4px;display:flex}.mask-editing-title strong{font-size:14px}.mask-step-title>.mask-step-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px;font-style:normal}.mask-animation{gap:10px;display:grid}.mask-kf-steps{color:var(--muted);gap:4px;margin:0;padding-left:18px;font-size:12px;line-height:1.45;display:grid}.mask-kf-steps b{color:var(--text);font-weight:600}.mask-kf-track{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;height:26px;margin:0 8px;position:relative}.mask-kf-dot{width:22px;height:22px;color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.mask-kf-dot.current{color:#fff;filter:drop-shadow(0 0 3px var(--accent))}.mask-kf-head{pointer-events:none;background:#fff;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#161920;--surface-2:#1d212a;--surface-3:#262b36;--border:#2b313d;--text:#eef0f4;--muted:#9aa3b2;--accent:#ff4f7b;--accent-strong:#ff2d63;--accent-soft:#ff4f7b24;--info:#3fa7ff;--success:#3ccf8e;--warning:#ffb547;--danger:#ff5d5d;--select:#ffd23f;--radius:12px;--radius-sm:8px;--gap:16px;--inspector-w:360px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--control-height:40px;--icon-size:18px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.btn{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:disabled{opacity:.4;cursor:default}.btn:focus-visible,.tile:focus-visible,.clip-card:focus-visible,.transition-slot:focus-visible,.segmented button:focus-visible{outline:2px solid var(--info);outline-offset:2px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-strong)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.danger{color:var(--danger)}.btn.icon{width:40px;padding:0}.btn.large{min-height:48px;padding:0 22px;font-size:16px}.btn>svg:not(.ease-curve){width:var(--icon-size);height:var(--icon-size);flex:none}.btn.small-btn>svg:not(.ease-curve){width:16px;height:16px}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--info);outline-offset:2px}.app{height:100%;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.topbar-actions{align-items:center;gap:6px;display:flex}.save-status{color:var(--muted);white-space:nowrap;font-size:12px}.save-status.error{color:var(--warning)}@media (max-width:600px){.save-status{display:none}}.notice{color:var(--warning);background:#ffb5471f;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex}.workspace{grid-template-columns:minmax(0, 1fr) var(--inspector-w);flex:1;grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"preview inspector""splitter inspector""timeline inspector";min-height:0;display:grid}.preview-area{flex-direction:column;grid-area:preview;min-height:0;display:flex;container:preview/inline-size}.stage{min-height:0;padding:var(--gap) var(--gap) 0;flex:1}.stage-box{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.preview-canvas{cursor:pointer;background:#000;border-radius:6px;display:block;box-shadow:0 0 0 1px #ffffff3d,0 8px 28px #0000008c}.empty-state{text-align:center;background:var(--bg);border:2px dashed var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.empty-state h1{text-wrap:balance;max-width:420px;font-size:22px}.empty-state p{color:var(--muted);max-width:420px}.empty-state .hint{font-size:13px}.workspace.empty .empty-state{background:0 0}.workspace.empty>.timeline{display:none!important}.workspace.empty .preview-canvas{visibility:hidden}.workspace.empty .preview-area{padding-bottom:var(--gap)}@media (max-width:900px){.workspace.empty .preview-area{flex:auto;height:auto;padding-bottom:8px}}.transport{padding:8px var(--gap);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.transport-buttons{align-items:center;gap:4px;display:flex}.transport-status{justify-content:flex-end;gap:6px;display:flex}.transport .play{background:var(--text);width:44px;min-height:44px;color:var(--bg);border:none;border-radius:50%}.transport .play:hover:not(:disabled){background:#fff}.time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}@container preview (width<=760px){.transport{justify-content:space-between;gap:6px;display:flex}.transport .time .muted{display:none}}.scrubber{flex:1;min-width:60px}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font:inherit;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.chip.action{cursor:pointer;color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}input[type=range]{accent-color:var(--accent);height:28px}.timeline{border-top:1px solid var(--border);background:var(--surface);padding:12px 0 calc(12px + env(safe-area-inset-bottom));grid-area:timeline;min-width:0}.strip{padding:4px var(--gap);scrollbar-width:thin;touch-action:pan-x;align-items:center;gap:6px;display:flex;position:relative;overflow-x:auto}.clip-card{border-radius:var(--radius-sm);background:var(--surface-3) center / cover no-repeat;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:2px solid #0000;flex:none;height:76px;transition:border-color .15s,box-shadow .15s;position:relative}.clip-card.selected{border-color:var(--accent)}.clip-card.dragging{z-index:2;cursor:grabbing;opacity:.85;transition:none;box-shadow:0 10px 24px #00000080}.clip-index,.clip-duration{font-variant-numeric:tabular-nums;background:#000000a6;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600;position:absolute}.clip-index{top:4px;left:4px}.clip-duration{bottom:4px;right:4px}.transition-slot{border:1px dashed var(--muted);background:var(--surface-2);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.transition-slot.filled{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent)}.transition-slot.selected{background:var(--accent);border-color:var(--accent);color:#fff}.add-card{border-radius:var(--radius-sm);border:1px dashed var(--border);width:76px;height:76px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;margin-left:6px;font-size:12px;display:flex}.drop-marker{background:var(--info);pointer-events:none;border-radius:2px;width:3px;margin-left:-1px;position:absolute;top:4px;bottom:4px}.timeline-hint{padding:8px var(--gap) 0;color:var(--muted);font-size:12px}.tl{padding:6px 0 calc(6px + env(safe-area-inset-bottom));position:relative}.tl-viewport{position:relative}.tl-ruler{pointer-events:none;z-index:1;position:absolute;top:0;left:0}.tl-scroller{scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;padding-top:24px;overflow:auto hidden}.tl-scroller::-webkit-scrollbar{display:none}.tl-content{height:72px;position:relative}.tl-clip{background:var(--surface-3);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:6px;height:56px;position:absolute;top:8px}.tl-tiles{border-radius:6px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.tl-tile{pointer-events:none;background:50%/cover no-repeat;height:100%;position:absolute;top:0}.tl-clip-label{font-variant-numeric:tabular-nums;pointer-events:none;background:#000000a6;border-radius:4px;padding:0 5px;font-size:10px;font-weight:600;position:absolute;bottom:4px;left:6px}.tl-clip.selected{z-index:3}.tl-clip.selected .tl-tiles{border-radius:0}.tl-clip.selected .tl-tiles:after{content:"";border-top:3px solid var(--select);border-bottom:3px solid var(--select);pointer-events:none;z-index:1;position:absolute;inset:0}.tl-handle{background:var(--select);cursor:ew-resize;touch-action:none;z-index:4;place-items:center;width:18px;display:grid;position:absolute;top:0;bottom:0}.tl-handle.start{border-radius:6px 0 0 6px;left:-18px}.tl-handle.end{border-radius:0 6px 6px 0;right:-18px}.tl-handle:before{content:"";background:#0000008c;border-radius:2px;width:3px;height:20px}.tl-handle:after{content:"";position:absolute;inset:-8px -10px}.tl-transition-band{border:1px dashed var(--accent);pointer-events:none;z-index:2;background:#ff4f7b29;border-radius:6px;height:64px;position:absolute;top:4px}.tl-junction{z-index:5;background:var(--surface);border-style:solid;width:28px;height:28px;position:absolute;top:22px;transform:translate(-50%)}.tl-add{border:1px dashed var(--border);width:56px;height:56px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;display:grid;position:absolute;top:8px}.tl-playhead{pointer-events:none;z-index:6;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #00000073}.tl-playhead:before{content:"";border:6px solid #0000;border-top-color:#fff;position:absolute;top:0;left:-5px}.tl-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:6px 12px 0;display:flex}.tl-actions{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.btn.tool{white-space:nowrap;background:0 0;border-color:#0000;min-height:36px;padding:0 10px;font-size:13px}.btn.tool:hover:not(:disabled){background:var(--surface-2)}.tl-zoom{align-items:center;gap:2px;display:flex}.tl-zoom input{width:120px}.tl-trim-badge{background:var(--select);color:#111;font-variant-numeric:tabular-nums;white-space:nowrap;z-index:10;pointer-events:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.timecode{font-variant-numeric:tabular-nums;color:var(--text)}.stepper-buttons{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.stepper-buttons .btn{font-variant-numeric:tabular-nums;min-height:36px;padding:0 6px;font-size:13px}.reorder-header{padding:0 var(--gap) 8px;justify-content:space-between;align-items:center;gap:12px;display:flex}.reorder-card{touch-action:none;width:84px}.inspector{border-left:1px solid var(--border);background:var(--surface);min-height:0;padding:var(--gap);grid-area:inspector;overflow-y:auto}.panel{flex-direction:column;gap:16px;display:flex}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-header h2{overflow-wrap:anywhere;font-size:18px;line-height:1.35}.panel-heading{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.panel-heading-copy{flex:1;min-width:0}.panel-heading-icon{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:10px;flex:none;place-items:center;display:grid}.panel-heading-copy>p{margin-top:4px;line-height:1.5}.panel-header>.btn.icon{flex:none}.panel-header p{overflow-wrap:anywhere;font-size:13px}.catalog-section h3,.settings h3{text-transform:none;letter-spacing:0;color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:600}.catalog{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.tile{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;font-size:12px;display:flex}.tile-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--surface-3) center / cover no-repeat;width:100%;color:var(--muted);border:2px solid #0000;place-items:center;font-weight:600;display:grid}.tile.selected .tile-thumb{border-color:var(--accent)}.tile-name{line-height:1.25}.tile.none .tile-thumb{background:var(--surface-2)}.settings{flex-direction:column;gap:12px;padding-top:4px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{justify-content:space-between;font-size:14px;font-weight:600;display:flex}.segmented{border-radius:var(--radius-sm);background:var(--surface-2);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented button{min-height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:0 10px;font-size:13px;font-weight:600}.segmented button.active{background:var(--surface-3);color:var(--text);box-shadow:0 0 0 1px var(--border)}.segmented button:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.row{flex-wrap:wrap;gap:8px;display:flex}.facts{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.facts div{border-radius:var(--radius-sm);background:var(--surface-2);padding:10px 12px}.facts dt{color:var(--muted);font-size:12px}.facts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.aspect-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.aspect{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.aspect span{color:var(--muted);text-align:center;font-size:11px}.aspect.active{border-color:var(--accent);background:var(--accent-soft)}.dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(480px,100vw - 32px);color:var(--text);padding:20px}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.dialog-body{flex-direction:column;gap:16px;margin-top:16px;display:flex}.segmented.wide button{min-width:64px}progress{width:100%;height:10px;accent-color:var(--accent)}.success-text{color:var(--success);font-weight:600}.warning-text{color:var(--warning)}.error-text{color:var(--danger)}.toasts{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;flex-direction:column;gap:8px;width:min(440px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 14px;font-size:14px;display:flex;box-shadow:0 8px 24px #0006}.toast.error{border-color:#ff5d5d80}.drop-overlay{border:3px dashed var(--accent);border-radius:var(--radius);pointer-events:none;z-index:30;background:#0f1115d9;place-items:center;font-size:20px;font-weight:700;display:grid;position:fixed;inset:12px}.unsupported{flex-direction:column;gap:14px;max-width:520px;margin:0 auto;padding:48px 24px;display:flex}.unsupported h1{font-size:24px}@media (max-width:900px){.workspace{flex-direction:column;display:flex;overflow-y:auto}.preview-area{flex:none;height:44dvh;min-height:220px}.stage{padding:12px 12px 0}.transport{padding:8px 12px}.timeline{padding-bottom:12px}.strip{padding:4px 12px}.inspector{border-left:none;border-top:1px solid var(--border);padding:16px 16px calc(24px + env(safe-area-inset-bottom));flex:none;overflow:visible}.catalog{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.hide-narrow,.tl-zoom input{display:none}.btn.tool{padding:0 8px}.topbar{padding:8px 12px}}@media (max-width:380px){.time .muted{display:none}.aspect-grid{grid-template-columns:repeat(2,1fr)}}.option-grid{gap:6px;display:grid}.option-grid button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:64px;color:var(--muted);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:flex}.option-grid button:hover{color:var(--text)}.option-grid button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.option-grid button:focus-visible{outline:2px solid var(--info);outline-offset:2px}.option-grid span{text-align:center;line-height:1.2}.param-swatch{border-radius:50%;display:block;box-shadow:0 0 0 1px #ffffff40}.tool-btn{border-radius:var(--radius-sm);min-width:64px;height:52px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:0 6px;font-size:11px;font-weight:600;display:flex}.tool-btn:hover:not(:disabled){background:var(--surface-2)}.tool-btn:disabled{opacity:.35;cursor:default}.tool-btn.active{color:var(--select);background:#ffd23f1a}.tool-btn.danger{color:var(--danger)}.tool-btn:focus-visible{outline:2px solid var(--info);outline-offset:2px}.tl-clip-badges{color:var(--select);pointer-events:none;background:#000000b3;border-radius:4px;align-items:center;gap:3px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.visual-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.visual-presets .btn{min-height:36px;padding:4px 6px;font-size:12px}.color-channels{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.color-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.color-tabs button{border:1px solid var(--border);background:var(--surface-2);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;border-radius:6px;font-size:12px}.color-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.color-tabs button{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;padding:5px 2px;display:flex}.color-tabs button.active svg{color:var(--accent)}.field-name{align-items:center;gap:7px;display:inline-flex}.field-name svg{color:var(--muted);flex:none}input[type=range].range-track{appearance:none;background:0 0;width:100%}input[type=range].range-track::-webkit-slider-runnable-track{background:var(--track);border-radius:3px;height:6px}input[type=range].range-track::-moz-range-track{background:var(--track);border-radius:3px;height:6px}input[type=range].range-track::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--surface);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 0 0 1px #00000059,0 1px 4px #00000073}input[type=range].range-track::-moz-range-thumb{border:2px solid var(--surface);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #00000059,0 1px 4px #00000073}input[type=range].range-track:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}input[type=range].range-track:disabled{opacity:.4}.look-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;flex-direction:column;align-items:stretch;gap:4px;padding:4px;font-size:12px;display:flex}.look-card.active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.look-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.look-thumb{aspect-ratio:16/10;background:var(--surface-3);border-radius:4px;display:block;position:relative;overflow:hidden}.look-thumb img,.look-scene{object-fit:cover;width:100%;height:100%;display:block}.look-scene{background:radial-gradient(circle at 70% 35%,#ffd27a 0 12%,#0000 13%),linear-gradient(#6fb2ff 0 55%,#4f9a4a 55% 100%)}.look-warm{mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.curve-color-editor{flex-direction:column;gap:14px;display:flex}.color-channels .btn{min-height:32px;padding:4px;font-size:12px}.color-channels .active{border-color:currentColor}.curve-color-editor svg{aspect-ratio:1;border:1px solid var(--border);touch-action:none;cursor:crosshair;background:#101319;width:calc(100% - 16px);margin:8px;display:block;overflow:visible}.curve-grid{stroke:var(--border);stroke-width:.7px}.curve-diagonal{fill:none;stroke:var(--muted);stroke-dasharray:4 4;opacity:.4}.curve-line{fill:none;stroke:currentColor;stroke-width:2.5px}.curve-master{color:#eef0f4}.curve-red{color:#ff6b78}.curve-green{color:#4dd58b}.curve-blue{color:#64a7ff}.curve-handle{fill:var(--surface-3);stroke:var(--text);stroke-width:2px}.curve-handle.active{fill:var(--accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.key-color{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;width:100%;height:40px;padding:3px}.speed-presets{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.speed-presets button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:38px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;font-size:13px;font-weight:700}.speed-presets button.active{border-color:var(--select);color:var(--select);background:#ffd23f1f}.range-scale{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.switch-row>span:first-child{flex-direction:column;gap:2px;display:flex}.switch-row input{opacity:0;pointer-events:none;position:absolute}.switch{background:var(--surface-3);width:44px;height:26px;box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;flex:none;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch-row input:checked+.switch{background:var(--accent)}.switch-row input:checked+.switch:after{transform:translate(18px)}.switch-row input:focus-visible+.switch{outline:2px solid var(--info);outline-offset:2px}.stage-box.transforming .preview-canvas{cursor:move;touch-action:none}.stage-hint{color:var(--select);white-space:nowrap;pointer-events:none;background:#000000b3;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.aspect-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.curve-presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.curve-presets button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:600;display:flex}.curve-presets button.active{border-color:var(--select);color:var(--select);background:#ffd23f1a}.curve-editor{flex-direction:column;gap:8px;display:flex;position:relative}.curve-editor svg{border-radius:var(--radius-sm);background:var(--surface-2);width:100%;height:160px;box-shadow:inset 0 0 0 1px var(--border);touch-action:none;cursor:crosshair}.curve-editor .grid{stroke:#ffffff14}.curve-editor .grid-main{stroke:#ffffff47;stroke-dasharray:4 4}.curve-editor .curve{fill:none;stroke:var(--select);stroke-width:2.5px}.curve-editor .point{fill:var(--surface);stroke:var(--select);stroke-width:2px;cursor:grab}.curve-editor .point.active{fill:var(--select)}.curve-editor .point:focus-visible{stroke:#fff;stroke-width:3px;outline:none}.curve-editor .curve-playhead{pointer-events:none}.curve-editor .curve-playhead line{stroke:#fff;stroke-width:2px}.curve-editor .curve-playhead circle{fill:#fff;stroke:var(--surface-2);stroke-width:1.5px}.curve-editor .curve-playhead.outside{opacity:.3}.curve-scrubber{cursor:ew-resize;touch-action:none;height:18px;margin-bottom:-8px;position:relative}.curve-scrubber:focus-visible{outline:2px solid var(--select);outline-offset:2px;border-radius:4px}.curve-head-knob{pointer-events:none;background:#fff;border-radius:3px 3px 6px 6px;width:12px;height:14px;margin-left:-6px;position:absolute;top:2px;box-shadow:0 1px 3px #00000080}.curve-head-knob.outside{opacity:.3}.curve-time-axis,.curve-actions{justify-content:space-between;gap:8px;display:flex}.curve-actions{flex-wrap:wrap}.curve-actions .btn{flex:1}.curve-current-speed{font-variant-numeric:tabular-nums;font-size:12px}.curve-point-controls{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.curve-point-controls legend{color:var(--muted);padding:0 6px;font-size:12px}.curve-point-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.curve-point-fields input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;min-width:0;color:var(--text);font:inherit;padding:8px}.curve-point-fields input:disabled{opacity:.5}.curve-axis{pointer-events:none;height:160px;position:absolute;top:0;left:6px}.curve-axis span{color:var(--muted);white-space:nowrap;font-size:10px;position:absolute;transform:translateY(-50%)}.tl-content{height:calc(72px + var(--tl-offset,0px))}.tl-clip,.tl-add{top:calc(8px + var(--tl-offset,0px))}.tl-transition-band{top:calc(4px + var(--tl-offset,0px))}.tl-junction{top:calc(22px + var(--tl-offset,0px))}.tl-text{color:#fff;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:3;background:#7a5cff;border-radius:5px;align-items:center;gap:4px;height:24px;padding:0 6px;font-size:11px;font-weight:600;display:flex;position:absolute;overflow:visible}.tl-keyframe{z-index:2;color:#ffd23f;text-shadow:0 1px 3px #000;pointer-events:none;font-size:13px;position:absolute;top:2px;transform:translate(-50%)}.tl-keyframe.interactive{z-index:4;pointer-events:auto;cursor:ew-resize;touch-action:none;place-items:center;width:28px;height:28px;margin-top:-14px;font-size:17px;display:grid;top:50%}.tl-keyframe.interactive:hover{color:#fff}.tl-keyframe.kf-mask{color:#5ff2d0}.tl-keyframe.kf-mask:not(.interactive){z-index:3;text-shadow:0 0 2px #000,0 1px 4px #000;font-size:15px;line-height:1;top:50%;transform:translate(-50%,-50%)}.mask-keyframes{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:10px 12px}.mask-keyframes-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mask-keyframes p{margin:6px 0 0}.keyframe-controls{border-right:1px solid var(--border);align-items:center;gap:0;margin-right:6px;padding-right:6px;display:flex}.keyframe-toggle.on{color:var(--select)}.tl-overlay-row{background:#ffffff06;border-top:1px solid #ffffff1f;height:62px;position:absolute;left:0}.tl-overlay-name{z-index:2;color:var(--muted);pointer-events:none;background:#000000b3;border-radius:3px;margin:5px 0 0 8px;padding:2px 5px;font-size:10px;display:inline-block;position:sticky;left:8px}.tl-overlay-clip{background-color:var(--surface-3);color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background-position:50%;background-size:cover;border:1px solid #ffffff4d;border-radius:5px;height:46px;padding:6px;font-size:11px;position:absolute;top:8px;overflow:hidden}.tl-overlay-clip.selected{border:2px solid var(--select)}.compact-tracks .tl-clip,.compact-tracks .tl-add{top:calc(6px + var(--tl-offset,0px));height:40px}.compact-tracks .tl-transition-band{height:48px}.compact-tracks .tl-junction{top:calc(14px + var(--tl-offset,0px));height:24px}.compact-tracks .tl-clip-label{bottom:2px}.compact-tracks .tl-clip-badges,.compact-tracks .tl-badges{top:2px}.compact-tracks .tl-overlay-row{height:42px}.compact-tracks .tl-overlay-clip{height:32px;padding:3px 6px;top:5px}.compact-tracks .tl-audio{height:20px;font-size:10.5px}.compact-tracks .tl-text{height:18px;font-size:10.5px}.tl-track-size.on{color:var(--accent);background:var(--accent-soft)}.tl-text>span{text-overflow:ellipsis;overflow:hidden}.tl-text.selected{box-shadow:0 0 0 2px var(--select);touch-action:none;z-index:4}.tl-text-handle{background:var(--select);cursor:ew-resize;touch-action:none;width:12px;position:absolute;top:-2px;bottom:-2px}.tl-text-handle.start{border-radius:5px 0 0 5px;left:-12px}.tl-text-handle.end{border-radius:0 5px 5px 0;right:-12px}.tl-text-handle:after{content:"";position:absolute;inset:-8px}.stage-box.text-editing .preview-canvas{touch-action:none}.text-input,.select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--text);font:inherit;resize:vertical;padding:10px 12px}.text-input:focus,.select:focus{outline:2px solid var(--info);outline-offset:1px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.text-template-scroll{overscroll-behavior:contain;scrollbar-width:thin;max-height:360px;padding:2px;overflow:auto}.template-preview{aspect-ratio:16/9;background:linear-gradient(135deg,#273248,#191925 65%,#3a2537);border-radius:5px;width:100%;display:block;overflow:hidden}.template-preview canvas{width:100%;height:100%;display:block}.text-template-catalog .template{min-width:0;padding:5px}.text-template-catalog .template-name{margin-top:4px;font-size:10px;display:block}.template{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:600;display:flex}.template.active{border-color:var(--select);color:var(--select)}.text-position-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-width:210px;display:grid}.text-position-grid button{border:1px solid var(--border);background:var(--surface-2);height:32px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;display:grid}.text-position-grid button:hover,.text-position-grid button.active{border-color:var(--select);color:var(--select)}.text-position-grid button:focus-visible{outline:2px solid var(--info);outline-offset:2px}.template-sample{border-radius:6px;place-items:center;min-width:52px;height:36px;padding:0 8px;font-size:22px;line-height:1;display:grid}.font-button{justify-content:space-between;width:100%;min-height:48px;font-size:18px;font-weight:400}.font-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-picker{border-radius:var(--radius-sm);background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);flex-direction:column;gap:8px;padding:10px;display:flex}.chips-row{flex-wrap:wrap;gap:6px;display:flex}.chip.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.chips-row .chip{cursor:pointer}.font-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.font-option{min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:20px;display:flex}.font-option:hover{background:var(--surface-2)}.font-option.active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.color-row{grid-template-columns:auto 1fr minmax(0,1.2fr);align-items:center;gap:10px;display:grid}.color-row>.field-label{font-weight:600}.color-swatch{width:34px;height:34px;position:relative}.color-swatch input{opacity:0;cursor:pointer;position:absolute;inset:0}.color-swatch span{pointer-events:none;border-radius:8px;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #ffffff4d}.color-swatch:focus-within span{outline:2px solid var(--info);outline-offset:2px}.anim-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.anim-grid button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;font-size:12px;font-weight:600}.anim-grid button.active{border-color:var(--select);color:var(--select);background:#ffd23f1a}.anim-group+.anim-group{margin-top:10px}.anim-group-name{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.anim-grid button.anim-btn{flex-direction:column;align-items:stretch;gap:2px;padding:4px 4px 6px;display:flex;overflow:hidden}.anim-thumb{background:#0d0f14;border-radius:4px;width:100%;height:34px;display:block}.material-animations .anim-thumb{height:54px}.anim-none>svg{flex:none;align-self:center;margin:8px}.anim-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-hint{white-space:normal;text-align:center;max-width:calc(100% - 24px)}.catalog-block{flex-direction:column;gap:8px;display:flex}.catalog-tabs{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.catalog-tabs .chip{cursor:pointer;flex:none}.tile-wrap{position:relative}.tile-wrap .tile{width:100%}.tile-thumb{position:relative;overflow:hidden}.tile-anim{width:100%;height:100%;position:absolute;inset:0}.tile-new{color:var(--select);pointer-events:none;background:#0f1115c7;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute;bottom:4px;left:4px}.tile-fav{color:#fff;cursor:pointer;opacity:.75;background:#0000008c;border:none;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.tile-fav:hover,.tile-fav:focus-visible,.tile-fav.on{opacity:1}.tile-fav.on{color:var(--select)}.duration-hint{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.btn.small-btn{min-height:30px;padding:0 10px;font-size:12px}.warning-text.small{font-size:13px}.text-overlay{pointer-events:none;z-index:5;position:absolute}.text-box{box-sizing:border-box;cursor:move;touch-action:none;pointer-events:auto;border:1.5px solid #fff;border-radius:4px;position:absolute;box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #00000040}.text-box.editing{border-style:dashed;border-color:var(--select);cursor:text}.tb-handle{touch-action:none;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 1.5px #00000080}.tb-handle:after,.tb-rotate:after{content:"";position:absolute;inset:-12px}.tb-handle.tl{cursor:nwse-resize;top:-8px;left:-8px}.tb-handle.br{cursor:nwse-resize;bottom:-8px;right:-8px}.tb-handle.tr{cursor:nesw-resize;top:-8px;right:-8px}.tb-handle.bl{cursor:nesw-resize;bottom:-8px;left:-8px}.tb-rotate{background:var(--select);cursor:grab;touch-action:none;border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;top:-34px;left:50%;box-shadow:0 0 0 1.5px #00000080}.tb-rotate:before{content:"";background:#fff;width:1.5px;height:16px;margin-left:-.75px;position:absolute;top:18px;left:50%}.tb-actions{background:#0f1115d9;border-radius:999px;gap:4px;padding:3px;display:flex;position:absolute;bottom:-42px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.tb-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.tb-btn:hover{background:#ffffff1f}.tb-btn.danger{color:var(--danger)}.text-inline{resize:none;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;height:100%;caret-color:var(--select);border:none;border-radius:4px;outline:none;margin:0;position:absolute;inset:0;overflow:hidden}.snap-guide{opacity:.95;pointer-events:none;z-index:7;background:#ff3ea5;position:absolute;box-shadow:0 0 0 .5px #00000073}.snap-guide.v{width:1px}.snap-guide.h{height:1px}.tl-audio{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:3;border-radius:5px;height:28px;font-size:11px;font-weight:600;position:absolute;overflow:visible}.tl-audio.music{background:#1f9d6b}.tl-audio.sfx{background:#d9822b}.tl-audio.voice{background:#2f7fd8}.tl-audio.muted{opacity:.55}.tl-audio.selected{box-shadow:0 0 0 2px var(--select);touch-action:none;z-index:4}.tl-audio-wave{pointer-events:none;border-radius:5px;width:100%;height:calc(100% - 8px);position:absolute;inset:4px 0}.tl-audio-label{white-space:nowrap;text-shadow:0 1px 2px #0009;pointer-events:none;align-items:center;gap:4px;max-width:100%;height:100%;padding:0 6px;display:inline-flex;position:relative;overflow:hidden}.tl-audio-label>span{text-overflow:ellipsis;overflow:hidden}.sfx-group+.sfx-group{margin-top:12px}.sfx-group h3{margin-bottom:6px}.sfx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sfx-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:2px;min-width:0;display:flex}.sfx-add{letter-spacing:-.01em;min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:4px;padding:8px 8px 8px 0;font-size:12px;font-weight:600;display:flex}.sfx-add span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sfx-add small{white-space:nowrap;color:var(--muted);flex:none;font-weight:500}.sfx-add:hover span{color:var(--select)}.record-btn{justify-content:center;width:100%}.rec-indicator{color:#ff4f5e;font-size:13px;font-weight:700;animation:1s steps(2,start) infinite rec-blink}@keyframes rec-blink{to{visibility:hidden}}.coach-tip{border-radius:var(--radius-sm);color:var(--text);background:#ffd23f14;border:1px solid #ffd23f59;align-items:center;gap:8px;margin:0 12px 6px;padding:6px 6px 6px 12px;font-size:13px;display:flex}.coach-tip>span:nth-child(2){flex:1}.coach-dot{background:var(--select);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #ffd23f33}.tl-junction.hint{animation:1.8s ease-in-out infinite junction-pulse}@keyframes junction-pulse{0%,to{box-shadow:0 0 #ffd23f8c}50%{box-shadow:0 0 0 7px #ffd23f00}}@media (prefers-reduced-motion:reduce){.tl-junction.hint{outline:2px solid var(--select);animation:none}.stage-hint{animation:none}}.stage-hint{animation:.5s 4s forwards hint-fade}@keyframes hint-fade{to{opacity:0;visibility:hidden}}.tl-actions[data-fade=right]{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.tl-actions[data-fade=left]{-webkit-mask-image:linear-gradient(270deg,#000 85%,#0000);mask-image:linear-gradient(270deg,#000 85%,#0000)}.tl-actions[data-fade=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.tl-actions{scroll-snap-type:x proximity}.tl-actions .tool-btn{scroll-snap-align:start;flex:none}.more-options>summary{cursor:pointer;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700;list-style:none}.more-options>summary::-webkit-details-marker{display:none}.more-options>summary:before{content:"▸ "}.more-options[open]>summary:before{content:"▾ "}.more-options[open]>summary{margin-bottom:8px}.kbd-icon{border:1.5px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:inline-grid}.shortcuts{flex-direction:column;gap:8px;margin:16px 0 0;display:flex}.shortcuts>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.shortcuts dt{flex:none;gap:4px;display:flex}.shortcuts dd{color:var(--muted);text-align:right;margin:0;font-size:13px}kbd{border:1px solid var(--border);background:var(--surface-2);min-width:26px;color:var(--text);text-align:center;border-bottom-width:2px;border-radius:6px;padding:3px 7px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2}@media (max-width:900px){.workspace{overflow:hidden}.preview-area{flex:1 1 0;height:auto;min-height:max(170px,30dvh)}.transport{padding:4px 12px}.tl-toolbar{flex-wrap:nowrap;gap:4px}.tl-actions{flex:1;min-width:0}.tl-zoom>button:not([aria-label=Ver\ todo]){display:none}.timeline{flex:none}.inspector{overscroll-behavior:contain;border-radius:16px 16px 0 0;flex:0 auto;max-height:40dvh;padding-top:6px;display:none;overflow-y:auto;box-shadow:0 -10px 30px #00000073}.inspector.open{display:block}.inspector:before{content:"";background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 10px;display:block}.coach-tip{font-size:12px}}@media (max-width:600px){.stage-hint{font-size:11px;top:8px;bottom:auto}}.stage-box.video-editable .preview-canvas{touch-action:none}.video-transform-overlay{pointer-events:none;z-index:3;position:absolute}.video-transform-frame{position:absolute;inset:0;overflow:visible}.video-transform-shadow,.video-transform-outline{fill:none;vector-effect:non-scaling-stroke}.video-transform-shadow{stroke:#00000073;stroke-width:3.5px}.video-transform-outline{stroke:#fff;stroke-width:1.5px}.video-transform-handle{pointer-events:auto;touch-action:none;position:absolute;transform:translate(-50%,-50%)}.vt-corner{background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1.5px #00000080,0 1px 4px #0006}.vt-corner.nwse{cursor:nwse-resize}.vt-corner.nesw{cursor:nesw-resize}.vt-corner:after{content:"";position:absolute;inset:-12px}.vt-rotate{color:#fff;cursor:grab;background:#0f1115d9;border:none;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;box-shadow:0 0 0 1.5px #ffffffe6,0 4px 12px #0006}.vt-rotate:hover,.vt-rotate.active{background:var(--select);color:#111}.vt-rotate.active{cursor:grabbing}.video-transform-handle:focus-visible{outline:2px solid var(--select);outline-offset:2px}.vt-actions,.vt-readout{pointer-events:auto;background:#0f1115d9;border-radius:999px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006}.vt-actions{gap:4px;padding:3px;display:flex}.vt-actions .tb-btn:disabled{opacity:.35;cursor:default;background:0 0}.vt-readout{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;padding:5px 12px;font-size:13px}.crop-overlay{pointer-events:none;z-index:4;position:absolute;overflow:visible}.crop-shade{fill:#0009}.crop-overlay.dragging .crop-shade{fill:#00000073}.crop-area{fill:#0000;pointer-events:all;touch-action:none}.crop-thirds line{stroke:#ffffff59;stroke-width:1px;vector-effect:non-scaling-stroke}.crop-border{fill:none;stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.crop-hit{fill:#0000;pointer-events:all;touch-action:none}.crop-corner{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:square;filter:drop-shadow(0 0 1.5px #000000b3)}.crop-grip{fill:#fff;filter:drop-shadow(0 0 1.5px #000000b3)}.mask-overlay{pointer-events:none;z-index:5;position:absolute;overflow:hidden}.mask-outline,.mask-outline-shadow,.mask-feather,.mask-arm,.mask-snap{fill:none;pointer-events:none}.mask-outline{stroke:#fff;stroke-width:1.5px}.mask-outline-shadow{stroke:#0000008c;stroke-width:3.5px}.mask-feather{stroke:#ffffffbf;stroke-width:1px;stroke-dasharray:5 4}.mask-arm{stroke:var(--select);stroke-width:1.5px}.mask-snap{stroke:var(--select);stroke-width:1px;stroke-dasharray:4 3}.mask-body{fill:#0000;stroke:#0000;pointer-events:all;cursor:move;touch-action:none}.mask-line-body{stroke:#0000;stroke-width:28px;pointer-events:stroke;cursor:move;touch-action:none}.mask-handle{fill:#fff;stroke:#0009;stroke-width:1.5px;pointer-events:all;cursor:pointer;touch-action:none}.mask-handle.corner{cursor:nwse-resize}.mask-handle.rotate,.mask-handle.center{fill:var(--select)}.mask-handle.center{cursor:move}.mask-handle.feather{fill:#7ad7ff;cursor:ns-resize}.mask-handle:hover{stroke:var(--select);stroke-width:2.5px}@media (pointer:coarse){.mask-handle{stroke-width:6px;stroke:#ffffff03;paint-order:stroke}}.shape-grid{grid-template-columns:repeat(3,1fr)}.shape-grid button{min-height:60px}.shape-icon-frame{fill:#00000059;stroke:currentColor;stroke-opacity:.5}.shape-icon-fill{fill:currentColor}.shape-icon-off{stroke:currentColor;stroke-width:1.5px}.caption-styles{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;display:grid}.caption-styles button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;font-size:12px;font-weight:600;display:flex}.caption-styles button.active{border-color:var(--select);color:var(--select);background:#ffd23f1a}.caption-sample{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#3a4a6b,#6b3a52);border-radius:4px;place-items:center;width:100%;height:34px;font-size:11px;display:grid;overflow:hidden}.caption-sample.classic{font-family:Inter,system-ui,sans-serif;font-weight:600}.caption-sample b{font:inherit;border-radius:3px;padding:1px 5px}.caption-sample.classic b{background:#000000a6}.caption-sample.dynamic{-webkit-text-stroke:1px #000;paint-order:stroke fill;font-family:Montserrat,system-ui,sans-serif;font-size:14px;font-weight:900}.caption-sample.highlight{color:#ffd23f;-webkit-text-stroke:1px #000;paint-order:stroke fill;font-family:Anton,Impact,system-ui,sans-serif;font-size:15px}.caption-sample.minimal{text-shadow:0 1px 4px #000;font-weight:500}.caption-progress{animation:1.4s ease-in-out infinite caption-pulse}@keyframes caption-pulse{50%{opacity:.55}}.caption-list{flex-direction:column;gap:6px;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.caption-list li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.caption-list .text-input{padding:8px 10px;font-size:13px}.caption-time{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:6px;align-items:center;gap:3px;padding:4px 6px;font-size:11px;display:inline-flex}.caption-time:hover{color:var(--select)}.caption-sample.karaoke{-webkit-text-stroke:1px #000;paint-order:stroke fill;font-family:Montserrat,system-ui,sans-serif;font-size:12px;font-weight:900}.caption-sample.karaoke i{color:#111;-webkit-text-stroke:0;background:#ffd23f;border-radius:3px;padding:0 3px;font-style:normal}.look-preview{border-radius:var(--radius-sm);background:linear-gradient(135deg,#2b3a55 0%,#4a2f45 55%,#1d2a3a 100%);justify-content:center;display:flex;overflow:hidden}.look-preview canvas{width:100%;max-width:100%;display:block}.look-group{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:10px;padding:10px 12px;display:flex}.look-group>summary{cursor:pointer;font-size:13px;font-weight:700;list-style:none}.look-group>summary::-webkit-details-marker{display:none}.look-group>summary:before{content:"▸ ";color:var(--muted)}.look-group[open]>summary:before{content:"▾ "}.look-group[open]>summary{margin-bottom:4px}.look-group>:not(summary)+:not(summary){margin-top:8px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.swatches{gap:4px;margin-left:auto;display:flex}.swatch{cursor:pointer;border:1px solid #ffffff59;border-radius:50%;width:20px;height:20px;padding:0}.swatch.active{outline:2px solid var(--select);outline-offset:2px}.caption-sample.mine b{font-size:16px;font-weight:800}.caption-banner{border-radius:var(--radius-sm);background:#ffd23f14;border:1px solid #ffd23f59;flex-direction:column;gap:8px;padding:10px 12px;font-size:13px;display:flex}.tl-snap-guide{border-left:2px solid var(--select);pointer-events:none;z-index:6;width:0;position:absolute;top:-24px;bottom:0;box-shadow:0 0 8px #ffd23fcc}.tl-snap-guide span{background:var(--select);color:#111;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:2px;left:0;transform:translate(-50%)}.magnet-toggle{color:var(--muted)}.magnet-toggle.on{color:var(--select)}@media (max-width:900px){.tl-zoom>button.magnet-toggle{display:inline-flex}}.caption-tabs button{flex:1}.caption-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.caption-nav .btn{min-width:36px;font-size:18px;line-height:1}.caption-nav span{text-align:center;flex:1}.stage-note{z-index:6;color:var(--select);white-space:nowrap;pointer-events:none;background:#000000bf;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}.caption-list li.current .text-input{border-color:var(--select);box-shadow:0 0 0 1px var(--select)}.caption-list li.current .caption-time{color:var(--select);border-color:var(--select)}.caption-search{padding:8px 12px}.caption-actions{top:calc(-1 * var(--gap));z-index:3;margin:0 calc(-1 * var(--gap));padding:10px var(--gap);border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;gap:8px;display:flex;position:sticky}.caption-actions>.btn{justify-content:center;width:100%}.caption-actions.dirty{border-bottom-color:var(--select);box-shadow:0 8px 20px #00000059}.caption-actions.dirty>span{color:var(--select);font-weight:700}.tl-beats{pointer-events:none;border-radius:5px;position:absolute;inset:0;overflow:hidden}.tl-beats i{background:#ffffffbf;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #00000040}.beat-section strong{color:var(--select)}.tl-text-keyframe{font-size:11px;top:50%;transform:translate(-50%,-50%)}.tl-overlay-clip.selected{touch-action:none;cursor:grab}.template-list{flex-direction:column;gap:8px;display:flex}.template-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.template-card>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.template-tags{color:var(--select)}.ease-curve .ease-axis{stroke:currentColor;stroke-opacity:.15;stroke-dasharray:2 2}.ease-curve .ease-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ease-curve .ease-key{fill:var(--select)}.ease-popover{max-height:calc(100vh - 80px);overflow-y:auto}.ease-curve .ease-dot{fill:#fff;opacity:0}.ease-curve.animate .ease-dot,.ease-option:hover .ease-dot,.ease-option:focus-visible .ease-dot{opacity:1;animation:1.4s infinite ease-dot-y}.ease-curve.animate .ease-dot-x,.ease-option:hover .ease-dot-x,.ease-option:focus-visible .ease-dot-x{animation:1.4s linear infinite ease-dot-x}@keyframes ease-dot-x{0%{transform:translate(0)}to{transform:translateX(var(--ease-dx))}}@keyframes ease-dot-y{0%{transform:translateY(0)}to{transform:translateY(var(--ease-dy))}}@media (prefers-reduced-motion:reduce){.ease-curve .ease-dot,.ease-curve .ease-dot-x{animation:none!important}}.keyframe-controls{position:relative}.ease-button{min-height:32px;color:var(--text);padding:2px 4px}.ease-button:disabled{opacity:.35}.ease-button.on{background:var(--accent-soft)}.ease-popover{z-index:60;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed;box-shadow:0 12px 32px #0000008c}.ease-popover-head{flex-direction:column;gap:2px;display:flex}.ease-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:6px;max-height:min(300px,38vh);padding:2px 4px 2px 2px;display:grid;overflow-y:auto}.ease-option span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.ease-curve .ease-knob{fill:var(--surface-2);stroke:currentColor;stroke-width:1.4px}.ease-popover-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.ease-popover-foot p{margin:0}.ease-popover-foot .btn{min-width:44px;font-size:16px}.bezier-editor{flex-direction:column;gap:6px;display:flex}.bezier-editor svg{background:var(--surface-2);touch-action:none;border-radius:6px;width:100%;max-height:34vh}.bezier-box{fill:none;stroke:#ffffff1f;stroke-dasharray:3 3}.bezier-diagonal{stroke:#ffffff14}.bezier-arm{stroke:#ffffff73;stroke-width:1.5px}.bezier-curve{fill:none;stroke:var(--select);stroke-width:3px;stroke-linecap:round}.bezier-key{fill:var(--select)}.bezier-handle{fill:var(--surface);stroke-width:3px;cursor:grab}.bezier-handle.h0{stroke:var(--select)}.bezier-handle.h1{stroke:#fff}.bezier-handle:focus-visible{stroke-width:5px;outline:none}.bezier-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.bezier-footer code{color:var(--muted);font-size:11px}.ease-option{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:11px;display:flex}.ease-option.active{border-color:var(--select);color:var(--text);background:#ffd23f1a}.ease-option .ease-line{stroke:var(--select)}.ease-option .ease-key{fill:var(--select)}.ease-option:hover{color:var(--text);border-color:#ffd23f80}.tl-ease{z-index:3;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:4px;place-items:center;padding:1px 2px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-ease:hover{background:#000c}.tl-ease .ease-key{display:none}.project-library{background:var(--panel,#171b23);width:min(1000px,100vw - 28px);max-height:90dvh;color:var(--text,#eef0f5);border:1px solid #3c4555;border-radius:18px;padding:24px;overflow:auto}.library-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.library-heading h2{margin:0}.library-heading p{max-width:660px}.library-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.library-actions input{min-width:0}.library-actions .search-control{flex:200px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.library-card{border:1px solid #3b4351;border-radius:12px;min-width:0;padding:12px}.library-card.active{border-color:#ffd23f}.library-thumbnail{background:#0c1017;border-radius:8px;place-items:center;height:130px;margin-bottom:12px;display:grid;position:relative;overflow:hidden}.library-thumbnail img{object-fit:cover;width:100%;height:100%}.library-active{color:#141414;background:#ffd23f;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.library-card .text-input{width:100%}.library-card-actions{flex-wrap:wrap;gap:6px;display:flex}.library-card-actions .btn{padding:7px 9px;font-size:12px}.library-versions{border-top:1px solid #3b4351;margin-top:24px;padding-top:12px}.library-version{border-bottom:1px solid #343a45;align-items:center;gap:10px;padding:12px 0;display:flex}.library-version>div{flex:1}.library-version span{margin-top:4px;display:block}@media (max-width:600px){.project-library{padding:14px}.library-version{flex-wrap:wrap}.library-version>div{flex-basis:100%}.topbar-actions>.btn{padding-inline:9px}}.selection-actions{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.selection-list{gap:5px;max-height:240px;display:grid;overflow:auto}.selection-list label{background:var(--surface,#25252a);border-radius:6px;align-items:center;gap:8px;padding:7px;display:flex}.selection-list label span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.selection-list small{color:var(--muted,#aaa)}.selection-offset{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.selection-offset input{width:80px}.track-control{gap:6px;margin-bottom:14px;display:grid}.track-control>div{flex-wrap:wrap;gap:6px;display:flex}.track-control .btn{padding:6px 8px;font-size:12px}.track-control .btn.active{border-color:var(--accent,#6ce6cc);background:#28413c}.reorder-card.selected{outline:2px solid var(--accent,#6ce6cc);outline-offset:-2px}.preview-controls{flex-wrap:wrap;align-items:center;gap:8px;min-height:35px;padding:5px 12px;display:flex}.preview-controls label{align-items:center;gap:7px;font-size:12px;display:flex}.preview-controls select{max-width:160px;color:inherit;background:var(--surface,#25252a);border:1px solid var(--border,#444);border-radius:6px;padding:5px}.preview-controls .btn{padding:5px 8px;font-size:12px}@media (max-width:600px){.preview-controls{gap:5px;padding:3px 8px}.preview-controls>span{display:none}}.track-hidden{opacity:.45}.track-locked{cursor:not-allowed;background-image:repeating-linear-gradient(135deg,#0000,#0000 6px,#ffffff12 6px 9px)}@media (max-width:500px){.topbar{gap:5px;padding-inline:8px}.brand{gap:5px;font-size:14px}.topbar-actions{gap:3px}.topbar-actions>.btn{padding-inline:7px}.topbar-actions>.btn.icon{width:30px}}.curve-shapes{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.effect-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;display:grid}.design-tile{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:58px;color:var(--muted);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:7px 4px 6px;font-size:11px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.design-tile span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.design-tile:hover{color:var(--text);border-color:#ffffff40}.design-tile.active{border-color:var(--select);color:var(--select);background:#ffd23f1a}.design-tile:focus-visible{outline:2px solid var(--select);outline-offset:2px}.effect-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06;flex-direction:column;gap:12px;padding:12px;display:flex}.swatch-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch.big{flex:none;width:25px;height:25px;position:relative}.swatch.custom{color:#fff;text-shadow:0 1px 2px #000;cursor:pointer;background:conic-gradient(#ff4d4d,#ffd23f,#5ff27a,#4aa3ff,#c46bff,#ff4d4d);place-items:center;font-weight:800;display:grid;overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.anim-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.anim-tabs button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-width:0;color:var(--muted);font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;font-size:11px;display:flex}.anim-tabs button strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.anim-tabs button.active{border-color:var(--select);background:#ffd23f14}.anim-tabs button.active span{color:var(--select)}.anim-grid .anim-none{justify-content:center}.anim-none-icon{height:34px;color:var(--muted);place-items:center;font-size:20px;display:grid}.animation-stage{flex-direction:column;gap:10px;min-width:0;display:flex}.animation-stage-heading{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.animation-stage-title{color:var(--text);align-items:center;gap:7px;margin:0;font-size:13px;font-weight:650;line-height:1.4;display:flex}.animation-stage-title>svg{color:var(--muted);flex:none}.anim-tabs .animation-moment-label{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.animation-moment-label>svg{flex:none}.anim-tabs button{gap:6px;min-height:64px}.anim-tabs button strong{font-size:12px;font-weight:550}.anim-tabs button.active .animation-moment-label{color:var(--select)}.animation-browser{border-top:1px solid var(--border);padding-top:14px}.animation-browser .animation-stage-heading>.btn{min-height:30px;padding:4px 7px}.animation-browser .catalog-tabs{margin:0}.animation-browser .anim-grid{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overscroll-behavior-y:contain;align-content:start;max-height:226px;padding:2px 5px 4px 2px;position:relative;overflow:hidden auto}.animation-catalog-hint{color:var(--muted);font-size:11px;line-height:1.4}.animation-card-label{justify-content:center;align-items:center;gap:4px;min-width:0;line-height:1.5;display:flex}.animation-card-label>svg{color:inherit;flex:none}.animation-card-label>span{min-width:0}.animation-config{border:1px solid var(--border);border-top:2px solid var(--select);background:var(--surface-2);border-radius:10px;padding:12px;scroll-margin:12px}.animation-config.empty{border-top-color:var(--border)}.animation-moment-badge{background:var(--surface-3);color:var(--muted);border-radius:5px;padding:3px 7px;font-size:11px;font-weight:600}.animation-selection-summary{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;display:grid}.animation-selected-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:0;color:var(--text);cursor:pointer;font:inherit;flex-direction:column;gap:4px;padding:4px 4px 6px;font-size:11px;display:flex}.animation-selection-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.animation-selection-copy>strong{overflow-wrap:anywhere;font-size:13px;line-height:1.4}.animation-selection-copy>span{font-size:11px}.animation-variant-settings{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.animation-variant-settings .field-label{font-size:12px}.animation-variant-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.animation-variant-options button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:0;min-height:40px;color:var(--muted);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:12px;font-weight:600;display:flex}.animation-variant-options button>svg{flex:none}.animation-variant-options button.active{border-color:var(--select);color:var(--select);background:#ffd23f14}.anim-grid .anim-btn:disabled,.animation-variant-options button:disabled{opacity:.5;cursor:default}.anim-section .animation-sounds{border:1px solid var(--border);padding:0 12px}.anim-section .animation-sounds[open]{padding-bottom:12px}@media (max-width:900px){.animation-browser .anim-grid{max-height:210px}.animation-variant-options button{min-height:44px}.animation-selected-preview{min-height:66px}}.timeline-modes{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px;display:grid}.timeline-mode{min-width:0;color:var(--text);background:var(--surface-2);border:1px solid var(--border);text-align:left;cursor:pointer;font:inherit;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.timeline-mode:hover{background:var(--surface-3);border-color:var(--muted)}.timeline-mode>svg:first-child{color:var(--muted);flex-shrink:0}.timeline-mode>svg:last-child{flex-shrink:0;margin-left:auto}.timeline-mode>span{min-width:0}.timeline-mode strong{font-size:13px;line-height:1.4;display:block}.timeline-mode small{color:var(--muted);font-size:11px;line-height:1.5;display:block}.timeline-mode.active{border-color:var(--select);background:#ffd23f14}.timeline-mode.active>svg:first-child{color:var(--select)}.timeline-selection-help{background:#ffd23f0f;border-bottom:1px solid #ffd23f40;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.timeline-selection-help strong{color:var(--select);font-size:12px;display:block}.timeline-selection-help small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.timeline-selection-help .btn{flex-shrink:0}.tl-selection-mark{z-index:5;pointer-events:none;background:#00000080;border:1.5px solid #fff;border-radius:4px;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:3px;right:4px;box-shadow:0 1px 4px #0008}.tl-selection-mark.checked{border-color:var(--select);color:#17180e;background:var(--select)}.tl.selecting .tl-text{padding-right:24px}.tl.selecting .tl-audio-label{padding-right:22px}.tl.selecting .tl-overlay-clip{padding-right:24px}.selection-guide,.tracks-explainer{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:flex-start;gap:12px;padding:14px;display:flex}.selection-guide>svg,.tracks-explainer>svg{color:var(--select);flex-shrink:0;margin-top:2px}.selection-guide strong,.tracks-explainer strong{font-size:13px;line-height:1.5}.selection-guide p,.tracks-explainer p{color:var(--muted);margin:4px 0 10px;font-size:12px;line-height:1.5}.selection-guide p:last-child,.tracks-explainer p:last-child{margin-bottom:0}.selection-list-heading{justify-content:space-between;align-items:center;gap:5px;margin-bottom:10px;display:flex}.selection-list-heading>strong{color:var(--select);font-size:13px}.selection-list-heading>div{gap:4px;display:flex}.selection-list-heading .btn{padding:5px;font-size:11px}.selection-panel .selection-list{gap:14px;max-height:270px}.selection-kind h3{color:var(--muted);align-items:center;gap:7px;margin:0 0 6px;font-size:11px;display:flex}.selection-kind h3>span{margin-left:auto}.selection-kind label{cursor:pointer;border:1px solid #0000;margin-bottom:4px;padding:9px}.selection-kind label.checked{background:#ffd23f0f;border-color:#ffd23f66}.selection-kind input{width:17px;height:17px;accent-color:var(--select);flex-shrink:0}.selection-kind label>span{min-width:0}.selection-kind label strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.selection-kind label small{margin-top:3px;font-size:10px;display:block}.selection-kind label>svg{color:var(--warning);flex-shrink:0}.selection-keyboard-hint{margin-bottom:0}.selection-edit .selection-actions .btn{flex:1;font-size:12px}.selection-group-box{border:1px solid var(--border);border-radius:10px;margin-top:12px;padding:12px}.selection-group-box>strong{font-size:13px}.selection-group-box .field{gap:5px;font-size:12px}.selection-group-box .text-input{width:100%}.selection-group-box .selection-actions{margin-bottom:0}.selection-group-box p{line-height:1.5}.selection-move summary{cursor:pointer;color:var(--muted);padding-block:6px;font-size:12px}.selection-move .selection-offset{margin-top:10px;font-size:12px}.selection-offset input{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px}.selection-lock-note{color:var(--warning);background:#ffb54714;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;font-size:12px;line-height:1.5;display:flex}.selection-lock-note svg{flex-shrink:0;margin-top:2px}.selection-done{width:100%}.tracks-panel .track-controls{gap:12px;display:grid}.track-control{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:12px;margin:0;padding:12px}.track-card-heading{align-items:center;gap:10px;min-width:0;display:flex}.track-card-heading>div{min-width:0}.track-card-heading h3{text-transform:none;overflow-wrap:anywhere;margin:0;font-size:13px}.track-card-heading p{color:var(--muted);margin:3px 0 0;font-size:11px}.track-type-icon{color:#78baff;background:#3fa7ff1f;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.track-type-icon.text{color:#b695ff;background:#a37aff21}.track-type-icon.audio{color:#71d9aa;background:#3ccf8e1f}.track-control .track-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.track-control .track-state-grid:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.track-state-switch{border:1px solid var(--border);background:var(--surface-2);min-width:0;color:var(--muted);cursor:pointer;font:inherit;text-align:left;border-radius:8px;padding:9px 7px}.track-state-switch:hover{border-color:var(--muted)}.track-state-switch.active{color:var(--text);background:#3fa7ff0f;border-color:#3fa7ff4d}.track-switch-heading{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.track-switch-heading>svg{flex-shrink:0}.track-switch-heading>span:first-of-type{font-size:11px;font-weight:600}.track-switch-indicator{display:none}.track-state-switch small{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.4;display:block}.track-rename summary{cursor:pointer;color:var(--muted);font-size:11px}.track-rename label{gap:6px;margin-top:10px;font-size:12px;display:grid}.track-rename .text-input{width:100%}@media (max-width:600px){.timeline-modes{gap:6px;padding:8px}.timeline-mode{align-items:flex-start;gap:7px;padding:8px}.timeline-mode>svg:last-child{display:none}.timeline-mode>svg:first-child{width:19px;margin-top:1px}.timeline-mode strong{font-size:12px}.timeline-mode small{font-size:10px;line-height:1.4}.timeline-selection-help{padding:7px 10px}}.track-switch-indicator{background:#4a5261;border-radius:12px;flex-shrink:0;order:1;width:22px;height:13px;margin-left:auto;display:inline-block;position:relative}.track-switch-indicator:after{content:"";background:#edf0f5;border-radius:50%;width:7px;height:7px;transition:transform .15s;position:absolute;top:3px;left:3px}.track-state-switch.active .track-switch-indicator{background:var(--info)}.track-state-switch.active .track-switch-indicator:after{transform:translate(9px)}.track-switch-heading>span:first-of-type{flex-basis:100%;order:2;margin-top:2px}.track-state-switch[aria-label^=Bloquear][aria-checked=true]{background:#ffb5470c;border-color:#ffb54766}.track-state-switch[aria-label^=Bloquear][aria-checked=true] .track-switch-indicator{background:var(--warning)}@media (max-width:600px){.selection-guide{gap:9px;padding:10px}.selection-guide p{margin:3px 0 7px;font-size:11px}.selection-guide p:last-child{display:none}}.caption-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.caption-tabs button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:54px;color:var(--muted);font:inherit;cursor:pointer;flex-direction:column-reverse;align-items:center;gap:3px;padding:6px 4px;font-size:12px;font-weight:600;display:flex}.caption-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.caption-tabs button.active svg{color:var(--accent)}.caption-models{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.caption-models button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:11px;display:flex}.caption-models button strong{color:var(--text);font-size:13px}.caption-models button.active{border-color:var(--accent);background:var(--accent-soft)}.caption-style-head{z-index:3;background:var(--surface);flex-direction:column;gap:8px;padding:8px 0;display:flex;position:sticky;top:0}.caption-style-head .look-preview canvas{object-fit:contain;max-height:150px}.look-sections{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.look-sections button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font:inherit;text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;font-size:10.5px;font-weight:600;line-height:1.15;display:flex}.look-sections button.active{border-color:var(--select);color:var(--select);background:#ffd23f1a}.caption-search-bar{align-items:center;gap:8px;display:flex}.caption-search-bar .caption-search{flex:1}.caption-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:8px;display:flex}.transcript-tools{padding:0 var(--gap,16px);flex-wrap:wrap;gap:6px;display:flex}.transcript-legend{padding:0 var(--gap,16px)}.transcript-text{padding:4px var(--gap,16px) 12px;-webkit-user-select:none;user-select:none;font-size:15px;line-height:1.75}.transcript-text p{margin:0 0 12px}.transcript-time{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;margin-right:4px;padding:1px 6px;font-size:11px}.tw{cursor:text;border-radius:4px;padding:1px 2px}.tw:hover{background:#ffffff14}.tw.filler{color:#ff8a8a;-webkit-text-decoration:line-through dotted;text-decoration:line-through dotted}.tw.repeat{color:#ffb36b;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.tw.maybe{color:#c9b8ff;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tw.current{box-shadow:inset 0 -2px 0 var(--select)}.tw.selected{color:var(--text);background:#ff4f7b59}.transcript-pause{border:1px dashed var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin:0 3px;padding:0 6px;font-size:11px}.transcript-pause:hover{border-color:var(--accent);color:var(--text)}.transcript-actions{z-index:3;margin:0 var(--gap,16px);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 20px #0006}.detach-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.detach-card>div{flex-direction:column;gap:2px;display:flex}.jl-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;display:grid}.tl-text.tl-adjust{background:linear-gradient(90deg,#138a7c,#1aa597);border-color:#78ffe680}.hsl-bands{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.hsl-band{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:50%;position:relative}.hsl-band.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--select);border-color:#fff}.hsl-band.touched:after{content:"";border:2px solid var(--surface);background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px;right:-2px}.scopes{flex-direction:column;gap:8px;display:flex}.scope-canvas{background:#07090d;border-radius:6px;width:100%;height:auto}.scope-warnings{justify-content:space-between;gap:8px;display:flex}.scope-warnings .warn{color:#ff7a7a;font-weight:700}.brand-logo,.preset-row,.brand-font{justify-content:space-between;align-items:center;gap:8px;display:flex}.brand-logo{border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;padding:8px 10px}.brand-logo-name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.font-group-label{text-transform:uppercase;letter-spacing:.05em;padding:6px 4px 2px;display:block}.save-style-row{justify-content:flex-end}.swatch.custom>span{border-radius:50%;position:absolute;inset:3px}.preset-chips{flex-wrap:wrap;gap:6px;display:flex}.preset-chip{align-items:center;gap:2px;padding:0;display:inline-flex}.preset-chip button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 8px}.preset-chip button+button{opacity:.7;padding:4px 6px 4px 0}.preset-chip.active{border-color:var(--accent);color:var(--accent)}.version-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;display:grid}.version-tile{border:1px solid var(--border);border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.version-tile.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}span.version-tile{cursor:default;opacity:.85}.done-version{border-top:1px solid var(--border);gap:6px;padding:10px 0;display:grid}.done-single{gap:8px;display:grid}.cover-download{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.cover-download img{border-radius:var(--radius-sm);border:1px solid var(--border);max-width:96px;max-height:96px}.safe-zones{pointer-events:none;z-index:4;position:absolute;overflow:hidden}.safe-covered{background:#ff40402e;position:absolute}.safe-rect{border:1.5px dashed #ffffffd9;position:absolute;box-shadow:0 0 0 1px #00000059}.safe-rect span{color:#fff;background:#0000008c;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;top:4px;left:6px}.tracks-mobile-note{display:none}@media (max-width:600px){.tracks-explainer>svg,.tracks-explainer>div{display:none}.tracks-explainer .tracks-mobile-note{margin:0;font-size:11px;line-height:1.5;display:block}.tracks-explainer{padding:10px}}.blur-region{border:1px solid var(--border);border-radius:var(--radius-sm);gap:8px;padding:8px 10px;display:grid}.blur-region.active{border-color:var(--accent)}.blur-region-head{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.blur-region-head .muted{margin-left:auto}.blur-overlay{pointer-events:none;z-index:6;position:absolute;overflow:hidden}.blur-box{box-sizing:border-box;pointer-events:auto;cursor:move;touch-action:none;border:1.5px dashed #fff;position:absolute;box-shadow:0 0 0 1px #00000073}.blur-box.ellipse{border-radius:50%}.blur-handle{width:16px;height:16px;box-shadow:0 0 0 2px var(--accent);cursor:nwse-resize;touch-action:none;background:#fff;border-radius:50%;position:absolute;bottom:-8px;right:-8px}.timeline-assists{border-bottom:1px solid var(--border);gap:6px;padding:5px 12px 8px;display:flex}.assist-control{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--muted);font:inherit;text-align:left;cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:7px;padding:6px 9px;display:flex}.assist-control strong{font-size:11px;font-weight:600;display:block}.assist-control small{margin-top:2px;font-size:10px;display:block}.assist-control.on{color:var(--text);background:#ffd23f08;border-color:#ffd23f55}.assist-control.on>svg{color:var(--select)}.assist-control>svg{flex-shrink:0}.effect-tools summary,.effect-batch summary{cursor:pointer;margin-bottom:10px;font-size:13px;font-weight:600}.effect-tools p{line-height:1.5}.effect-actions{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.effect-actions .btn{flex:1;font-size:12px}.effect-parts{border:1px solid var(--border);border-radius:8px;gap:8px;margin:10px 0;padding:10px;font-size:12px;display:grid}.effect-parts legend{color:var(--muted);padding:0 5px;font-size:11px}.effect-parts label{align-items:center;gap:8px;display:flex}.effect-parts input{accent-color:var(--select)}.effect-save{gap:7px;margin:10px 0;display:grid}.effect-save input{width:100%}.effect-preset-grid{grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;display:grid}.effect-preset-grid .btn{padding:8px;font-size:11px}.effect-preset-row{gap:5px;margin:7px 0;display:flex}.effect-preset-row>button:first-child{flex:1;min-width:0}.effect-batch{border:1px solid var(--border);border-radius:8px;margin:10px 0;padding:10px}.effect-tools select{width:100%}.effect-tools .text-input{min-width:0}.effect-tools .field input[type=range]{width:100%}.tl-marker{z-index:6;pointer-events:none;border-left:1px dashed;width:1px;position:absolute;top:-22px;bottom:0}.tl-marker-flag{background:var(--surface-2);width:18px;height:20px;color:inherit;cursor:ew-resize;pointer-events:auto;touch-action:none;border:0;border-radius:4px;padding:0;font-size:17px;position:absolute;top:0;left:-8px}.marker-name{align-items:center;gap:7px;display:flex}.marker-name .text-input{flex:1;min-width:0}.marker-name input[type=color]{border:0;flex-shrink:0;width:28px;height:32px;padding:0}.marker-card input[type=number]{width:100%}.export-range{border:1px solid var(--border);border-radius:10px;margin-bottom:18px;padding:12px}.export-range h3{margin:0 0 10px}.export-range-fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.export-range-fields label{gap:6px;font-size:12px;display:grid}.export-range-fields input{width:100%;min-width:0}.sfx-entry{min-width:0}.sfx-use{color:var(--muted);margin:5px 3px 0;font-size:10px;line-height:1.4}.sfx-favorite{color:var(--muted);flex-shrink:0;font-size:19px}.sfx-favorite.active{color:var(--select)}.sfx-entry .sfx-add{padding-right:0;font-size:11px}.sfx-entry .sfx-item{align-items:center}.sfx-entry .sfx-item>.icon{width:27px;min-width:27px}.sfx-entry .sfx-add span{white-space:normal}.online-sounds{gap:14px;min-width:0}.online-intro h3{margin-bottom:5px}.online-intro p,.online-provider{line-height:1.6}.online-search{gap:9px;display:grid}.online-source-label{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.online-source-label select{min-width:0;max-width:230px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);font:inherit;border-radius:6px;flex:1;padding:8px}.online-search-row{gap:6px;display:flex}.online-search-row input{flex:1;width:0;min-width:0}.online-search-row .btn{flex-shrink:0}.online-filters{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:11px;display:flex}.online-filters label{align-items:center;gap:6px;display:flex}.online-filters select{max-width:150px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);font:inherit;border-radius:6px;padding:6px}.online-license{font-size:10px}.online-suggestions{flex-wrap:wrap;gap:5px;display:flex}.online-suggestions .chip{padding:5px 9px;font-size:11px}.online-results{gap:8px;min-width:0;display:grid}.online-sound-card{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm);min-width:0;padding:12px}.online-sound-card h4{overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:600;line-height:1.45}.online-card-heading{align-items:center;gap:7px;display:flex}.online-card-heading h4{flex:1;min-width:0}.online-card-heading>span{white-space:nowrap;flex:none;font-size:10px}.online-card-heading .icon{flex:none}.online-author{color:var(--muted);overflow-wrap:anywhere;margin:7px 0 10px;font-size:10px}.online-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.online-sounds a,.online-provenance a{color:var(--select);font-size:11px}.online-notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);overflow-wrap:anywhere;padding:10px;font-size:12px;line-height:1.5}.online-notice p{margin:0 0 8px}.online-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.online-pagination span{color:var(--muted);font-size:10px}.online-manual{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:10px}.online-provenance p{overflow-wrap:anywhere}.online-provenance .row{flex-wrap:wrap}@media (max-width:600px){.timeline-assists{gap:5px;padding:4px 8px 7px}.assist-control{gap:5px;padding:5px}.assist-control small{font-size:9px}.assist-control strong{font-size:10px}.assist-control>svg{width:15px}}.slowmo-modes button{flex-direction:column;gap:1px;padding-block:6px;display:flex}.slowmo-modes button span{opacity:.7;font-size:11px}.transport-status{flex-wrap:wrap;align-items:center;min-width:0}.transport .preview-controls{flex-wrap:nowrap;gap:6px;min-height:0;padding:0}.transport .preview-controls label{color:var(--muted);gap:4px}.transport .preview-controls select{max-width:132px;padding:4px 6px;font-size:12px}.transport .preview-controls .btn{min-height:30px}.stage{padding:10px var(--gap) 0}.transport{padding:6px var(--gap)}.timeline-bar{border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}.timeline-bar::-webkit-scrollbar{display:none}.timeline-bar .timeline-modes,.timeline-bar .timeline-assists{border:0;gap:6px;padding:0;display:flex}.timeline-bar .timeline-mode,.timeline-bar .assist-control{border-radius:999px;flex:none;gap:6px;min-height:30px;padding:4px 11px}.timeline-bar .timeline-mode>svg:first-child{margin-left:0}.timeline-bar .timeline-mode strong,.timeline-bar .assist-control strong{white-space:nowrap;font-size:12px;font-weight:600;line-height:1.2}.timeline-bar .timeline-mode>svg:last-child:not(:first-child){color:var(--select);margin-left:2px}.timeline-bar-sep{background:var(--border);flex:none;width:1px;height:18px}.workspace-splitter{z-index:3;cursor:row-resize;touch-action:none;grid-area:splitter;place-items:center;height:10px;margin:-5px 0;display:grid;position:relative}.workspace-splitter>span{background:var(--border);border-radius:999px;width:44px;height:4px;transition:background .15s,width .15s}.workspace-splitter:hover>span,.workspace-splitter:focus-visible>span{background:var(--accent);width:72px}.workspace-splitter:focus-visible{outline:none}.workspace.timeline-sized .timeline{height:var(--timeline-h);flex-direction:column;display:flex;overflow:hidden}.workspace.timeline-sized .timeline>*{flex:none}.workspace.timeline-sized .timeline>.tl-viewport{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}@media (max-width:900px){.workspace-splitter{display:none}.workspace.timeline-sized .timeline{height:auto}}@media (max-width:700px){.transport{grid-template-columns:auto 1fr;row-gap:4px}.transport-buttons{justify-self:end}.transport-status{grid-column:1/-1;justify-content:center}}.coach-tip{margin:4px 12px 2px;padding:2px 4px 2px 10px;font-size:12px}.coach-tip .btn{min-height:28px;padding-block:2px;font-size:12px}.coach-tip .btn.icon{width:28px}.tl-toolbar{flex-wrap:nowrap}.tl-toolbar .tl-actions{flex:1;min-width:0}.tl-toolbar .tl-zoom{flex:none}.transport .preview-controls .btn{white-space:nowrap}@media (min-width:901px){.workspace:not(.timeline-sized) .timeline{flex-direction:column;height:clamp(260px,34vh,420px);display:flex;overflow:hidden}.workspace:not(.timeline-sized) .timeline>*{flex:none}.workspace:not(.timeline-sized) .timeline>.tl-viewport{scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}}@media (min-width:901px) and (max-width:1360px){.tl-zoom input{width:84px}.transport .preview-controls select{max-width:112px}}.notice{padding:4px 16px;font-size:13px}.notice .btn.icon{width:28px;min-height:28px}.sheet-bar{display:none}.preview-menu{position:relative}.preview-menu-backdrop{z-index:40;position:fixed;inset:0}.preview-menu-panel{z-index:41;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);width:min(300px,100vw - 24px);padding:12px;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000080}.preview-menu-panel .preview-controls{gap:10px;padding:0;display:grid}.preview-menu-panel .preview-controls label{align-items:center;gap:8px;display:flex}.preview-menu-panel .preview-controls select{flex:1;max-width:none;min-height:40px;font-size:14px}.preview-menu-panel .preview-controls .btn{min-height:40px}.preview-menu-panel p{margin:10px 0 0}@media (max-width:700px){.transport{grid-template-columns:1fr auto 1fr}.transport-buttons{justify-self:center}.transport-status{grid-column:auto}}@media (max-width:900px){.workspace{--m-preview-h:clamp(220px, 50svh, 540px);flex-direction:column;display:flex;position:relative;overflow:hidden}.preview-area{height:var(--m-preview-h);flex:none;min-height:0}.stage{padding:8px 8px 0}.transport{grid-template-columns:1fr auto 1fr;padding:2px 10px}.transport-buttons{justify-self:center}.transport-status{grid-column:auto;justify-content:flex-end}.transport .play{width:40px;min-height:40px}.time{font-size:12px}.timeline{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.timeline>*{flex:none}.timeline>.tl-viewport{flex:auto;min-height:0;overflow-y:auto}.inspector,.inspector.open{bottom:0;left:0;right:0;top:var(--m-preview-h);z-index:30;border-top:1px solid var(--border);border-radius:16px 16px 0 0;max-height:none;padding-top:0;transition:top .22s;position:absolute;box-shadow:0 -12px 32px #00000080}.inspector:not(.open){display:none}.inspector.open{animation:.18s ease-out sheet-in;display:block}.inspector.expanded{top:16svh}.inspector:before{display:none}.sheet-bar{z-index:5;margin:0 calc(-1 * var(--gap)) 6px;background:var(--surface);grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 10px;display:grid;position:sticky;top:0}.sheet-grip{cursor:pointer;touch-action:manipulation;background:0 0;border:0;grid-column:2;place-items:center;width:64px;height:24px;padding:0;display:grid}.sheet-grip>span{background:var(--border);border-radius:2px;width:40px;height:4px}.sheet-grip[aria-expanded=true]>span{background:var(--accent)}.sheet-done{background:var(--accent);color:#fff;min-height:32px;font:inherit;cursor:pointer;border:0;border-radius:999px;grid-column:3;justify-self:end;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.workspace:has(.inspector.open) .stage-hint{display:none}.inspector .btn,.inspector .segmented button{min-height:40px}.inspector input[type=range]{height:32px}}@keyframes sheet-in{0%{opacity:.6;transform:translateY(24px)}}@media (max-width:900px) and (prefers-reduced-motion:reduce){.inspector.open{transition:none;animation:none}}@media (max-width:900px){.inspector .panel-header>.btn.icon[aria-label=Cerrar]{display:none}}.transport .keyframe-controls{border-right:1px solid var(--border);margin-right:4px;padding-right:6px}.transport-status{flex-wrap:nowrap}@media (max-width:900px){.transport{grid-template-columns:auto 1fr auto;column-gap:6px}.transport-buttons{justify-self:center;gap:0}.transport-buttons .btn.icon:not(.play){width:32px;min-height:32px}.transport .keyframe-controls{margin-right:0;padding-right:2px}.transport .keyframe-controls .btn.icon{width:30px;min-height:34px}.transport .ease-button{padding:2px}.transport .ease-button svg{max-width:30px}}@media (max-width:480px){.time .muted{display:none}}.preview-controls [aria-label="Resolución y fotogramas de vista previa"]{white-space:nowrap}@media (max-width:1400px){.transport .preview-controls [aria-label="Resolución y fotogramas de vista previa"]{display:none}}.transport{grid-template-columns:auto minmax(0,1fr) auto}.transport-buttons{justify-self:center}.perf-hud,.proxy-badge{z-index:7;pointer-events:none;color:#fff;font-variant-numeric:tabular-nums;background:#0000009e;border-radius:6px;font-size:11px;position:absolute}.perf-hud{flex-wrap:wrap;gap:4px 10px;max-width:calc(100% - 16px);padding:4px 8px;display:flex;top:8px;left:8px}.perf-hud b{font-weight:700}.proxy-badge{white-space:nowrap;padding:3px 10px;bottom:8px;left:50%;transform:translate(-50%)}.perf-toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.transport,.transport:is(*){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.transport .time{text-overflow:ellipsis;justify-self:start;overflow:hidden}.transport-buttons{grid-column:2;justify-self:center}.transport-status{grid-column:3;justify-self:end;min-width:0}.preview-menu-panel .preview-controls [aria-label="Resolución y fotogramas de vista previa"]{display:inline}@media (max-width:900px){.transport,.transport:is(*){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.transport-status{grid-column:3}.transport .keyframe-controls>button[aria-label="Fotograma clave anterior"],.transport .keyframe-controls>button[aria-label="Fotograma clave siguiente"]{display:none}}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow:hidden}.app{max-width:100vw;height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden}@supports not (height:100dvh){.app{height:100%}}@media (pointer:coarse){input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{font-size:16px!important}button,a,.tl-clip,.tl-text{touch-action:manipulation}}@media (max-width:900px){.timeline{padding-bottom:env(safe-area-inset-bottom)}.inspector.open{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.topbar{min-width:0}.topbar-actions{flex-shrink:1;min-width:0}@media (max-width:420px){.brand span,.topbar .save-status{display:none}.topbar{gap:6px;padding-inline:8px}.topbar-actions{gap:2px}.topbar-actions>.btn{padding-inline:10px}.topbar-actions>.btn.icon{width:34px}}html,body{touch-action:pan-x pan-y;width:100%;height:100%;position:fixed;inset:0}#root{width:100%;height:100%;overflow:hidden}@media (max-width:900px){.workspace{--m-preview-h:clamp(220px, 57svh, 620px)}.stage{padding:4px 4px 0}.keyboard-open .app{top:var(--vvtop,0px);height:var(--vvh,100dvh);position:fixed;left:0;right:0}.keyboard-open .workspace{--m-preview-h:clamp(120px, calc(var(--vvh,100svh) * .38), 420px)}.keyboard-open .inspector.open{padding-bottom:12px}}[data-scroll-axis=x][data-more-end]:not([data-more-start]){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000)}[data-scroll-axis=x][data-more-start]:not([data-more-end]){-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 56px),#0000)}[data-scroll-axis=x][data-more-start][data-more-end]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000)}.scroll-hint-fade{z-index:59;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--fade-bg,var(--surface)));height:44px;display:none;position:fixed}.scroll-hint-fade.on{display:block}.scroll-hint-arrow{z-index:60;background:var(--surface-2);width:28px;height:28px;color:var(--text);box-shadow:0 0 0 1px var(--border), 0 4px 12px #00000073;cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;display:none;position:fixed;top:0;left:0}.scroll-hint-arrow.on{animation:.18s ease-out scroll-hint-in;display:grid}.scroll-hint-arrow:hover{background:var(--accent);color:#fff}.scroll-hint-arrow.down.on{animation:.18s ease-out scroll-hint-in,1.6s ease-in-out .2s 2 scroll-hint-bob}.scroll-hints-measuring .scroll-hint-arrow{pointer-events:none}@keyframes scroll-hint-in{0%{opacity:0}}@keyframes scroll-hint-bob{50%{margin-top:4px}}@media (pointer:coarse){.scroll-hint-arrow{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.scroll-hint-arrow.on,.scroll-hint-arrow.down.on{animation:none}}.pip-spots{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.pip-spot{aspect-ratio:16/10;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;min-height:40px;position:relative}.pip-spot>span{background:var(--muted);border-radius:3px;width:38%;height:38%;position:absolute}.pip-spot.tl>span{top:12%;left:10%}.pip-spot.tr>span{top:12%;right:10%}.pip-spot.c>span{top:31%;left:31%}.pip-spot.bl>span{bottom:12%;left:10%}.pip-spot.br>span{bottom:12%;right:10%}.pip-spot.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pip-spot.active>span{background:var(--accent)}.crop-ratios{grid-template-columns:repeat(4,1fr)}.crop-ratios button{flex-direction:column;align-items:center;gap:4px;display:flex}.crop-ratio-icon{aspect-ratio:1.4;opacity:.8;border:1.5px dashed;border-radius:2px;max-width:30px;height:18px;display:block}.tl-viewport,.timeline>.tl-viewport,.workspace.timeline-sized .timeline>.tl-viewport,.workspace:not(.timeline-sized) .timeline>.tl-viewport{flex-direction:column;display:flex;overflow:hidden}.tl-viewport>.tl-scroller{flex:auto;min-height:0}.tl-scroller{touch-action:pan-x pan-y;overscroll-behavior:contain;padding-top:34px;overflow:auto}.tl-sticky-head{z-index:8;pointer-events:none;height:0;position:sticky}.tl-sticky-head .tl-ruler{background:var(--surface)}.tl-map{background:var(--surface);border-bottom:1px solid var(--border);height:8px;position:absolute;left:0;right:0}.tl-map i{opacity:.9;border-radius:1px;height:2px;position:absolute}.tl-map i.text{background:#a46bff;top:0}.tl-map i.layer{background:#4aa3ff;top:2px}.tl-map i.audio{background:#3ecf8e;top:4px}.tl-map i.effect{background:var(--select);top:6px}.tl-lane-labels{z-index:7;pointer-events:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tl-lane-labels>div{position:relative}.tl-lane-label{color:#fff;letter-spacing:.02em;white-space:nowrap;background:#0000009e;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;position:absolute;left:6px;box-shadow:0 0 0 1px #ffffff1f}.tl-lane-label.text{color:#d4bbff}.tl-lane-label.layer{color:#a9d3ff}.tl-lane-label.audio{color:#9be8c4}.tl-overlay-name{display:none}.tl-more-below{z-index:9;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000073}.tl-badges{z-index:3;pointer-events:none;gap:3px;max-width:calc(100% - 8px);display:flex;position:absolute;top:3px;left:4px;overflow:hidden}.tl-badge{color:var(--select);white-space:nowrap;background:#000000b3;border-radius:4px;flex:none;padding:0 5px;font-size:9.5px;font-weight:700;line-height:15px}.tl-badge.speed,.tl-badge.curve,.tl-badge.slowmo{color:#ffb86b}.tl-badge.color{color:#ff8ad8}.tl-badge.detached,.tl-badge.voice,.tl-badge.beats,.tl-badge.muted{color:#9be8c4}.tl-badge.more{color:#fff}.tl-add-group{display:contents}.tl-add-group:not(.open){display:none}.tl-add-group.open .tool-btn{background:var(--accent-soft);animation:.16s ease-out add-in}@keyframes add-in{0%{opacity:0;transform:translateY(6px)}}.workspace{--library-w:320px;position:relative}@media (min-width:901px){.workspace{--rail-w:84px;--lib-col:0px;--insp-col:0px;grid-template-columns:var(--rail-w) var(--lib-col) minmax(0, 1fr) var(--insp-col);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"rail library preview inspector""splitter splitter splitter splitter""timeline timeline timeline timeline"}.workspace.lib-docked{--lib-col:var(--library-w)}.workspace.insp-docked{--insp-col:var(--inspector-w)}@media (max-height:820px){.workspace{grid-template-areas:"rail library preview inspector""rail library splitter inspector""rail library timeline inspector"}}.workspace.focus{--rail-w:0px;--lib-col:0px;--insp-col:0px}.workspace.focus>.library-rail,.workspace.focus>.library-panel,.workspace.focus>.inspector,.workspace.focus>.panel-resizer,.mobile-only{display:none!important}.inspector.float{width:min(var(--inspector-w), 52%);z-index:24;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:12px;grid-area:preview;place-self:stretch end;margin:8px;box-shadow:0 14px 36px #00000080}.inspector.float:not(.open){display:none}.inspector.float.open{animation:.15s ease-out panel-in}.panel-header>.inspector-pin{color:var(--muted);margin-left:auto}.panel-header>.inspector-pin+.btn{margin-left:-10px}.panel-header>.inspector-pin[aria-pressed=true]{color:var(--text)}.panel-header>.inspector-pin:hover{color:var(--accent)}}@media (max-width:900px){.inspector-pin,.library-rail,.library-panel,.layout-toggles,.desktop-only,.panel-resizer,.layout-reset,.workspace.focus>.timeline,.workspace.focus>.inspector,.workspace.focus>.workspace-splitter{display:none!important}.workspace.focus .preview-area{height:100%}}@keyframes panel-in{0%{opacity:0;transform:translate(10px)}}@media (prefers-reduced-motion:reduce){.inspector.float.open,.library-panel{animation:none!important}}.maximize-btn[aria-pressed=true]{color:var(--accent)}@media (min-width:901px){.maximize-btn{display:none!important}}.layout-toggles{border:1px solid var(--border);border-radius:9px;gap:2px;padding:2px;display:inline-flex}.layout-toggles .btn.icon{width:32px;min-height:30px}.layout-toggles [aria-pressed=true]{color:var(--accent);background:#ffffff0f}.library-rail{scrollbar-width:none;border-right:1px solid var(--border);background:var(--surface);flex-direction:column;grid-area:rail;gap:4px;min-height:0;padding:8px 6px;display:flex;overflow-y:auto}.library-rail-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:9px 2px 7px;font-size:10.5px;font-weight:600;display:flex}.library-rail-btn:hover:not(:disabled){color:var(--text);background:#ffffff0d}.library-rail-btn.active{color:var(--accent);background:#ffffff14}.library-rail-btn:disabled{opacity:.4;cursor:default}.library-rail-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.library-panel{overscroll-behavior:contain;min-width:0;min-height:0;padding:0 var(--gap) var(--gap);border-right:1px solid var(--border);background:var(--surface);grid-area:library;overflow-y:auto}.workspace.lib-float>.library-panel{width:min(var(--library-w), 70%);z-index:22;border:1px solid var(--border);border-radius:12px;grid-area:preview;justify-self:start;margin:8px;box-shadow:0 14px 36px #00000080}.library-head{z-index:3;margin:0 calc(-1 * var(--gap)) 12px;padding:12px var(--gap) 10px;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:sticky;top:0}.library-head h2{font-size:16px}.library-head p{margin-top:2px;line-height:1.4}.library-body>.panel>.panel-header{display:none}.library-target{background:#ffffff0d;border-radius:8px;padding:8px 10px}.check-row{align-items:center;gap:8px;display:flex}.check-row input{accent-color:var(--accent)}.library-actions{gap:8px;display:grid}.search-field{display:block;position:relative}.search-field>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-field input{width:100%;padding-left:32px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;display:grid}.media-card{flex-direction:column;gap:6px;min-width:0;display:flex}.media-thumb{aspect-ratio:16/10;color:var(--muted);background:#0c1017;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-thumb small{color:#fff;background:#000000b3;border-radius:6px;padding:1px 6px;font-size:10px;position:absolute;bottom:5px;right:5px}.media-thumb .media-used{background:color-mix(in srgb, var(--accent) 80%, #000);color:#10141a;font-weight:700;left:5px;right:auto}.media-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.media-actions{gap:4px;display:flex}.media-actions .btn{flex:1;justify-content:center;padding:5px 4px;font-size:11px}.look-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.look-tile{border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:5px;padding:0 0 7px;font-size:11px;display:flex;overflow:hidden}.look-tile:hover,.look-tile:focus-visible{border-color:var(--accent)}.look-swatch{aspect-ratio:16/10;background:linear-gradient(160deg,#f4b56a 0%,#d9695f 38%,#4d7fb8 70%,#20324a 100%);display:block}.inspector-empty ul{gap:8px;padding-left:18px;line-height:1.5;display:grid}.panel-resizer{z-index:12;cursor:col-resize;touch-action:none;width:10px;position:relative}.inspector-resizer{grid-area:inspector;justify-self:start;margin-left:-5px}.library-resizer{grid-area:library;justify-self:end;margin-right:-5px}.panel-resizer>span{background:var(--border);opacity:0;border-radius:2px;width:4px;height:44px;margin-top:-22px;transition:opacity .15s,background .15s;position:absolute;top:50%;left:3px}.panel-resizer:hover>span,.panel-resizer:focus-visible>span{opacity:1;background:var(--accent)}.panel-resizer:focus-visible{outline:none}.center-guides{z-index:6;pointer-events:none;position:absolute}.center-guides i{background:var(--select);position:absolute;box-shadow:0 0 0 1px #00000059}.center-guides i.v{width:1px;top:0;bottom:0;left:50%}.center-guides i.h{height:1px;top:50%;left:0;right:0}.transition-combo-collections{margin:12px 0 8px}.transition-combo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.transition-combo{text-align:left;border:1px solid var(--border,#393b43);background:var(--surface,#202126);min-width:0;color:inherit;cursor:pointer;border-radius:12px;flex-direction:column;gap:7px;padding:0 0 12px;display:flex;overflow:hidden}.transition-combo:hover,.transition-combo:focus-visible{border-color:var(--accent,#74dce0)}.transition-combo:disabled{opacity:.65;cursor:wait}.transition-combo-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#29313a,#45495e) 50%/cover;width:100%;display:block}.transition-combo>strong,.transition-combo>span:not(.transition-combo-thumb),.transition-combo>small{margin:0 10px}.transition-combo>strong{font-size:12px}.transition-combo>span:not(.transition-combo-thumb){opacity:.78;font-size:11px;line-height:1.45}.transition-combo>small{color:var(--accent,#74dce0);align-items:center;gap:5px;margin-top:auto;font-size:10px;display:flex}.transition-sound-list{flex-direction:column;gap:8px;margin:12px 0;display:flex}.transition-sound-choice{border:1px solid var(--border,#393b43);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;display:flex}.transition-sound-choice.active{border-color:var(--accent,#74dce0)}.transition-sound-choice>span{flex-direction:column;flex:130px;gap:3px;min-width:0;display:flex}.transition-sound-choice strong{overflow-wrap:anywhere;font-size:12px}.transition-sound-choice small{opacity:.7;font-size:10px}.timeline-bar-extra{align-items:center;margin-left:auto;padding-right:8px;display:flex}.timeline-bar-extra .tl-zoom input{width:110px}.timeline-bar-extra .btn.icon{width:30px;min-height:30px}.preview-expand{display:none}@media (max-width:600px){.maximize-btn{display:none!important}.preview-expand{justify-content:center;width:100%;display:inline-flex}}.transition-sound-section .transition-sound>h3{display:none}.basic-settings{gap:14px;display:grid}@media (min-width:1440px){:root{--inspector-w:400px}}.panel-section.single>summary+*>h3:first-child,.panel-section>.anim-section>h3:first-child{display:none}.panel-section .settings{border:0;padding:0}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits){border:1px solid var(--border);background:#ffffff06;border-radius:12px;padding:0 14px}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)[open]{padding-bottom:14px}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits):not([open]){gap:0}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)>summary{min-height:44px;color:var(--text);letter-spacing:0;text-transform:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;margin:0 -14px;padding:10px 14px;font-size:13px;font-weight:600;list-style:none;transition:background .15s;display:flex}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)>summary::-webkit-details-marker{display:none}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)>summary:before,:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)[open]>summary:before{content:none}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:7px;height:7px;margin-left:auto;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)[open]>summary:after{transform:translateY(2px)rotate(-135deg)}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)>summary:hover{background:#ffffff0d}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)>summary:hover:after{border-color:var(--text)}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)[open]>summary{border-bottom:1px solid var(--border);border-radius:11px 11px 0 0;margin-bottom:12px}.ui-select{min-width:0;display:block;position:relative}.ui-select-native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-select-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;min-height:38px;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.ui-select-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.ui-select-trigger[aria-expanded=true],.ui-select-trigger:focus-visible{border-color:var(--accent);outline:none}.ui-select-trigger:disabled{opacity:.5;cursor:default}.ui-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ui-select-chevron{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.ui-select-trigger[aria-expanded=true] .ui-select-chevron{transform:translateY(2px)rotate(-135deg)}.ui-select-list{z-index:1000;overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin:0;padding:5px;list-style:none;animation:.12s ease-out add-in;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #0000008c}.ui-select-list li{color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 10px 8px 28px;font-size:13px;display:flex}.ui-select-list li.active{background:var(--surface-3)}.ui-select-list li.selected{color:var(--accent);font-weight:600}.ui-select-list li.selected:before{content:"✓";width:10px;margin-left:-18px}.ui-select-list li[aria-disabled]{opacity:.45;cursor:default}.preview-controls .ui-select{min-width:150px;display:inline-block}.preview-controls .ui-select-trigger{min-height:32px;padding:5px 10px}.chip-count{opacity:.6;font-size:11px}.design-library,.background-settings,.material-properties{gap:14px}.design-filter{gap:10px;display:grid}.design-filter input[type=search]{background:var(--surface,#20232b);width:100%;min-width:0;color:var(--text,#f2f2f5);border:1px solid var(--border,#343740);font:inherit;border-radius:8px;padding:10px 12px;font-size:12px}.design-filter input[type=search]:focus{outline-offset:1px;outline:2px solid #ff477e}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-card{min-width:0;position:relative}.design-preset{border:1px solid var(--border,#343740);background:var(--surface,#20232b);width:100%;min-width:0;color:var(--text,#f2f2f5);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:stretch;padding:0;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.design-preset:hover,.design-preset:focus-visible{background:#2d323a;border-color:#8acbcc}.design-preset.active{border-color:#50d9c7;box-shadow:0 0 0 1px #50d9c7}.design-preset>canvas{aspect-ratio:8/5;width:100%;height:auto;display:block}.design-preset>span{overflow-wrap:anywhere;padding:9px 8px;font-size:11px;line-height:1.3;display:block}.material-vector{box-sizing:border-box;flex-shrink:0;width:100%;height:75px;padding:14px;display:block}.design-favorite{color:#fff;cursor:pointer;background:#1117209e;border:0;border-radius:7px;place-items:center;width:26px;height:26px;padding:0;font-size:19px;display:grid;position:absolute;top:4px;right:4px}.design-favorite.active{color:#fc5}.design-colors{flex-wrap:wrap;gap:10px;display:flex}.design-color{cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex}.design-color input{background:0 0;border:1px solid #454955;border-radius:6px;width:30px;height:32px;padding:2px}.design-color small{opacity:.6;margin-top:3px;font-size:9px;display:block}.design-actions{flex-wrap:wrap;gap:8px;display:flex}.design-fieldset{border:0;flex-direction:column;gap:14px;min-width:0;margin:0;padding:0;display:flex}.design-fieldset:disabled{opacity:.5}.material-property-preview{background:repeating-conic-gradient(#222630 0% 25%,#2a2f39 0% 50%) 0/16px 16px;border:1px solid #343740;border-radius:10px;width:100%}.material-property-preview .material-vector{height:90px}@media (max-width:900px){.design-favorite{width:32px;height:32px}.material-vector{height:85px}.design-library .design-filter{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:8px}.design-library .design-filter>.field{margin:0}.design-library .design-filter>.field>.field-label,.design-library .panel-header p{display:none}.design-library>p.small{margin:0}}.design-section-content{flex-direction:column;gap:14px;min-width:0;padding-top:14px;display:flex}.design-number-input{align-items:center;min-width:0;display:flex;position:relative}.design-number-input>input{font-variant-numeric:tabular-nums;min-width:0;min-height:40px;padding-right:44px}.design-number-input>span{color:var(--muted);pointer-events:none;font-size:12px;position:absolute;right:26px}.design-number-input input::-webkit-inner-spin-button{opacity:1}.design-colors{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:8px;display:grid}.design-color{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-width:0;padding:9px 8px}.design-color input{flex-shrink:0}.design-color small{font-variant-numeric:tabular-nums}.design-quick-actions{flex-wrap:wrap;gap:6px;display:flex}.design-quick-actions .btn{white-space:nowrap;flex:1;justify-content:center}.design-notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);padding:10px 12px;font-size:12px;line-height:1.5}.background-property-preview{border:1px solid var(--border);border-radius:10px;overflow:hidden}.background-property-preview canvas{object-fit:cover;width:100%;height:110px;display:block}.material-property-preview{overflow:hidden}.material-property-preview .material-vector{transform:scaleX(var(--material-stretch,1))}.tl-background{isolation:isolate;background:#2e6368;border:1px solid #639e9f;height:30px;overflow:visible}.background-timeline-thumb{border-radius:inherit;z-index:-1;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.tl-background>span{max-width:calc(100% - 26px);text-shadow:none;background:#10151bd9;border-radius:3px;padding:2px 5px}.tl-background>svg{color:#fff;background:#10151baf;border-radius:3px;flex-shrink:0}.tl-background.track-hidden{opacity:.35}.tl-background.track-locked{cursor:not-allowed}.tl-map i.background{background:#63d1cc}.tl-lane-label.background{color:#90dfda}.design-preset:disabled{cursor:not-allowed;opacity:.45}.design-preset>span>svg{vertical-align:middle;display:inline-block}@media (max-width:900px){.background-library .design-catalog-help{display:none}.design-color{min-height:48px}.design-number-input>input{min-height:44px;font-size:16px}.background-property-preview canvas{height:75px}.material-properties .panel-header p{display:none}.material-properties .material-property-preview .material-vector{height:54px}}.panel .btn:not(.icon),.project-library .btn:not(.icon){text-align:center;overflow-wrap:anywhere;min-width:0;max-width:100%;padding:8px 12px;font-size:13px;line-height:1.4}.panel .btn.small-btn:not(.icon){padding:6px 10px;font-size:12px}.btn:disabled{opacity:.5}.panel :is(.row,.effect-actions,.selection-actions){gap:8px}.effect-actions .btn{flex:130px}.panel .field{min-width:0}.panel :is(input[type=number],input[type=text],textarea){border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-width:0;max-width:100%;color:var(--text);font-family:var(--font)}.panel input[type=number]{font-variant-numeric:tabular-nums;min-height:38px;padding:8px 10px}.panel input::placeholder,.search-control input::placeholder{color:var(--muted);opacity:.8}.panel :is(h3,.field-label){line-height:1.45}.panel .muted.small{line-height:1.5}.library-head .panel-heading-icon{border-radius:8px;width:30px;height:30px}.section-title{overflow-wrap:anywhere;flex:1;min-width:0}summary>svg{color:var(--muted);flex:none;width:16px;height:16px}details[open]>summary>svg{color:var(--text)}.catalog-tabs .chip.active{color:var(--accent);background:var(--accent-soft)}.catalog-tabs .chip{align-items:center;gap:6px;display:inline-flex}.search-control{width:100%;min-width:0;position:relative}.search-control>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-control>input.text-input{width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit;padding:9px 12px 9px 37px;font-size:13px;display:block}.design-favorite,.tile-fav{place-items:center;display:grid}.panel .font-button{justify-content:flex-start;gap:10px}.panel .font-button>.muted{margin-left:auto}@media (max-width:900px){.inspector .btn,.inspector .segmented button,.inspector .ui-select-trigger,.search-control>input.text-input{min-height:44px}.inspector .btn.icon{min-width:44px}.inspector input.text-input,.inspector textarea,.inspector .search-control>input.text-input{font-size:16px}.catalog-tabs .chip{min-height:36px}.design-favorite{width:36px;height:36px}.panel-header{gap:8px}.panel-heading-icon{border-radius:8px;width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.btn,summary:after,.ui-select-trigger{transition:none}}.compare-overlay{z-index:6;pointer-events:none;position:absolute}.compare-before{border-radius:6px;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}.compare-label{color:#fff;background:#0f1115bf;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;position:absolute;top:8px}.compare-label.before{left:8px}.compare-label.after{right:8px}.compare-divider{cursor:ew-resize;touch-action:none;pointer-events:auto;place-items:center;width:28px;margin-left:-14px;display:grid;position:absolute;top:0;bottom:0}.compare-divider:before{content:"";background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #0006}.compare-handle{color:#111;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid;position:relative;box-shadow:0 2px 8px #00000073}.compare-divider:focus-visible .compare-handle{outline:2px solid var(--select);outline-offset:2px}.compare-bar{color:#fff;white-space:nowrap;pointer-events:auto;background:#0f1115d9;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 16px);padding:4px 6px 4px 12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.compare-bar .segmented{flex-wrap:nowrap;gap:2px;padding:2px}.compare-bar .segmented button{min-height:26px;padding:0 10px;font-size:12px}.compare-bar>.small{opacity:.8;font-size:12px}.compare-toggle.on{color:var(--select)}.preview-compare{display:none}@media (max-width:600px){.transport .compare-toggle{display:none}.preview-compare{justify-content:center;width:100%;display:inline-flex}}.animation-composer{gap:14px;min-width:0;display:grid}.animation-composer *,.animation-composer :before,.animation-composer :after{box-sizing:border-box}.animation-composer p,.animation-composer h4{margin:0}.animation-composer [hidden]{display:none!important}.animation-composer fieldset{gap:14px;min-width:0;display:grid}.animation-composer .field{margin:0}.animation-composer-intro{align-items:center;gap:10px;display:flex}.animation-intro-icon{border:1px solid var(--border);width:38px;height:38px;color:var(--select);background:var(--surface-2);border-radius:11px;flex:none;place-items:center;display:grid}.animation-composer-intro strong{font-size:13px;line-height:1.4}.animation-composer-intro p,.animation-help{color:var(--muted);font-size:11px;line-height:1.6}.animation-composer-tabs{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;gap:4px;padding:4px;display:flex}.animation-composer-tabs>button{min-width:0;min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.animation-composer-tabs>button[aria-selected=true]{background:var(--surface-3);border-color:var(--border);color:var(--text);box-shadow:0 2px 5px #0002}.animation-composer-tabs>button[aria-selected=true]>svg{color:var(--select)}.animation-composer-tabs>button>span{background:var(--surface);border-radius:4px;min-width:19px;padding:1px 5px;font-size:10px}.animation-composer button:focus-visible,.animation-composer summary:focus-visible{outline:2px solid var(--focus,#46aaff);outline-offset:2px}.animation-explore,.animation-customize{gap:12px;min-width:0;display:grid}.animation-choices{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:4px;min-width:0;padding:3px;display:flex}.animation-choices>button{min-width:0;min-height:36px;color:var(--muted);font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 6px;font-size:11px;font-weight:600;display:flex}.animation-choices>button[aria-checked=true]{color:var(--select);border-color:color-mix(in srgb, var(--select) 35%, transparent);background:color-mix(in srgb, var(--select) 8%, var(--surface-2))}.animation-choices svg{flex:none}.animation-preset-grid{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:420px;margin:-2px;padding:2px;display:grid;overflow-y:auto}.animation-preset-card{align-content:start;gap:5px;min-width:0;display:grid;position:relative}.animation-preset-tile{border:1px solid var(--border);background:var(--surface-2);width:100%;min-width:0;height:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;gap:7px;padding:7px 7px 12px;transition:border-color .15s,background .15s;display:grid}.animation-preset-tile:hover,.animation-preset-tile:focus-visible{border-color:var(--select);background:var(--surface-3)}.animation-preset-tile:disabled{opacity:.4;cursor:default}.animation-preset-tile canvas{aspect-ratio:2;background:radial-gradient(at 50% 100%,#29334b 0%,#10141e 75%);border:1px solid #ffffff08;border-radius:6px;width:100%;height:auto;display:block}.animation-preset-tile>span{overflow-wrap:anywhere;align-items:flex-start;gap:5px;padding:0 3px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.animation-preset-tile>span svg{color:var(--select);flex:none;margin-top:1px}.animation-preset-tile>small{color:var(--muted);padding:0 3px;font-size:10px;line-height:1.5}.animation-delete-preset{background:var(--surface);border:1px solid var(--border);min-width:32px;min-height:32px;padding:6px;position:absolute;top:10px;right:10px}.animation-applied{border:1px solid color-mix(in srgb, var(--select) 28%, var(--border));background:color-mix(in srgb, var(--select) 4%, var(--surface-2));border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.animation-applied>svg{color:var(--select);flex:none}.animation-applied>span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:11px;font-weight:600;line-height:1.5}.animation-applied small{color:var(--muted);font-size:10px;font-weight:400;display:block}.animation-empty{border:1px dashed var(--border);background:var(--surface-2);text-align:center;border-radius:10px;justify-items:center;gap:9px;padding:24px 18px;display:grid}.animation-empty>svg{color:var(--select);margin-bottom:2px}.animation-empty strong{font-size:13px}.animation-empty p{color:var(--muted);max-width:240px;font-size:12px;line-height:1.6}.animation-empty .btn{margin-top:4px}.animation-stage-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.animation-stage-heading h4,.animation-label,.animation-standalone-title{color:var(--text);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.animation-stage-heading>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.animation-sequence{gap:8px;display:grid}.animation-time-ruler{color:var(--muted);justify-content:space-between;padding:0 2px;font-size:10px;display:flex}.animation-step-list{overscroll-behavior:contain;scrollbar-width:thin;grid-auto-rows:max-content;align-content:start;gap:6px;max-height:270px;margin:-2px;padding:2px;display:grid;overflow-y:auto}.animation-step{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;overflow:hidden}.animation-step.active{border-color:var(--select);background:color-mix(in srgb, var(--select) 5%, var(--surface-2))}.animation-step.disabled .animation-step-select{opacity:.5}.animation-step-select{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:9px 10px 13px;display:flex;position:relative}.animation-step-select>svg{color:var(--muted);flex:none}.animation-step-icon{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid;position:relative}.animation-step.active .animation-step-icon{color:var(--select);border-color:color-mix(in srgb, var(--select) 25%, var(--border))}.animation-step-icon small{border:1px solid var(--border);background:var(--surface);min-width:14px;height:14px;color:var(--text);border-radius:4px;place-items:center;font-size:8px;display:grid;position:absolute;bottom:-3px;right:-4px}.animation-step-copy{flex:1;gap:3px;min-width:0;display:grid}.animation-step-copy strong{overflow-wrap:anywhere;font-size:12px}.animation-step-copy small{color:var(--muted);font-size:10px}.animation-step-time{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;gap:3px;font-size:10px;display:grid}.animation-step-time small{color:var(--muted);font-size:10px}.animation-step-track{background:var(--surface-3);height:3px;display:block;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.animation-step-track>i{background:var(--muted);opacity:.5;border-radius:3px;position:absolute;top:0;bottom:0}.animation-step.active .animation-step-track>i{background:var(--select);opacity:1}.animation-add-button{background:0 0;border-style:dashed;width:100%}.animation-add-menu{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;gap:10px;padding:12px;display:grid}.animation-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.animation-effect-button{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:12px 9px;display:flex}.animation-effect-button:hover{border-color:var(--select)}.animation-effect-button>svg{color:var(--select);flex:none}.animation-effect-button>span{gap:3px;min-width:0;display:grid}.animation-effect-button strong{font-size:12px;font-weight:600}.animation-effect-button small{color:var(--muted);font-size:10px;line-height:1.4}.animation-step-settings{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;gap:16px;padding:14px;display:grid}.animation-editor-heading{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding-bottom:12px;display:flex}.animation-editor-icon{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--select);border-radius:9px;flex:none;place-items:center;display:grid}.animation-editor-heading small{color:var(--muted);font-size:10px}.animation-editor-heading h4{color:var(--text);font-size:14px;line-height:1.5}.animation-basic-settings,.animation-timing-settings,.animation-unit-settings{gap:10px;display:grid}.animation-timing-settings,.animation-unit-settings{border-top:1px solid var(--border);padding-top:14px}.animation-label svg{color:var(--muted);flex:none}.animation-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.animation-composer .field-label{font-size:12px}.animation-field-grid .design-number-input>span{right:12px}.animation-field-grid input{min-width:0}.animation-direction-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.animation-direction-shortcuts .btn{min-width:0;font-size:12px}.animation-direction-shortcuts .btn[aria-pressed=true]{border-color:var(--select);color:var(--select);background:color-mix(in srgb,var(--select) 8%,var(--surface))}.animation-composer .slider{margin:0}.animation-disclosure{border-top:1px solid var(--border);min-width:0}.animation-disclosure>summary{color:var(--muted);cursor:pointer;align-items:center;gap:7px;padding:12px 0;font-size:11px;font-weight:600;list-style:none;display:flex}.animation-disclosure>summary::-webkit-details-marker{display:none}.animation-disclosure>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:6px;height:6px;margin-left:auto;margin-right:3px;transition:transform .15s;transform:rotate(45deg)}.animation-disclosure[open]>summary:after{transform:rotate(225deg)}.animation-disclosure>summary>span{flex:1;min-width:0}.animation-disclosure-body{gap:12px;min-width:0;padding:0 0 6px;display:grid}.animation-advanced{margin-top:0}.animation-advanced>summary{padding-bottom:0}.animation-advanced[open]>summary{padding-bottom:12px}.animation-step-actions,.animation-editor-actions,.animation-library-actions{flex-wrap:wrap;gap:8px;display:flex}.animation-step-actions .btn{flex:1}.animation-editor-actions{border-top:1px solid var(--border);padding-top:10px}.animation-editor-actions .btn{flex:1;min-width:0}.animation-targets{gap:8px;min-width:0;display:grid}.animation-target-chips{overscroll-behavior:contain;flex-wrap:wrap;gap:5px;max-height:165px;padding:2px;display:flex;overflow-y:auto}.animation-target-chips .chip{overflow-wrap:anywhere;align-items:center;gap:5px;max-width:100%;display:flex}.animation-target-chips .chip small{opacity:.65;font-size:10px}.animation-targets>summary{padding:10px 0}.animation-text-button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:5px 0;font-size:11px;display:inline-flex}.animation-text-button:hover:not(:disabled){color:var(--text)}.animation-text-button:disabled{opacity:.4;cursor:default}.animation-clear{justify-self:center}.animation-composer-toolbar{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:12px;display:grid}.animation-composer-toolbar .btn{min-width:0}.animation-save-preset{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;gap:9px;padding:14px;display:grid}@media (max-width:600px){.animation-composer-tabs>button,.animation-choices>button,.animation-composer .btn,.animation-target-chips .chip,.animation-text-button,.animation-disclosure>summary{min-height:44px}.animation-composer .btn.icon{min-width:44px}.animation-composer-tabs>button{padding:6px;font-size:12px}.animation-effect-button{min-height:66px}.animation-effect-button small{font-size:10px}.animation-step-settings{padding:12px}.animation-editor-actions .btn{padding-left:5px;padding-right:5px}.animation-step-list{max-height:245px}.animation-step-select{min-height:62px}}@media (prefers-reduced-motion:reduce){.animation-preset-tile,.animation-disclosure>summary:after{transition:none}}.collage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.collage-tile-wrap{position:relative}.collage-tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);width:100%;color:var(--text);text-align:left;cursor:pointer;gap:4px;padding:6px;display:grid}.collage-tile:hover:not(:disabled){border-color:var(--accent)}.collage-tile:disabled{opacity:.6;cursor:progress}.collage-tile-name{font-size:12px;font-weight:600}.collage-tile-meta{color:var(--muted);font-size:11px}.collage-tile-wrap .tile-fav{position:absolute;top:10px;right:10px}.collage-thumb{border-radius:6px;width:100%;max-height:170px;display:block}.collage-tile:hover .collage-thumb-frame{animation:.6s cubic-bezier(.2,.9,.3,1.2) both collage-pop}@keyframes collage-pop{0%{opacity:0;transform:scale(.6)}}.collage-panel .collage-frame-list{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.collage-panel .chip.filled:before{content:"●";color:var(--select);margin-right:4px;font-size:9px}.collage-layouts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.collage-layout{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:6px;padding:3px}.collage-layout.active{border-color:var(--select);box-shadow:0 0 0 1px var(--select)}.collage-layout .collage-thumb{max-height:64px}.collage-media{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.collage-media-item{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:6px;place-items:center;padding:0;font-size:18px;display:grid;overflow:hidden}.collage-media-item img{object-fit:cover;width:100%;height:100%}.collage-media-item.active{border-color:var(--select);box-shadow:0 0 0 1px var(--select)}.collage-media-item.add{border-style:dashed}.collage-content-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.collage-content-head img{object-fit:cover;border-radius:6px;width:56px;height:56px}.collage-content-head>div{flex:1;min-width:0;display:grid}.collage-overlay{z-index:4;pointer-events:none;position:absolute}.collage-overlay-svg{position:absolute;inset:0;overflow:visible}.collage-frame-hit{fill:#0000;stroke:#ffffff8c;stroke-width:1px;stroke-dasharray:5 4;pointer-events:all;cursor:move;touch-action:none}.collage-frame-hit.selected{stroke:#fff;stroke-width:2px;stroke-dasharray:none;filter:drop-shadow(0 0 1.5px #000000b3)}.collage-frame-hit.locked{cursor:default}.collage-add{color:#fff;pointer-events:auto;cursor:pointer;background:#0f1115bf;border:2px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;font-size:24px;line-height:1;display:grid;position:absolute;box-shadow:0 4px 12px #0006}.collage-add:hover{background:var(--accent)}.collage-handle{pointer-events:auto;touch-action:none;background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1.5px #00000080}.collage-handle:after{content:"";position:absolute;inset:-10px}.collage-handle.edge{border-radius:3px;width:10px;height:10px;margin:-5px 0 0 -5px}.collage-handle.nw,.collage-handle.se{cursor:nwse-resize}.collage-handle.ne,.collage-handle.sw{cursor:nesw-resize}.collage-handle.n,.collage-handle.s{cursor:ns-resize}.collage-handle.w,.collage-handle.e{cursor:ew-resize}.collage-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);pointer-events:auto;z-index:8;gap:8px;width:260px;padding:10px;display:grid;position:absolute;box-shadow:0 12px 32px #00000080}.collage-picker-head{justify-content:space-between;align-items:center;display:flex}.collage-picker .collage-media{max-height:140px;overflow-y:auto}.collage-outside{border-radius:var(--radius-sm);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;margin:8px 0;padding:8px 10px;display:flex}.collage-frame-hit.dimmed{stroke-opacity:.25}.collage-frame-btn{color:#fff;pointer-events:auto;cursor:pointer;background:#0f1115d9;border:none;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006}.collage-frame-btn:hover{background:var(--accent)}.collage-framing{pointer-events:auto;border-radius:6px;position:absolute;inset:0;overflow:hidden}.collage-framing-content{z-index:1;pointer-events:none;background-color:#ffffff14;background-size:100% 100%;position:absolute}.collage-framing-window{z-index:2;pointer-events:none;border:2px solid #fff;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #00000080,0 0 0 9999px #080a0e94}.collage-framing-thirds{background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#ffffff59 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff59 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#ffffff59 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff59 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px));position:absolute;inset:0}.collage-framing-outline{z-index:3;box-sizing:border-box;cursor:grab;touch-action:none;border:1.5px dashed #fffffff2;position:absolute;box-shadow:0 0 0 1px #00000059}.collage-framing-outline:active{cursor:grabbing}.collage-framing-corner{z-index:4;touch-action:none;background:#fff;border:2px solid #2b6cb0;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 1px 4px #00000080}.collage-framing-corner:before{content:"";position:absolute;inset:-12px}.collage-framing-corner.nwse{cursor:nwse-resize}.collage-framing-corner.nesw{cursor:nesw-resize}.collage-framing-zoom{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em;font-size:12px}.collage-framing-bar input[type=range]{width:110px}@media (max-width:520px){.collage-framing-hint{display:none}}.collage-framing-bar{z-index:5;color:#fff;background:#0f1115e0;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 16px);padding:4px 6px 4px 12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.collage-anim .chip-row{margin-bottom:6px}.tl-collage-lanes{pointer-events:none;position:absolute;left:0;right:0}.tl-collage-span{background:#ffffff0a;border:1px dashed #ffffff24;border-radius:6px;position:absolute;top:2px;bottom:2px}.tl-collage-bar{color:#fff;white-space:nowrap;cursor:grab;touch-action:none;pointer-events:auto;box-sizing:border-box;background:linear-gradient(#3d5a80,#2f4868);border:1px solid #ffffff2e;border-radius:5px;align-items:center;gap:5px;height:20px;padding:0 8px 0 3px;font-size:11px;display:flex;position:absolute;overflow:hidden}.tl-collage-bar:active{cursor:grabbing}.tl-collage-bar.empty{color:#ffffffb3;background:#ffffff1a}.tl-collage-bar.selected{border-color:#fff;box-shadow:0 0 0 1px #fff,0 0 10px #ffffff40}.tl-collage-bar:focus-visible{outline:2px solid var(--accent,#7cc4ff);outline-offset:1px}.tl-collage-thumb{background-position:50%;background-size:cover;border-radius:3px;flex:none;width:14px;height:14px;position:relative}.tl-collage-name{text-overflow:ellipsis;position:relative;overflow:hidden}.tl-collage-ramp{pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff38 0 3px,#0000 3px 7px);position:absolute;top:0;bottom:0}.tl-collage-ramp.in{left:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.tl-collage-ramp.out{right:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}.tl-collage-edge{cursor:ew-resize;touch-action:none;width:10px;position:absolute;top:0;bottom:0}.tl-collage-edge.start{left:-2px}.tl-collage-edge.end{right:-2px}.tl-collage-bar.selected .tl-collage-edge:after{content:"";background:#fff;border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:4px}.tl-collage-guide{pointer-events:none;border-left:1px dashed #ffd166;width:0;position:absolute;top:0;bottom:0}.tl-lane-label.collage{color:#ffd9a8}.collage-framing-corner.outside{background:#ffffff59;border-style:dashed}.collage-framing-bar.top{top:10px;bottom:auto}.segmented.with-icons button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.segmented.with-icons button svg{opacity:.85;flex:none}.collage-panel .row .btn{align-items:center;gap:6px;display:inline-flex}.field-hint{margin:-2px 0 4px;line-height:1.35;display:block}.collage-anim-body{flex-direction:column;gap:12px;padding-bottom:4px;display:flex}.collage-anim-body>.field-label+:is(.canim-grid,.segmented){margin-top:-6px}.canim-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.canim-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.canim-card{border:1px solid var(--border);background:var(--surface-2);min-width:0;color:var(--muted);font:inherit;cursor:pointer;border-radius:9px;gap:5px;padding:5px 5px 7px;transition:border-color .15s,background .15s,color .15s;display:grid}.canim-card:hover,.canim-card:focus-visible{border-color:var(--select);color:var(--text)}.canim-card.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.canim-name{text-align:center;overflow-wrap:anywhere;font-size:11px;font-weight:600;line-height:1.25}.canim-stage{aspect-ratio:16/10;background:#10141e;border-radius:5px;display:block;position:relative;overflow:hidden}.canim-cell,.canim-box{border-radius:2px;position:absolute}.canim-cell{background:#2b3242}.canim-cell.a{width:40%;height:82%;top:9%;left:6%}.canim-cell.b{width:42%;height:37%;top:9%;left:52%}.canim-box{background:linear-gradient(135deg,#ff7a9c,#ffb36b);width:42%;height:37%;animation-duration:2s;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-iteration-count:infinite;top:54%;left:52%;overflow:hidden}.canim-stage.out .canim-box{animation-direction:reverse}.canim-box.anim-fade{animation-name:canim-fade}.canim-box.anim-zoom{animation-name:canim-zoom}.canim-box.anim-pop{animation-name:canim-pop}.canim-box.anim-slide-left{animation-name:canim-left}.canim-box.anim-slide-right{animation-name:canim-right}.canim-box.anim-slide-up{animation-name:canim-up}.canim-box.anim-slide-down{animation-name:canim-down}.canim-box.anim-spin{animation-name:canim-spin}@keyframes canim-fade{0%,12%{opacity:0}50%,to{opacity:1}}@keyframes canim-zoom{0%,12%{opacity:0;transform:scale(.6)}50%,to{opacity:1;transform:none}}@keyframes canim-pop{0%,12%{opacity:0;transform:scale(0)}38%{opacity:1;transform:scale(1.15)}50%,to{transform:none}}@keyframes canim-left{0%,12%{transform:translate(-260%)}50%,to{transform:none}}@keyframes canim-right{0%,12%{transform:translate(130%)}50%,to{transform:none}}@keyframes canim-up{0%,12%{transform:translateY(-260%)}50%,to{transform:none}}@keyframes canim-down{0%,12%{transform:translateY(130%)}50%,to{transform:none}}@keyframes canim-spin{0%,12%{opacity:0;transform:rotate(-120deg)scale(.5)}50%,to{opacity:1;transform:none}}.canim-box.motion b{background:radial-gradient(circle at 35% 40%,#fff6 0 18%,#0000 19%),linear-gradient(135deg,#ff7a9c,#ffb36b);position:absolute;inset:0}.canim-box.motion-zoom-in b{animation:2.4s ease-in-out infinite alternate canim-zoom-in}.canim-box.motion-zoom-out b{animation:2.4s ease-in-out infinite alternate-reverse canim-zoom-in}.canim-box.motion-float{animation:2.4s ease-in-out infinite canim-float}@keyframes canim-zoom-in{0%{transform:scale(1)}to{transform:scale(1.6)}}@keyframes canim-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12%)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.canim-box,.canim-box.motion b{animation:none!important}}.color-row.with-slider{grid-template-columns:auto minmax(0,1fr)}:is(.more-options,.panel-section)[open]>:not(summary,:empty)+:not(summary,:empty,.collage-anim-body){margin-top:12px}.tb-actions.floating{pointer-events:auto;z-index:6;bottom:auto;transform:translate(-50%,-50%)}.tl-marquee{z-index:30;border:1px solid var(--select,#7cc4ff);background:color-mix(in srgb, var(--select,#7cc4ff) 16%, transparent);pointer-events:none;border-radius:3px;position:absolute}.tl-clip.compound:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#7cc4ff 0 12px,#0000 12px 15px);height:4px;position:absolute;top:0;left:0;right:0}.visual-layers-panel{gap:12px;min-width:0;display:grid}.visual-layers-panel>p{margin:0;line-height:1.6}.visual-order-heading{color:var(--muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.visual-layer-list{overscroll-behavior:contain;scrollbar-width:thin;grid-auto-rows:max-content;gap:8px;max-height:370px;margin:-2px;padding:2px;display:grid;overflow-y:auto}.visual-layer{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-width:0;padding:12px}.visual-layer.hidden-layer .visual-layer-heading{opacity:.6}.visual-layer-heading{align-items:flex-start;gap:9px;display:flex}.visual-layer-heading>svg{color:var(--muted);flex:none;margin-top:2px}.visual-layer-heading>div{flex:1;gap:4px;min-width:0;display:grid}.visual-layer-heading strong{overflow-wrap:anywhere;font-size:12px}.visual-layer-heading small{color:var(--muted);font-size:10px;line-height:1.5}.visual-layer-actions{gap:8px;margin-top:10px;display:flex}.visual-layer-actions .btn{flex:1;min-width:0}@media (max-width:600px){.visual-layer-actions .btn{min-height:44px}}.compound-card{background:#7cc4ff1a;border:1px solid #7cc4ff73;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.compound-card>svg{color:#7cc4ff;flex:none}.compound-card>div{flex:1;gap:2px;min-width:0;display:grid}.compound-card strong{font-size:13px}.compound-card .btn{flex:none;align-items:center;gap:5px;display:inline-flex}.tl-compound-badge{z-index:3;color:#fff;pointer-events:none;background:#1f4f7a;border-radius:999px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:6px;right:14px;box-shadow:0 1px 3px #0006}.tl-clip.compound{outline-offset:-2px;outline:2px solid #7cc4ff;animation:1.4s ease-out compound-born}@keyframes compound-born{0%{filter:brightness(1.9);box-shadow:0 0 #7cc4ffe6}60%{box-shadow:0 0 0 10px #7cc4ff00}to{filter:none;box-shadow:none}}@media (prefers-reduced-motion:reduce){.tl-clip.compound{animation:none}}@media (min-width:901px) and (pointer:fine){:root{--control-height:32px;--gap:12px}body{font-size:14px}.inspector{padding:12px}.panel{gap:12px}.settings{gap:10px;padding-top:2px}.field{gap:4px}.field-label{font-size:13px}.field-hint{margin:-1px 0 2px}.panel-header{gap:8px}.panel-header h2{font-size:15px}.panel-header p,.panel-heading-copy>p{margin-top:1px;font-size:12px;line-height:1.4}.panel-heading-icon{border-radius:8px;width:28px;height:28px}.panel-heading-icon svg{width:16px;height:16px}.inspector .btn,.library-panel .btn{min-height:30px;padding:0 10px;font-size:13px}.inspector .btn.icon{min-width:30px}.segmented button{min-height:30px;font-size:12.5px}.inspector .ui-select-trigger{min-height:32px}.panel input[type=number]{min-height:30px;padding:4px 8px}:is(.more-options,.look-group,.effect-tools,.effect-batch,.selection-move,.track-rename,.sfx-credits)>summary{border-radius:8px;min-height:34px;margin:0 -10px;padding:6px 10px}:is(.more-options,.panel-section)[open]>:not(summary,:empty)+:not(summary,:empty,.collage-anim-body){margin-top:10px}.settings h3,.catalog-section h3{margin-bottom:4px;font-size:12px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.media-card{gap:4px}.media-name{font-size:11px}.media-actions .btn{gap:0;min-height:26px;padding:0}.media-actions .media-action-label{display:none}.media-actions .btn svg{width:14px;height:14px}}@media (min-width:901px){:root{--inspector-w:300px}.workspace{--library-w:280px}.workspace.lib-docked{--lib-col:max(220px, min(var(--lib-user,var(--library-w)), 24vw))}.workspace.insp-docked{--insp-col:var(--insp-user,max(280px, min(var(--inspector-w), 24vw)))}}@media (min-width:1440px){:root{--inspector-w:300px}}@media (min-width:901px) and (pointer:fine){.topbar{gap:10px;padding:6px 12px}.topbar .btn{min-height:30px}.workspace{--rail-w:78px}.library-rail{gap:2px;padding:6px 4px}.library-rail-btn{border-radius:8px;gap:3px;padding:7px 0 5px;font-size:10.5px}.library-panel{padding:0 12px 12px}.tl-actions .tool-btn{gap:2px;min-width:56px;height:46px}.stage{padding:8px 8px 0}.transport{padding:3px 12px}.toasts{top:52px;bottom:auto}}.tl-lane-label{align-items:center;gap:4px;display:inline-flex}.tl-lane-label .tl-lane-btn{color:#ffffff8c;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:18px;height:18px;padding:0;display:grid}.tl-lane-label .tl-lane-btn:hover{color:#fff;background:#ffffff24}.tl-lane-label .tl-lane-btn[aria-pressed=true]{color:var(--warning)}.tl-lane-label.is-hidden>span,.tl-lane-label.is-locked>span{opacity:.6}.tool-group{flex-direction:column;flex:none;gap:1px;padding:0 6px 0 0;display:flex}.tool-group+.tool-group{border-left:1px solid var(--border);padding-left:6px}.tool-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding-left:4px;font-size:9.5px;font-weight:700}.tool-group-items{gap:1px;display:flex}.tl-actions:has(.tool-group){flex:1}@media (min-width:901px) and (pointer:fine){.tool-group .tool-btn{height:42px}.tl-toolbar{align-items:center;min-height:62px}.tl-actions{align-items:flex-end}}@media (max-width:900px){.tool-group-label{display:none}.tool-group{padding:0 3px}}@media (min-width:901px){.timeline{position:relative}.timeline>.coach-tip{z-index:9;background:color-mix(in srgb, var(--surface) 88%, #ffd23f 12%);pointer-events:none;max-width:min(520px,100% - 24px);margin:0;position:absolute;bottom:74px;right:12px;box-shadow:0 6px 18px #00000073}.timeline>.coach-tip button{pointer-events:auto}.preview-area>.transport{width:100%;max-width:max(var(--video-w,100%), 720px);margin-inline:auto}}.visual-effects-catalog>h3{align-items:center;gap:8px;display:flex}.visual-effect-target{border:1px solid var(--border);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;margin:12px 0;padding:8px 10px;display:grid}.visual-effect-target>span{grid-column:1}.visual-effect-target strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:13px;overflow:hidden}.visual-effect-target small{color:var(--muted);grid-area:1/2/span 2;align-self:center;font-size:11px}.visual-effect-categories{margin:4px 0}.visual-effect-grid .tile{min-width:0}.visual-effect-grid .tile-name{overflow-wrap:anywhere}.visual-effect-grid .tile[aria-disabled=true]{cursor:help}.visual-effect-grid .tile[aria-disabled=true] .tile-name{color:var(--muted)}.effect-preview-phase{max-width:calc(100% - 6px);color:var(--text);pointer-events:none;background:#0f1115d1;border-radius:3px;padding:2px 4px;font-size:9px;font-weight:500;line-height:1.25;position:absolute;bottom:3px;left:3px}.effect-catalog-description{min-height:64px;padding:4px 0}.effect-catalog-description strong{font-size:12px}.effect-catalog-description p+p{margin-top:4px}.visual-effect-settings{border:1px solid var(--border);border-radius:10px;margin-top:10px;padding:10px}.visual-effect-settings>summary{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.visual-effect-settings>summary span{flex:1}.visual-effect-settings>summary small{font-weight:400}.visual-effect-fields{border:0;min-width:0;margin:0;padding:0}.visual-effect-fields .design-color{margin:8px 0}.visual-effect-toolbar{gap:5px;margin-top:10px;display:flex}.visual-effect-toolbar .btn{min-width:28px;min-height:28px;padding:5px}.visual-effect-toolbar .btn:last-child{margin-left:auto}.effect-expand{top:4px;right:4px}.effect-preview-dialog{width:min(760px,100vw - 32px)}.effect-preview-dialog .dialog-body{flex-direction:column;gap:14px;display:flex}.effect-large-stage{border-radius:var(--radius-sm);background:var(--surface-2);position:relative;overflow:hidden}.effect-large-stage canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.effect-compare-labels{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:auto 10px 10px}.effect-compare-labels span{background:#0f1115cc;border-radius:4px;padding:4px 8px;font-size:12px}.effect-preview-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.effect-preview-controls .btn{margin-left:auto}.effect-preview-requirement{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);padding:10px 12px;font-size:13px}.inspector.tools{padding:0;overflow:hidden}.inspector.tools.open{flex-direction:column;display:flex}.change-panel{flex-direction:column;flex:1;min-height:0;display:flex}.cp-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.cp-head-icon{background:var(--surface-3);color:#cfd4dd;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.cp-name{flex:1;min-width:0}.cp-name b{white-space:nowrap;font-size:14px;line-height:1.3;display:flex}.cp-name-start{text-overflow:ellipsis;min-width:0;overflow:hidden}.cp-name-end{flex:none}.cp-name small{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.cp-head-btn{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.cp-head-btn:hover{border-color:var(--muted)}.cp-head-btn[aria-pressed=true]{border-color:var(--text);background:var(--text);color:var(--bg)}.cp-tabs{border-bottom:1px solid var(--border);flex:none;gap:2px;padding:6px;display:flex}.cp-tabs.two-rows{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cp-tabs button{min-width:0;color:var(--muted);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1 1 0;align-content:start;justify-items:center;gap:3px;padding:5px 2px;font-size:11px;line-height:1.15;display:grid}.cp-tabs button:hover{color:var(--text)}.cp-tabs button[aria-selected=true]{background:var(--surface-3);color:var(--text)}.cp-tab-icon{background:var(--surface-3);color:#cfd4dd;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.cp-tabs button[aria-selected=true] .cp-tab-icon{background:var(--accent-soft);color:var(--accent)}.cp-search{border-bottom:1px solid var(--border);flex:none;padding:10px}.cp-search label{border:1px solid var(--accent);background:var(--surface-2);height:38px;color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:0 4px 0 10px;display:flex}.cp-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:13px}.cp-search button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:6px;display:grid}.cp-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;position:relative;overflow-y:auto}.cp-list>*{flex:none}.cp-caption{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 2px;font-size:10.5px;font-weight:700}.cp-caption[role=status]{letter-spacing:0;text-transform:none;font-size:12px;font-weight:500}.cp-rows{grid-template-columns:minmax(0,1fr);gap:4px;display:grid;container-type:inline-size}.tool-row{background:var(--surface-2);border:1px solid #0000;border-radius:10px;min-width:0;padding:0 8px}.tool-row.on{background:linear-gradient(#3ccf8e17, #3ccf8e17), var(--surface-2)}.tool-row.open{border-color:var(--accent)}.tool-row-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:44px;display:grid}.tool-row.open .tool-row-head{z-index:3;background:var(--surface-2);box-shadow:0 1px 0 var(--border);border-radius:10px 10px 0 0;margin:0 -8px;padding:0 8px;position:sticky;top:-10px}.tool-row-icon{background:var(--surface-3);color:#cfd4dd;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.tool-row.open .tool-row-icon{background:var(--accent-soft);color:var(--accent)}.tool-row-name{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 0;display:flex}.tool-row-title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool-row-title b{font-size:13px;font-weight:600;line-height:1.25}.tool-tag{background:var(--surface-3);color:var(--muted);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:10px}.tool-row-name small{color:var(--muted);font-size:11.5px;line-height:1.3}.tool-row-name small.on{color:var(--success);font-weight:600}.tool-row-name small.on:before{content:"✓ "}.tool-row-right{align-items:center;gap:6px;display:flex}.tool-row-more,.tool-row-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.tool-row-more:hover{background:var(--surface-3);color:var(--text)}.tool-row-close{border:1px solid var(--border);background:var(--surface-3);color:var(--text)}.tool-row-close:hover{border-color:var(--accent)}.tool-row-line{padding:0 0 8px}.tool-row-line textarea{resize:vertical;width:100%}.tool-row-body{flex-direction:column;gap:14px;min-width:0;padding:10px 0;display:flex}.tool-row-body>*{min-width:0}.tool-row-desc{color:var(--muted);margin:0;font-size:12px}.tool-row-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.tool-pin{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:12.5px;display:inline-flex}.tool-pin:hover,.tool-pin[aria-pressed=true]{color:var(--text)}.tool-row-done{flex:140px;justify-content:center}.row-switch{background:var(--surface-3);cursor:pointer;border:0;border-radius:10px;flex:none;width:34px;height:20px;padding:0;position:relative}.row-switch:after{content:"";background:#8a92a2;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.row-switch[aria-checked=true]{background:var(--success)}.row-switch[aria-checked=true]:after{background:#fff;transform:translate(14px)}.row-switch:disabled{opacity:.5;cursor:default}.row-slider{align-items:center;gap:6px;display:flex}.row-slider input{width:clamp(48px,18cqi,92px);accent-color:var(--accent)}.row-value{min-width:3.4em;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:11.5px}.row-btn{border:1px solid var(--border);background:var(--surface-3);color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:inline-flex}.row-btn:hover:not(:disabled){border-color:var(--muted)}.row-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.row-btn:disabled{opacity:.5;cursor:default}.row-line-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row-line-group>.row-choice{flex:auto}.segmented.row-choice{background:var(--bg);flex-wrap:nowrap;gap:2px;padding:2px}.segmented.row-choice button{white-space:nowrap;min-height:30px;padding:0 6px;font-size:12px}.row-swatches{gap:5px;display:flex}.row-swatches button{border:2px solid var(--surface-3);cursor:pointer;border-radius:50%;width:20px;height:20px;padding:0}.row-swatches button[aria-checked=true]{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.look-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.look-strip .look-card{letter-spacing:-.1px;text-align:center;min-width:0;padding:2px;font-size:9.5px}.look-strip .look-card>span:last-child{white-space:nowrap}.tool-row-line .pip-controls{align-items:center;gap:8px;display:flex}.tool-row-line .pip-controls .segmented{flex:1}.row-switch:focus-visible,.row-btn:focus-visible,.tool-row-name:focus-visible,.tool-row-more:focus-visible,.tool-row-close:focus-visible,.cp-tabs button:focus-visible,.cp-head-btn:focus-visible,.tool-pin:focus-visible{outline:2px solid var(--select);outline-offset:2px}@media (max-width:900px){.inspector.tools .sheet-bar{flex:none;margin:0}.cp-deselect,.change-panel.has-open .cp-tabs{display:none}.cp-head{padding-top:4px}.cp-head-btn{width:44px;height:44px}.cp-tabs button,.tool-row-head{min-height:52px}.row-switch{border-radius:13px;width:44px;height:26px}.row-switch:after{width:22px;height:22px}.row-switch[aria-checked=true]:after{transform:translate(18px)}.row-btn,.tool-row-more,.tool-row-close,.segmented.row-choice button{min-height:44px}.tool-row-more,.tool-row-close{width:44px}.row-swatches button{width:30px;height:30px}.look-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.row-switch:after{transition:none}}.tool-row-job{gap:5px;padding:0 0 8px;display:grid}.tool-row-job-head{color:#cfe6ff;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.tool-row-job-head button{color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:2px 0;font-size:12px;text-decoration:underline}.tool-row-job-head button:hover{color:var(--text)}.tool-row-job small{color:var(--muted);font-size:11px}.job-bar{background:var(--surface-3);border-radius:3px;height:5px;position:relative;overflow:hidden}.job-bar>i{background:var(--info);border-radius:3px;height:100%;transition:width .1s linear;display:block}.job-bar.indeterminate>i{width:35%;animation:1.2s ease-in-out infinite job-indeterminate}@keyframes job-indeterminate{0%{transform:translate(-100%)}to{transform:translate(290%)}}.jobs-chip{color:#cfe6ff;height:30px;font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;background:#3fa7ff1f;border:1px solid #3fa7ff66;border-radius:15px;align-items:center;gap:7px;padding:0 10px;font-size:12px;display:inline-flex}.jobs-chip:hover{border-color:var(--info)}.jobs-chip:focus-visible{outline:2px solid var(--select);outline-offset:2px}.jobs-spin{border:2px solid #3fa7ff59;border-top-color:var(--info);border-radius:50%;width:11px;height:11px;animation:.8s linear infinite jobs-spin}@keyframes jobs-spin{to{transform:rotate(360deg)}}.seg-rec{color:var(--muted);font-size:9.5px;font-weight:500;display:block}.segmented button.active .seg-rec{color:var(--text)}.toast-action{flex:none;min-height:28px}@media (max-width:900px){.jobs-chip{height:36px}.jobs-chip-name{display:none}}@media (prefers-reduced-motion:reduce){.jobs-spin,.job-bar.indeterminate>i{animation:none}.job-bar>i{transition:none}}.cp-changes{width:auto;color:var(--success);font:inherit;white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.cp-changes[aria-pressed=true]{border-color:var(--success);color:var(--success);background:#3ccf8e24}.cp-applied-caption{justify-content:space-between;align-items:center;gap:8px;display:flex}.cp-applied-caption button{color:var(--text);font:inherit;letter-spacing:0;text-transform:none;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:600;text-decoration:underline}.applied-row{background:var(--surface-2);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:6px;min-height:44px;padding:0 6px 0 8px;display:grid}.applied-row .tool-row-name small{color:var(--success)}.applied-row.hidden .tool-row-name b,.applied-row.hidden .tool-row-name small{opacity:.55;text-decoration:line-through}.applied-row .tool-row-more[aria-pressed=true]{color:var(--warning)}.cp-hint{color:var(--muted);margin:0 2px;font-size:12px}.tool-group.quick .tool-group-label{color:var(--accent)}.context-menu{z-index:80;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;min-width:230px;max-height:calc(100vh - 16px);padding:4px;position:fixed;overflow-y:auto;box-shadow:0 14px 36px #00000080}.context-menu-group+.context-menu-group{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.context-menu button{width:100%;min-height:32px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 8px;font-size:13px;display:flex}.context-menu button>span{flex:1}.context-menu button svg{color:#cfd4dd;flex:none}.context-menu button>svg[aria-label]{color:var(--success)}.context-menu button:hover:not(:disabled),.context-menu button:focus-visible{background:var(--surface-3);outline:none}.context-menu button.danger,.context-menu button.danger svg{color:var(--danger)}.context-menu button:disabled{opacity:.45;cursor:default}.context-menu kbd,.palette kbd,.palette-trigger kbd{border:1px solid var(--border);color:var(--muted);font:inherit;border-radius:4px;padding:1px 5px;font-size:11px}.palette-backdrop{z-index:90;background:#00000073;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:min(560px,100%);overflow:hidden;box-shadow:0 24px 60px #0009}.palette-input{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;padding:12px 14px;display:flex}.palette-input input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px}.palette-results{max-height:min(420px,60vh);padding:6px;overflow-y:auto}.palette-results button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.palette-results button.active{background:var(--surface-3)}.palette-icon{background:var(--surface-3);color:#cfd4dd;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.palette-name{min-width:0;display:grid}.palette-name b{font-size:13.5px;font-weight:600}.palette-name small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.palette-where{color:var(--muted);white-space:nowrap;font-size:11.5px}.palette-hint{color:var(--muted);margin:8px;font-size:13px}.topbar-project{flex:none;align-items:center;gap:10px;display:flex}.topbar-project .brand{margin-right:6px}.topbar-actions{flex:none;justify-content:flex-end}.topbar-group{align-items:center;gap:2px;display:flex}.topbar-actions>.topbar-group{border-right:1px solid var(--border);padding-right:6px}.palette-trigger{border:1px solid var(--border);background:var(--surface-2);min-width:40px;height:36px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;border-radius:9px;flex:0 380px;align-items:center;gap:8px;margin-inline:auto;padding:0 8px 0 12px;font-size:13px;display:flex}.palette-trigger>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.palette-trigger:hover{border-color:var(--muted);color:var(--text)}.palette-trigger:focus-visible{outline:2px solid var(--select);outline-offset:2px}.format-pill{white-space:nowrap}@media (max-width:1240px){.palette-trigger{flex:none;justify-content:center;padding:0 10px}.palette-trigger>span,.palette-trigger>kbd{display:none}}@media (max-width:900px){.topbar-project{flex:0 auto}.topbar-actions>.topbar-group{border-right:0;padding-right:0}.context-menu button{min-height:44px}.palette-results button{min-height:48px}}.change-panel{container-type:inline-size}@container (width<=339px){.cp-changes-word{display:none}}@media (min-width:901px) and (max-height:820px){.cp-head{padding:6px 10px}.cp-head-icon{display:none}.cp-name small{-webkit-line-clamp:1}.cp-tabs{padding:4px}.cp-tabs button{border-radius:7px;gap:2px;padding:3px 2px;font-size:10.5px}.cp-tab-icon{border-radius:6px;width:22px;height:22px}.tool-row:not(.open) .tool-row-line{display:none}.tool-row-head{min-height:40px}.cp-list{gap:6px;padding:6px 8px}.workspace.lib-float>.library-panel{grid-area:1/3/-1}.library-rail{gap:1px;padding:4px}.library-rail-btn{gap:2px;padding:5px 0 4px}.library-rail-btn svg{width:18px;height:18px}.timeline{padding:0 0 4px}.timeline-bar{gap:4px;padding:3px 8px}.timeline-bar .timeline-mode,.timeline-bar .assist-control{min-height:28px;padding:4px 8px}.timeline-bar .timeline-mode>span,.timeline-bar .assist-control>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.timeline-bar .tl-zoom .btn.icon{width:28px;height:28px;min-height:28px}.tl-toolbar{min-height:0;padding:2px 8px 0}.tl-actions{align-items:center}.tool-group-label{display:none}.tool-group .tool-btn{gap:1px;min-width:54px;height:38px;font-size:10.5px}.tool-group .tool-btn svg{width:18px;height:18px}}.dialog.event-summary{flex-direction:column;width:min(1120px,100vw - 32px);height:min(860px,100dvh - 32px);max-height:none;padding:0;display:flex;overflow:hidden}.dialog.event-summary:not([open]){display:none}.event-summary>.panel-header{border-bottom:1px solid var(--border);flex:none;padding:14px 18px}.es-body{flex:1;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);min-height:0;display:grid;overflow:hidden}.es-material,.es-settings{flex-direction:column;gap:12px;min-height:0;padding:16px 18px;display:flex;overflow-y:auto}.es-settings{border-left:1px solid var(--border);gap:16px}.es-section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.es-section-head h3,.es-h,.es-decisions h3{margin:0;font-size:15px}.es-section-head small,.es-h small,.es-decisions h3 small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:500}.es-drop{border:2px dashed var(--border);background:var(--surface-2);min-height:220px;color:var(--text);font:inherit;text-align:center;cursor:pointer;border-radius:14px;flex:1;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid}.es-drop:hover{border-color:var(--accent)}.es-drop span{max-width:420px;color:var(--muted);font-size:13px}.es-files{gap:6px;margin:0;padding:0;list-style:none;display:grid}.es-file{background:var(--surface-2);border-radius:10px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px;display:grid}.es-file img,.es-file-thumb{object-fit:cover;background:#000;border-radius:6px;width:64px;height:40px}.es-file-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;display:grid;overflow:hidden}.es-file-name small{color:var(--muted);font-size:11.5px}.es-file-actions{display:flex}.es-up svg{transform:rotate(90deg)}.es-down svg{transform:rotate(-90deg)}.es-failed{color:var(--text);background:#ffaa3c14;border-radius:10px;padding:10px 12px;font-size:12.5px}.es-failed ul{margin:4px 0 0;padding-left:18px}.es-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.es-progress{gap:8px;font-size:13px;display:grid}.es-draft{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px 18px 0;display:flex;overflow-y:auto}.es-player{gap:8px;display:grid}.es-screen{background:#000;border-radius:10px;place-items:center;width:100%;height:34dvh;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e}.es-screen canvas{display:block}.es-player-bar,.es-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.es-controls .segmented{flex:0 auto}.es-controls .segmented button{white-space:nowrap}.es-duration{color:var(--muted);font-size:13px}.es-duration strong{color:var(--text)}.es-decisions{background:#ffbe460f;border:1px solid #ffbe4659;border-radius:12px;gap:10px;padding:12px;display:grid}.es-decision{align-items:flex-start;gap:12px;display:flex}.es-decision-text{gap:4px;min-width:0;display:grid}.es-decision-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.es-shots{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.es-shot{background:var(--surface-2);border:1px solid #0000;border-radius:10px;gap:10px;padding:8px;display:flex}.es-thumb{color:#fff;cursor:pointer;background:#000;border:0;border-radius:6px;flex:none;width:112px;height:64px;padding:0;position:relative;overflow:hidden}.es-thumb img{object-fit:cover;width:100%;height:100%}.es-thumb svg{filter:drop-shadow(0 1px 3px #000c);margin:auto;position:absolute;inset:0}.es-shot-info{gap:4px;min-width:0;font-size:12.5px;display:grid}.es-shot-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.es-shot-title small{color:var(--muted)}.es-tags{flex-wrap:wrap;gap:4px;display:flex}.es-tag{color:#8fe3bd;background:#3ccf8e1f;border-radius:999px;padding:1px 7px;font-size:11px}.es-tag.warn{color:#ffd27a;background:#ffbe461f}.es-shot-actions{gap:6px;display:flex}.es-shot-actions .btn{min-height:28px;padding:0 10px;font-size:12px}.es-shot-actions .btn.on{color:#8fe3bd;border-color:#3ccf8e99}.es-footer{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:0 -18px;padding:12px 18px;display:flex;position:sticky;bottom:0}.es-footer .error-text{margin-right:auto}@media (max-width:760px){.es-body{grid-template-columns:1fr;overflow-y:auto}.es-material,.es-settings{overflow:visible}.es-settings{border-left:0;border-top:1px solid var(--border)}.es-shots{grid-template-columns:1fr}}.start-options{grid-template-columns:repeat(2,minmax(0,260px));justify-content:center;gap:12px;width:100%;display:grid}.start-option{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;justify-items:start;gap:6px;padding:16px;display:grid}.start-option:hover:not(:disabled){border-color:var(--muted)}.start-option.featured{border-color:var(--accent);background:linear-gradient(var(--accent-soft), var(--accent-soft)), var(--surface-2)}.start-option.featured svg{color:var(--accent)}.start-option strong{font-size:15px}.start-option span{color:var(--muted);font-size:12.5px;line-height:1.4}@media (max-width:560px){.start-options{grid-template-columns:1fr}}.recent-projects{text-align:left;gap:8px;width:100%;max-width:532px;display:grid}.recent-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.recent-heading h2{color:var(--muted);font-size:13px;font-weight:600}.recent-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.recent-card{border:1px solid var(--border);background:var(--surface-2);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;gap:4px;padding:6px;display:grid}.recent-card:hover:not(:disabled){border-color:var(--muted)}.recent-thumb{aspect-ratio:16/10;background:var(--bg);color:var(--muted);border-radius:6px;place-items:center;display:grid;overflow:hidden}.recent-thumb img{object-fit:cover;width:100%;height:100%}.recent-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.recent-card small{color:var(--muted);font-size:11.5px}@media (max-width:560px){.recent-list{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.recent-card{scroll-snap-align:start;flex:0 0 132px}}.es-custom-duration{color:var(--muted);grid-template-columns:auto minmax(0,140px) auto;align-items:center;gap:8px;font-size:12.5px;display:grid}.es-custom-duration .text-input[aria-invalid=true]{border-color:var(--danger,#ff5c5c)}.es-styles{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));display:grid}.es-styles button{white-space:normal;min-height:38px;line-height:1.2}.es-custom-duration{grid-template-columns:auto auto 1fr}.es-custom-duration label{align-items:center;gap:6px;display:inline-flex}.es-custom-duration input{text-align:center;width:64px}.es-style-select{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.es-style-select .select{width:auto;min-width:180px}.es-music{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.es-music b{color:var(--text)}.es-tag.effect{color:#b5c8ff;background:#78a0ff24}.event-summary{--tone:var(--accent)}.event-summary>.panel-header .panel-heading-icon{background:color-mix(in srgb, var(--tone) 22%, transparent);color:var(--tone)}.event-summary>.panel-header{background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 16%, transparent), transparent 60%)}.es-body{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.es-material,.es-settings{gap:10px;padding:14px 16px}.es-settings{gap:12px}.es-styles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;display:grid}.es-styles button{border:1px solid var(--border);background:var(--surface-2);min-height:36px;color:var(--text);font:inherit;text-align:left;white-space:normal;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;line-height:1.15;display:flex}.es-styles button:hover{border-color:color-mix(in srgb, var(--tone) 60%, var(--border))}.es-styles button.active{border-color:var(--tone);background:color-mix(in srgb, var(--tone) 18%, var(--surface-2));font-weight:600}.es-emoji{flex:none;font-size:16px}.es-hint{min-height:2.6em}.es-formats button{text-align:left;justify-content:center;align-items:center;gap:7px;line-height:1.1;display:flex}.es-formats small{color:var(--muted);font-size:10.5px;display:block}.es-shape{opacity:.8;border:1.5px solid;border-radius:3px;flex:none;height:18px}.segmented[aria-label=Sonido] button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.event-summary .btn.primary.large{min-height:44px}.es-privacy{margin:0}.es-files{gap:4px}.es-file{padding:4px 6px}.es-file img,.es-file-thumb{width:56px;height:34px}.es-drop{min-height:180px}.es-draft{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:0;padding:0;display:grid;overflow:hidden}.es-side,.es-plan{flex-direction:column;gap:12px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.es-side{border-right:1px solid var(--border)}.es-screen{aspect-ratio:16/9;height:auto;max-height:30dvh}.es-controls{gap:8px}.es-controls .segmented button{min-height:30px;font-size:12px}.es-style-select .select{min-width:0}.es-decisions{border-color:color-mix(in srgb, var(--tone) 45%, transparent);background:color-mix(in srgb, var(--tone) 7%, transparent);gap:8px;padding:10px}.es-decisions h3{font-size:13.5px}.es-decision .es-thumb{width:88px;height:50px}.es-shots{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin:0}.es-shot{gap:8px;padding:6px}.es-shot.kept{border-color:var(--tone)}.es-thumb{width:96px;height:54px}.es-tag{font-size:10.5px}.es-footer{grid-column:1/-1;margin:0;padding:10px 16px;position:static}@media (max-width:860px){.es-draft{flex-direction:column;display:flex;overflow-y:auto}.es-side,.es-plan{border-right:0;overflow:visible}.es-footer{position:sticky;bottom:0}}.es-music{background:var(--surface-2);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:2px 8px;padding:8px 10px;display:grid}.es-music>svg{color:var(--tone);margin-top:2px}.es-music .es-link{grid-column:2;justify-self:start;font-size:12.5px}.es-music .es-rhythm{grid-column:2;font-size:12.5px}.es-song{grid-column:1/-1;gap:6px;min-width:0;display:grid}.es-song-bars{cursor:pointer;border-radius:6px;align-items:flex-end;gap:1px;height:34px;padding:2px 0;display:flex;position:relative}.es-song-bars:focus-visible{outline:2px solid var(--tone);outline-offset:2px}.es-song-bars>i{background:color-mix(in srgb, var(--muted) 55%, transparent);border-radius:1px;flex:1;min-width:1px}.es-song-window{border:2px solid var(--tone);background:color-mix(in srgb, var(--tone) 22%, transparent);pointer-events:none;border-radius:5px;position:absolute;top:0;bottom:0}.es-song-info,.es-song-picks{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;display:flex}.es-song-info b{color:var(--text)}.es-settings .es-song{background:var(--surface-2);border-radius:10px;padding:8px 10px}.es-player:fullscreen{background:#000;grid-template-rows:minmax(0,1fr) auto;padding:16px}.es-player:fullscreen .es-screen{aspect-ratio:auto;height:100%;max-height:none;box-shadow:none}.es-player-bar .es-full-toggle{margin-left:auto}.es-full-nav{color:#fff;align-items:center;gap:10px;font-size:14px;display:flex}.es-finish{background:var(--surface-2);border-radius:10px;gap:2px;padding:4px 10px;display:grid}.es-discarded{margin:0}.es-shot-index{background:var(--tone);color:#111;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:4px;left:4px}.es-shot-title{font-weight:600}.es-shot-meta{color:var(--muted);font-size:11.5px}.es-shot-length{color:var(--text);margin-right:4px;font-weight:600}.es-order{gap:4px;display:grid}.es-order .segmented{justify-self:start}.es-order .segmented button{white-space:nowrap;align-items:center;gap:5px;min-height:30px;font-size:12px;display:inline-flex}.transition-origin{background:var(--surface-2);color:var(--text);border-radius:10px;margin:0;padding:8px 10px;line-height:1.4}.transition-quick{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.info-tip{flex:none;display:inline-flex;position:relative}.info-tip-btn{width:15px;height:15px;color:var(--muted);cursor:help;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.info-tip-btn:after{content:"";position:absolute;inset:-9px}.info-tip-btn:hover,.info-tip.open .info-tip-btn{color:var(--text)}.info-tip-bubble{z-index:30;border:1px solid var(--border);background:var(--surface-2);width:max-content;max-width:min(240px,70vw);color:var(--text);text-align:left;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;padding:8px 10px;font-size:12.5px;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + 6px);right:-6px;box-shadow:0 8px 24px #00000073}.info-tip:hover .info-tip-bubble,.info-tip:focus-within .info-tip-bubble,.info-tip.open .info-tip-bubble{opacity:1;visibility:visible}@media (hover:none){.info-tip:focus-within:not(.open) .info-tip-bubble{opacity:0;visibility:hidden}}.surprise-row{align-items:center;gap:8px;display:flex}.surprise-row .surprise-btn{flex:1}.camera-frames h3{margin-bottom:6px;font-size:13px}.camera-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.camera-frame-card{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;text-align:center;cursor:pointer;border-radius:10px;gap:4px;padding:4px;font-size:11.5px;display:grid}.camera-frame-card:hover:not(:disabled){border-color:var(--muted)}.camera-frame-card svg{aspect-ratio:16/10;border-radius:6px;width:100%;display:block}