.tabbed-shell{padding-top:44px}.tabbed-shell-tabs{position:absolute;top:6px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;z-index:2}.tabbed-shell-tabs.spread{justify-content:space-between}.tabbed-shell-tab{appearance:none;border:1px solid var(--panel-border);border-bottom:0;border-radius:10px 10px 0 0;background:#080b13c2;color:var(--muted);font-family:Unbounded,sans-serif;text-transform:uppercase;letter-spacing:1.3px;font-size:11px;line-height:1;padding:9px 11px 8px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.tabbed-shell-tab:hover{color:var(--text);border-color:#ffffff57}.tabbed-shell-tab.active{color:var(--text);border-color:#ffffff73;background:#ffffff1f}.tabbed-shell-tab:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f6c5483d}.tabbed-shell-panel{padding-top:12px}.tabbed-shell-tabpanel[hidden]{display:none}.tabbed-shell-tabpanel>.card-shell{padding-top:0}.tabbed-shell-tabpanel .section-label-floating{display:none}.tabbed-shell-tabpanel .card-shell>.panel{border:0;background:transparent;border-radius:0;padding:0}.tabbed-shell-tabpanel .card-shell+.card-shell{margin-top:14px}.tabbed-shell-tabpanel .panel-word{padding-top:14px}@media(max-width:620px){.tabbed-shell{padding-top:52px}.tabbed-shell-tab{font-size:10px;letter-spacing:1.1px;padding:8px 10px 7px}}.drag-number-field{position:relative;width:100%;min-width:0}.drag-number-input{width:100%;padding-right:30px;appearance:textfield;-moz-appearance:textfield}.drag-number-input::-webkit-outer-spin-button,.drag-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.drag-number-grip{position:absolute;top:5px;right:5px;bottom:5px;width:20px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#ffffff0f;color:var(--muted);display:grid;place-items:center;cursor:ns-resize;touch-action:none;transition:border-color .18s ease,background .18s ease,color .18s ease}.drag-number-grip:hover:not(:disabled){border-color:#f5c54270;background:#f5c54224;color:var(--text)}.drag-number-grip:disabled{opacity:.48;cursor:not-allowed}.drag-number-grip svg{width:12px;height:12px}body.number-dragging,body.number-dragging *{cursor:ns-resize!important;-webkit-user-select:none!important;user-select:none!important}.light .drag-number-grip{border-color:#1a1c222e;background:#ffffff8c}.light .drag-number-grip:hover:not(:disabled){border-color:#6d28d973;background:#6d28d929;color:#1a1c22e6}.text-fit-grid{display:flex;flex-direction:column;gap:12px}.text-fit-grid .inline-pair{display:flex;gap:12px;align-items:flex-start}.text-fit-grid .inline-pair>div{flex:1;display:flex;flex-direction:column;gap:6px}.text-fit-grid label{display:block;margin-bottom:0;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.text-fit-note{font-size:.72rem;color:var(--muted)}.text-fit-metrics{font-size:.72rem;color:var(--muted);padding:6px 2px 0;border-top:1px dashed rgba(255,255,255,.14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.light .text-fit-metrics{border-top-color:#1a1c2224}@media(max-width:620px){.text-fit-grid .inline-pair{flex-direction:column;gap:10px}}.drag-stepper{position:relative;min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:6px;align-items:center}.drag-stepper-proxy-input{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;opacity:0;pointer-events:none}.drag-stepper-btn{height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.17);background:#ffffff0f;color:var(--text);font:inherit;font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .14s ease;-webkit-tap-highlight-color:transparent}.drag-stepper-btn:hover:not(:disabled){border-color:#f5c54275;background:#f5c54224}.drag-stepper-btn:active:not(:disabled){transform:translateY(1px)}.drag-stepper-btn:disabled{opacity:.45;cursor:not-allowed}.drag-stepper-btn-side{height:32px;border-radius:9px}.drag-stepper-btn-compact{height:30px;border-radius:9px;padding:0 10px}.drag-stepper-chip{min-height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#07090e9e;color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.02em;font-variant-numeric:tabular-nums;cursor:ns-resize;touch-action:manipulation;transition:border-color .16s ease,background .16s ease,transform .14s ease}.drag-stepper-chip:hover:not(:disabled){border-color:#f5c54280;background:#f5c54224}.drag-stepper-chip:focus-visible{outline:0;border-color:#f5c5429e;box-shadow:0 0 0 2px #f5c54238}.drag-stepper-chip:active:not(:disabled){transform:translateY(1px)}.drag-stepper-chip:disabled{cursor:default;opacity:.5}.drag-stepper-popover{position:absolute;left:38px;top:calc(100% + 6px);z-index:20;min-width:184px;border-radius:11px;border:1px solid rgba(255,255,255,.2);background:#07090ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 18px #00000052;padding:10px;display:flex;flex-direction:column;gap:8px}.drag-stepper-popover-value{color:var(--accent);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.drag-stepper-popover-row{display:inline-flex;align-items:center;gap:6px}.drag-stepper-popover-close{align-self:flex-end}body.drag-stepper-dragging,body.drag-stepper-dragging *{cursor:ns-resize!important;-webkit-user-select:none!important;user-select:none!important}.light .drag-stepper-btn{border-color:#1a1c2233;background:#ffffffb3;color:#1a1c22d6}.light .drag-stepper-btn:hover:not(:disabled){border-color:#7c3aed80;background:#7c3aed29}.light .drag-stepper-chip{border-color:#1a1c2233;background:#ffffffbf;color:#6d28d9}.light .drag-stepper-chip:hover:not(:disabled){border-color:#6d28d97a;background:#6d28d926}.light .drag-stepper-chip:focus-visible{border-color:#6d28d9a6;box-shadow:0 0 0 2px #6d28d933}.light .drag-stepper-popover{border-color:#1a1c2233;background:#fffffff5}.light .drag-stepper-popover-value{color:#6d28d9}@media(max-width:540px){.drag-stepper-popover{left:0;right:0;min-width:0;width:min(280px,calc(100vw - 54px))}}.render-section{display:flex;flex-direction:column;gap:12px}.render-label-with-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help;-webkit-user-select:none;user-select:none;outline:none;opacity:1}.render-tooltip-trigger{display:inline-flex;align-items:center;opacity:.6}.render-tooltip-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;border:0;padding:0;background:transparent;color:inherit;cursor:pointer}.render-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid currentColor;font-size:10px;font-style:normal;line-height:1;opacity:.85;text-transform:none}.render-label-with-tooltip.is-open .render-tooltip-trigger{opacity:.86}.render-label-with-tooltip.is-open .render-tooltip-icon{opacity:1;color:var(--text);border-color:var(--text);background:var(--panel)}.render-tooltip-bubble{position:absolute;left:0;top:calc(100% + 4px);z-index:30;display:none;width:max-content;max-width:240px;padding:6px 8px;border-radius:4px;border:1px solid var(--panel-border);background:var(--bg-elevated);color:var(--text);box-shadow:0 2px 6px #0003;font-size:11px;line-height:1.3;letter-spacing:normal;text-transform:none;opacity:1}.render-label-with-tooltip:hover .render-tooltip-bubble,.render-label-with-tooltip:focus-within .render-tooltip-bubble,.render-label-with-tooltip.is-open .render-tooltip-bubble{display:block}.render-tooltip-toggle:focus-visible{box-shadow:0 0 0 2px #6ea0ff73;border-radius:4px}.render-config-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.render-config-tab{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:7px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff0d,#0000002e);transition:border-color .16s ease,background .16s ease}.render-config-tab.is-active{border-color:#f5c5429e;background:linear-gradient(180deg,#f5c5422e,#f5c54214)}.render-config-tab-select{display:inline-flex;align-items:center;min-width:0;height:30px;border:0;padding:0 4px;background:transparent;color:var(--text);cursor:pointer}.render-config-tab-select:disabled{cursor:not-allowed;opacity:.55}.render-config-tab-select:focus-visible{outline:0;border-radius:7px;box-shadow:0 0 0 2px #f5c5423d}.render-config-tab-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.render-pulse-toggle{min-width:62px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#ffffff0f;color:var(--text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.render-pulse-toggle:hover:not(:disabled){border-color:#f5c54270}.render-pulse-toggle.is-on{border-color:#f5c542b3;background:#f5c5423d;color:var(--accent)}.render-pulse-toggle:disabled{opacity:.5;cursor:not-allowed}.render-pulse-frequency-slot .render-semantic-row{height:100%}.render-pulse-frequency-slot .render-tooltip-trigger{white-space:nowrap}.render-pulse-controls-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}.render-config-panel{transition:opacity .16s ease,filter .16s ease}.render-config-panel.is-inactive{opacity:.62;filter:saturate(.72) contrast(.92)}.render-config-panel.is-inactive .render-tooltip-trigger,.render-config-panel.is-inactive .render-semantic-value,.render-config-panel.is-inactive .render-semantic-visual{opacity:.78}.render-pulse-amount-slot .render-semantic-row{height:100%}.render-pulse-amount-slot .render-semantic-main{grid-template-columns:50px minmax(0,1fr);gap:7px}.render-semantic-row{display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:linear-gradient(180deg,#ffffff0a,#00000029)}.render-semantic-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.render-semantic-value{font-size:.88rem;color:var(--text);font-weight:600;letter-spacing:.01em;min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.render-semantic-main{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:8px}.render-two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.render-semantic-visual{height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#05070d73;display:grid;place-items:center}.render-semantic-particle-dot,.render-semantic-glow-dot{border-radius:999px;background:#f5c542f0}.render-semantic-glow-dot{border:1px solid rgba(255,216,115,.58)}.render-semantic-wave{width:56px;height:20px}.render-semantic-wave-amount{width:52px;height:18px}.render-semantic-wave path{fill:none;stroke:#f5c542f2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.render-semantic-wave-amount .render-semantic-wave-large{stroke-width:2.15;stroke:#f5c542fa}.render-semantic-wave-amount .render-semantic-wave-small{stroke-width:1.75;stroke:#f5c5428f}.render-semantic-trail-preview{position:relative;width:52px;height:16px}.render-semantic-trail-tail{position:absolute;right:8px;top:50%;height:4px;border-radius:999px;transform:translateY(-50%);background:linear-gradient(90deg,#f5c54200,#f5c542c2)}.render-semantic-trail-tail.is-decay{background:linear-gradient(90deg,#f5c54200,#f5c542)}.render-semantic-trail-head{position:absolute;right:0;top:50%;width:8px;height:8px;border-radius:999px;transform:translateY(-50%);background:#f5c542f2}.render-semantic-trail-samples{display:inline-flex;align-items:center;gap:4px}.render-semantic-trail-sample-dot{width:5px;height:5px;border-radius:999px;background:#f5c54240}.render-semantic-trail-sample-dot.is-active{background:#f5c542eb}.render-semantic-trail-size{display:inline-flex;align-items:center;gap:4px}.render-semantic-trail-size-dot{border-radius:999px;background:#f5c542eb}.render-semantic-stepper{display:grid;grid-template-columns:36px 1fr 36px;gap:6px;align-items:center}.render-semantic-number{min-width:0}.render-semantic-number .drag-number-input{text-align:center}.render-semantic-number .drag-number-grip{width:18px}.render-pulse-lab{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px;background:linear-gradient(180deg,#ffffff0a,#00000029);display:flex;flex-direction:column;gap:8px}.render-pulse-lab-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.render-pulse-lab-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.render-pulse-preview-btn{height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--text);font-size:11px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.render-pulse-preview-btn:hover:not(:disabled){border-color:#f5c54270;background:#f5c54226}.render-pulse-preview-btn:disabled{opacity:.46;cursor:not-allowed}.render-pulse-lab-stage{--pulse-min-scale: .7;--pulse-max-scale: 1.1;--pulse-mid-scale: .9;--pulse-period-seconds: 1s;--pulse-base-size: 16px;--pulse-glow-size: 28px;--pulse-glow-blur: 10px;--pulse-glow-opacity: .42;--pulse-trail-width: 0px;--pulse-trail-opacity: 0;--pulse-trail-blur: 0px;--pulse-trail-motion: 0px;--pulse-trail-cycle-ms: 1.4s;height:76px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#07090eb3;display:grid;place-items:center;position:relative;overflow:hidden}.render-pulse-lab-core,.render-pulse-lab-glow{position:absolute;border-radius:999px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--pulse-mid-scale));transform-origin:center;z-index:2}.render-pulse-lab-glow{width:var(--pulse-glow-size);height:var(--pulse-glow-size);background:#f5c542;opacity:var(--pulse-glow-opacity);filter:blur(var(--pulse-glow-blur))}.render-pulse-lab-core{width:var(--pulse-base-size);height:var(--pulse-base-size);background:#f5c542f2;box-shadow:0 0 0 1px #ffd87373}.render-pulse-lab-particle-layer{position:absolute;width:120px;height:24px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.render-pulse-lab-trail-layer{position:absolute;width:120px;height:18px;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center;z-index:1;pointer-events:none}.render-pulse-lab-trail{position:absolute;right:calc(50% + (var(--pulse-base-size) * .5));top:50%;width:var(--pulse-trail-width);height:4px;border-radius:999px;transform:translateY(-50%);background:linear-gradient(90deg,#f5c54200,rgba(245,197,66,var(--pulse-trail-opacity)));filter:blur(var(--pulse-trail-blur))}.render-pulse-lab-trail-sample{position:absolute;top:50%;width:5px;height:5px;border-radius:999px;transform:translateY(-50%);background:#f5c542e6;transition:opacity .18s ease}.render-pulse-lab-trail-sample:not(.is-active){opacity:0}.render-pulse-lab-stage.is-animating .render-pulse-lab-core,.render-pulse-lab-stage.is-animating .render-pulse-lab-glow{animation-name:render-pulse-preview;animation-duration:var(--pulse-period-seconds);animation-timing-function:linear;animation-iteration-count:infinite}.render-pulse-lab-stage.is-trail-animating .render-pulse-lab-particle-layer{animation:render-pulse-trail-preview var(--pulse-trail-cycle-ms) ease-in-out infinite alternate}.render-pulse-lab-stage.is-trail-animating .render-pulse-lab-trail-layer{animation:render-pulse-trail-direction calc(var(--pulse-trail-cycle-ms) * 2) linear infinite}@keyframes render-pulse-preview{0%{transform:translate(-50%,-50%) scale(var(--pulse-min-scale))}50%{transform:translate(-50%,-50%) scale(var(--pulse-max-scale))}to{transform:translate(-50%,-50%) scale(var(--pulse-min-scale))}}@keyframes render-pulse-trail-preview{0%{transform:translate(calc(-50% - var(--pulse-trail-motion)),-50%)}to{transform:translate(calc(-50% + var(--pulse-trail-motion)),-50%)}}@keyframes render-pulse-trail-direction{0%,49%{transform:translate(-50%,-50%) scaleX(1)}51%,to{transform:translate(-50%,-50%) scaleX(-1)}}.render-trail-samples-row{width:min(360px,100%)}.render-profile-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.render-profile-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.render-profile-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.render-profile-select{min-width:0}.render-profile-btn{height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#f5c54226;color:var(--text);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.render-profile-btn:hover:not(:disabled){border-color:#f5c5429e;background:#f5c5423d}.render-profile-btn:disabled{opacity:.5;cursor:not-allowed}.light .render-semantic-row{border-color:#1a1c2233;background:linear-gradient(180deg,#ffffffa8,#ffffff75)}.light .render-semantic-visual{border-color:#1a1c222e;background:#ffffffc7}.light .render-semantic-particle-dot,.light .render-semantic-glow-dot,.light .render-pulse-lab-core{background:#7c3aed}.light .render-semantic-wave path{stroke:#7c3aed}.light .render-semantic-wave-amount .render-semantic-wave-large{stroke:#7c3aedeb}.light .render-semantic-wave-amount .render-semantic-wave-small{stroke:#7c3aed8a}.light .render-semantic-trail-tail,.light .render-semantic-trail-tail.is-decay{background:linear-gradient(90deg,#7c3aed00,#7c3aedd1)}.light .render-semantic-trail-head,.light .render-semantic-trail-sample-dot.is-active,.light .render-semantic-trail-size-dot{background:#7c3aedeb}.light .render-pulse-lab-trail{background:linear-gradient(90deg,#7c3aed00,rgba(124,58,237,var(--pulse-trail-opacity)))}.light .render-pulse-lab-trail-sample{background:#7c3aede6}.light .render-semantic-trail-sample-dot{background:#7c3aed3d}.light .render-pulse-lab{border-color:#1a1c2233;background:linear-gradient(180deg,#ffffffa8,#ffffff75)}.light .render-pulse-lab-stage{border-color:#1a1c2229;background:#ffffffbf}.light .render-pulse-lab-glow{background:#7c3aed}.light .render-pulse-preview-btn{border-color:#1a1c2233;background:#ffffffbd;color:#1a1c22d9}.light .render-config-tab{border-color:#1a1c2233;background:linear-gradient(180deg,#ffffffc2,#fff9)}.light .render-config-tab.is-active{border-color:#6d28d98f;background:linear-gradient(180deg,#6d28d929,#6d28d914)}.light .render-config-tab-select:focus-visible{box-shadow:0 0 0 2px #6d28d933}.light .render-pulse-toggle{border-color:#1a1c223d;background:#fffc;color:#1a1c22db}.light .render-pulse-toggle:hover:not(:disabled){border-color:#6d28d970}.light .render-pulse-toggle.is-on{border-color:#6d28d98f;background:#6d28d929;color:#6d28d9}@media(max-width:540px){.render-semantic-main{grid-template-columns:56px 1fr}.render-pulse-lab-head{flex-direction:column;align-items:flex-start}.render-two-up{grid-template-columns:1fr;gap:8px}.render-config-tabs{grid-template-columns:1fr}.render-pulse-controls-row{grid-template-columns:1fr;gap:8px}.render-trail-samples-row{width:100%}}.timeline-shell{width:100%}.timeline-panel{--timeline-state-preview-rgb: 245, 197, 66;--timeline-divider: rgba(241, 239, 231, .24);display:flex;flex-direction:column;gap:8px;padding-top:8px}.timeline-inspector-empty{margin-top:0}.timeline-strip-block{display:flex;flex-direction:column;gap:6px}.timeline-strip-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.timeline-strip-title{margin:0;font-family:Unbounded,sans-serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.timeline-strip-subtitle{margin:2px 0 0;font-size:11px;letter-spacing:.03em;color:var(--muted)}.timeline-strip-actions{display:flex;align-items:center;gap:8px}.filmstrip{position:relative;border:1px solid rgba(255,255,255,.13);border-radius:0;padding:8px 0;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1.5px,transparent 1.5px,transparent 120px),#0e1018d1}.filmstrip:before,.filmstrip:after{content:"";position:absolute;left:0;right:0;height:8px;pointer-events:none;background-color:#00000038;background-image:radial-gradient(circle at center,rgba(5,7,12,.95) 2.6px,transparent 3.2px);background-size:22px 8px;background-position:0 center}.filmstrip:before{top:0;border-bottom:1px solid rgba(255,255,255,.08)}.filmstrip:after{bottom:0;border-top:1px solid rgba(255,255,255,.08)}.filmstrip-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0;margin:0;scrollbar-width:thin}.timeline-track{display:flex;align-items:stretch;gap:0;min-width:max-content}.timeline-cell{position:relative;min-height:56px;padding:0;border-radius:0;border:1px solid var(--timeline-divider);background:linear-gradient(180deg,rgba(var(--cell-rgb, 245, 197, 66),.2),rgba(var(--cell-rgb, 245, 197, 66),.06));color:var(--text);display:flex;flex-direction:column;justify-content:space-between;gap:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .18s ease,background .18s ease,box-shadow .2s ease}.timeline-track>.timeline-cell{border-left-width:0}.timeline-track>.timeline-cell:first-child{border-left-width:1px}.timeline-cell:hover{border-color:#ffffff61;background:linear-gradient(180deg,rgba(var(--cell-rgb, 245, 197, 66),.26),rgba(var(--cell-rgb, 245, 197, 66),.09))}.timeline-cell.timeline-cell-transition{border-style:dashed}.timeline-cell.edge{box-shadow:inset 0 0 0 1px #ffffff29}.timeline-cell.in-focus{border-style:solid;box-shadow:inset 0 0 0 1px #f5c54233}.timeline-cell.selected{border-color:#f5c542d1;box-shadow:0 0 0 2px #f5c54242}.timeline-cell.pair-selected{border-color:#f5c542b8;box-shadow:inset 0 0 0 1px #f5c54247}.timeline-cell-icon{display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:4px;color:rgba(var(--cell-rgb, 245, 197, 66),.9);opacity:.94}.timeline-cell-icon svg{width:14px;height:14px}.timeline-cell-keyframe{position:relative;flex:1;min-height:0;border:0;background:#080a108c;overflow:hidden}.timeline-cell-keyframe-grid{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1px;width:100%;height:calc(100% - 6px);background:#f1efe72e}.timeline-cell-keyframe:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:#080a10e0;border-top:1px solid var(--timeline-divider);pointer-events:none}.timeline-cell-keyframe-frame{width:100%;height:100%;border:0;display:block;pointer-events:none;background:transparent}.timeline-cell-action-strip{position:absolute;top:2px;right:2px;display:flex;align-items:flex-end;gap:1px;z-index:2;pointer-events:none}.timeline-cell-action-bar{width:3px;height:calc(3px + (var(--activity, .2) * 10px));background:#f1efe7d9;box-shadow:0 0 0 1px #07090f59}.timeline-cell-keyframe-icon{position:absolute;left:2px;bottom:1px;display:inline-flex;align-items:center;gap:2px;color:rgba(var(--cell-rgb, 245, 197, 66),.96);background:#06080cad;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 3px;line-height:0;z-index:2}.timeline-cell-keyframe-icon svg{width:10px;height:10px}.timeline-cell.compact{min-height:56px;padding:0;gap:0}.timeline-cell.compact .timeline-cell-icon{gap:4px}.timeline-cell.compact .timeline-cell-keyframe{min-height:0}.timeline-cell-handle{position:absolute;top:3px;bottom:3px;width:26px;border:0;background:transparent;cursor:ew-resize;touch-action:none;z-index:4}.timeline-cell-handle.left{left:0}.timeline-cell-handle.right{right:0}.timeline-cell-handle.middle{right:-13px;width:26px}.timeline-cell-handle:after{content:"";position:absolute;top:50%;width:2px;height:22px;border-radius:999px;background:#f5c542d1;box-shadow:0 0 0 1px #07090f6b;transform:translateY(-50%)}.timeline-cell-handle.left:after{left:7px}.timeline-cell-handle.right:after{right:7px}.timeline-cell-handle.middle:after{right:12px;width:3px;height:24px;background:#ffffffe6}.timeline-view-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;align-items:start}.timeline-control-cluster{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.timeline-control-cluster label,.timeline-control-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.timeline-zoom-controls,.timeline-pan-controls{display:inline-flex;align-items:center;gap:6px}.timeline-control-btn{width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#ffffff0f;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .14s ease;-webkit-tap-highlight-color:transparent}.timeline-control-btn svg{width:12px;height:12px}.timeline-control-btn.compact{width:auto;min-width:42px;padding:0 10px;font-size:12px;letter-spacing:.04em}.timeline-control-btn:hover:not(:disabled){border-color:#f5c54280;background:#f5c54224}.timeline-control-btn:active:not(:disabled){transform:translateY(1px)}.timeline-control-btn:disabled{opacity:.42;cursor:not-allowed}.timeline-zoom-chip{min-width:86px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:#07091099;color:var(--accent);display:grid;place-items:center;align-items:center;font-weight:700;font-size:12px;letter-spacing:.02em;font-variant-numeric:tabular-nums;cursor:ns-resize;touch-action:manipulation;transition:border-color .16s ease,background .16s ease,transform .14s ease}.timeline-zoom-chip:hover{border-color:#f5c54280;background:#f5c54224}.timeline-zoom-chip:focus-visible{outline:0;border-color:#f5c5429e;box-shadow:0 0 0 2px #f5c5423d}.timeline-zoom-chip:active{transform:translateY(1px)}.timeline-zoom-hint{font-size:10px;color:var(--muted);letter-spacing:.01em;text-transform:none}.timeline-zoom-popover{position:absolute;left:0;top:calc(100% + 6px);z-index:18;min-width:196px;border-radius:11px;border:1px solid rgba(255,255,255,.2);background:#070910f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 22px #00000057}.timeline-zoom-popover-head{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.timeline-zoom-popover-value{font-size:18px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.timeline-zoom-popover-controls{display:inline-flex;align-items:center;gap:6px}.timeline-zoom-popover-close{align-self:flex-end}body.timeline-zoom-dragging,body.timeline-zoom-dragging *{cursor:ns-resize!important;-webkit-user-select:none!important;user-select:none!important}.timeline-pan-mini-track{position:relative;width:min(38vw,160px);min-width:112px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:#07091099;display:flex;align-items:center;padding:0 10px}.timeline-pan-mini-input{width:100%;height:4px;margin:0;border:0;background:#ffffff2e;accent-color:var(--accent)}.timeline-pan-readout{position:absolute;right:8px;top:3px;font-size:10px;color:var(--muted);pointer-events:none}.detail-panel{display:none;margin-top:0;border:1px solid var(--panel-border);border-radius:12px;background:#ffffff08;padding:10px}.detail-panel.open{display:block}.detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.detail-head-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-preview{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.detail-preview svg{width:20px;height:20px}.detail-preview.state-preview{background:#f5c5421a;border:1px solid rgba(245,197,66,.3);color:var(--accent)}.detail-preview.trans-preview{background:#ff4fd81a;border:1px solid rgba(255,79,216,.3);color:var(--accent-2)}.detail-title-group{display:flex;flex-direction:column;gap:2px}.detail-title{font-family:Unbounded,sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.detail-title.state-title{color:var(--accent)}.detail-title.trans-title{color:var(--accent-2)}.detail-subtitle{font-size:11px;color:var(--muted);letter-spacing:.05em}.detail-head-actions{display:flex;align-items:center;gap:6px}.detail-head-inline-word{display:inline-flex;align-items:center;gap:6px;min-width:min(320px,100%)}.detail-head-inline-word label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);white-space:nowrap}.timeline-word-inline-input{flex:1;min-width:150px;font-size:clamp(13px,1.7vw,18px);letter-spacing:1px;text-align:left;padding:6px 9px}.detail-bitmap-inline{margin-bottom:8px}.detail-action-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--panel-border);background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.detail-action-btn:hover{border-color:#fff6;color:var(--text);background:#ffffff0f}.detail-action-btn.danger:hover{background:#ff3c3c1f;border-color:#ff3c3c66;color:#f44}.detail-action-btn svg{width:14px;height:14px}.detail-body{display:flex;flex-direction:column;gap:10px}.detail-content{display:flex;gap:10px}.detail-controls{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.detail-mini-preview{flex:0 0 84px;height:84px;border-radius:10px;background:#00000042;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;overflow:hidden;align-self:center}.detail-mini-preview svg{width:70px;height:70px}@keyframes mp-drift{0%,to{transform:translate(0)}33%{transform:translate(2px,-1px)}66%{transform:translate(-1px,2px)}}@keyframes mp-jitter{0%,to{transform:translate(0)}25%{transform:translate(1.5px,-1.5px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,.5px)}}@keyframes mp-orbit{0%{transform:rotate(0) translate(8px) rotate(0)}to{transform:rotate(360deg) translate(8px) rotate(-360deg)}}.detail-section{display:flex;flex-direction:column;gap:6px}.icon-row{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.icon-row-label{width:100%;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:2px}.icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:border-color .2s ease,transform .15s ease,background .2s ease;position:relative;-webkit-tap-highlight-color:transparent}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.icon-btn.active{background:#f5c54224;border-color:#f5c54261;color:var(--accent)}.icon-btn.active-trans{background:#ff4fd824;border-color:#ff4fd859;color:var(--accent-2)}.icon-btn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.9);border-radius:5px;padding:3px 8px;font-size:11px;letter-spacing:.03em;color:var(--text);background:#06080ef2;border:1px solid var(--panel-border);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:10}.icon-btn[data-tip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}.detail-dur-row{display:flex;align-items:center;gap:10px}.detail-dur-row label,.detail-name-row label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);white-space:nowrap}.detail-dur-row .drag-number-field{width:112px}.detail-dur-row .drag-number-input{font-family:Space Mono,monospace;text-align:center}.detail-name-row{display:flex;align-items:center;gap:10px}.detail-name-row .detail-name-input{flex:1;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.detail-inline-hint{font-size:11px;letter-spacing:.03em;color:var(--muted)}body.timeline-segment-dragging,body.timeline-segment-dragging *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}.light .filmstrip{background:repeating-linear-gradient(90deg,rgba(26,28,34,.06) 0px,rgba(26,28,34,.06) 1.5px,transparent 1.5px,transparent 120px),#ffffff80;border-color:#ffffffb8}.light .timeline-panel{--timeline-state-preview-rgb: 37, 99, 235;--timeline-divider: rgba(14, 16, 24, .24)}.light .filmstrip:before,.light .filmstrip:after{background-color:#ffffff59;background-image:radial-gradient(circle at center,rgba(26,28,34,.24) 2.6px,transparent 3.2px)}.light .timeline-cell{border-color:rgba(var(--cell-rgb, 124, 58, 237),.5);background:linear-gradient(180deg,rgba(var(--cell-rgb, 124, 58, 237),.16),rgba(var(--cell-rgb, 124, 58, 237),.07))}.light .timeline-cell-keyframe{border-color:#1a1c2233;background:#ffffff8f}.light .timeline-cell-keyframe-grid{background:#0e10182e}.light .timeline-cell-keyframe-icon{background:#ffffffe0;border-color:#1a1c223d}.light .timeline-cell-action-bar{background:#0e1018db;box-shadow:0 0 0 1px #ffffff8f}.light .timeline-cell.selected{border-color:#6d28d9b3;box-shadow:0 0 0 2px #6d28d938}.light .timeline-cell.pair-selected{border-color:#6d28d9c2;box-shadow:inset 0 0 0 1px #6d28d93d}.light .timeline-cell-handle:after{background:#6d28d9cc;box-shadow:0 0 0 1px #ffffff8f}.light .timeline-cell-handle.middle:after{background:#1a1c22db;box-shadow:0 0 0 1px #ffffffb8}.light .timeline-control-btn{border-color:#1a1c2233;background:#ffffffb3;color:#1a1c22d1}.light .timeline-control-btn:hover:not(:disabled){border-color:#6d28d97a;background:#6d28d926}.light .timeline-zoom-chip,.light .timeline-pan-mini-track{border-color:#1a1c2233;background:#ffffffb8}.light .timeline-zoom-chip{color:#6d28d9}.light .timeline-zoom-chip:hover{border-color:#6d28d97a;background:#6d28d926}.light .timeline-zoom-chip:focus-visible{border-color:#6d28d9a6;box-shadow:0 0 0 2px #6d28d933}.light .timeline-zoom-popover{border-color:#1a1c2233;background:#fffffff5}.light .timeline-zoom-popover-value{color:#6d28d9}.light .timeline-pan-mini-input{background:#1a1c222e;accent-color:#7c3aed}.light .detail-panel{background:#ffffff73;border-color:#ffffffb8}.light .detail-mini-preview{background:#ffffff73;border-color:#ffffffa6}.light .icon-btn{border-color:#1a1c2224;background:#ffffff8c}.light .icon-btn:hover{background:#ffffffd1}@media(max-width:860px){.timeline-strip-head{align-items:stretch;flex-direction:column;gap:8px}.detail-head{align-items:flex-start}.detail-head-inline-word{width:100%}.detail-content{flex-direction:column}.detail-mini-preview{align-self:flex-start}}@media(max-width:640px){.timeline-view-controls{grid-template-columns:1fr}.timeline-panel{gap:12px}.timeline-zoom-controls,.timeline-pan-controls{width:100%}.timeline-zoom-hint{display:none}.timeline-zoom-popover{left:0;right:0;min-width:0;width:min(320px,calc(100vw - 40px))}.timeline-pan-mini-track{flex:1;width:auto;min-width:0}.timeline-cell{min-height:80px}.timeline-cell-handle{width:32px}.timeline-cell-handle.left:after{left:9px;height:24px}.timeline-cell-handle.right:after{right:9px;height:24px}.timeline-cell-handle.middle{right:-16px;width:32px}.timeline-cell-handle.middle:after{right:15px;height:26px}.drag-number-field{width:126px}}.bitmap-panel{display:grid;gap:12px}.bitmap-panel-inspector{gap:10px;padding:10px}.bitmap-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.bitmap-toggle input{margin:0}.bitmap-meta{display:flex;justify-content:space-between;align-items:center}.bitmap-toolbar{display:flex;flex-wrap:wrap;gap:8px}.bitmap-controls{display:grid;gap:10px}.bitmap-shape-controls{display:grid;gap:6px}.bitmap-shape-label{font-size:12px;color:var(--muted)}.bitmap-shape-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center}.bitmap-shape-description{margin:0}.bitmap-control{display:grid;gap:6px;font-size:12px;color:var(--muted)}.bitmap-control-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.bitmap-control-range{line-height:1.35}.bitmap-pan-control{margin-top:6px}.bitmap-error{color:#ef6f8f;font-size:12px;word-break:break-word}.bitmap-grid-wrap{overflow-x:auto}.bitmap-bootstrap{margin:0;min-height:44px;display:grid;align-items:center}.bitmap-grid{display:grid;gap:4px}.bitmap-grid.compact{gap:2px}.bitmap-grid.detailed{gap:6px;min-width:540px}.bitmap-cell{width:100%;aspect-ratio:1 / 1;border-radius:4px;border:1px solid var(--panel-border);background:#ffffff0a;cursor:pointer;padding:0;transition:transform .08s ease,background-color .12s ease,border-color .12s ease}.bitmap-grid.compact .bitmap-cell{border-radius:2px}.bitmap-grid.detailed .bitmap-cell{border-radius:6px}.bitmap-cell:hover:not(:disabled){transform:scale(1.05)}.bitmap-cell.lit{background:linear-gradient(140deg,var(--accent),var(--accent-2));border-color:#ffffff80}.bitmap-cell:disabled{cursor:default;opacity:.5}.bitmap-actions{display:flex;flex-wrap:wrap;gap:8px}.bitmap-grid-wrap-compact{max-width:100%}.bitmap-grid-wrap-detailed{max-height:min(58dvh,520px);overflow:auto;touch-action:pan-x pan-y}.bitmap-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:14px;background:#05080eb8;overflow:auto}.bitmap-modal-close-layer{position:absolute;inset:0;border:0;background:transparent;padding:0;cursor:default}.bitmap-modal{position:relative;z-index:1;width:min(980px,100%);max-height:calc(100dvh - 28px);overflow:auto;border-radius:14px;border:1px solid var(--panel-border);background:var(--bg-elevated);padding:14px;display:grid;gap:12px}.bitmap-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.bitmap-modal-head h3{margin:0;font-family:Unbounded,sans-serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.bitmap-modal-hint{margin:0}@media(max-width:580px){.bitmap-modal{padding:12px}.bitmap-grid.detailed{min-width:460px}}.ui-tooltip-wrap{position:relative;display:inline-flex;align-items:center;min-width:0}.ui-tooltip-bubble{position:absolute;left:50%;bottom:calc(100% + 6px);z-index:40;display:none;width:max-content;max-width:260px;padding:6px 8px;border-radius:6px;border:1px solid var(--panel-border);background:var(--bg-elevated);color:var(--text);box-shadow:0 2px 8px #0000003d;font-size:11px;line-height:1.3;letter-spacing:normal;text-transform:none;transform:translate(-50%);white-space:normal;pointer-events:none}.ui-tooltip-wrap:hover .ui-tooltip-bubble,.ui-tooltip-wrap:focus-within .ui-tooltip-bubble{display:block}@media(max-width:820px){.ui-tooltip-bubble{max-width:220px}}:root{--bg: #07090f;--bg-elevated: #111521;--overscroll-bg: #16130f;--panel: rgba(255, 255, 255, .05);--panel-border: rgba(255, 255, 255, .12);--text: #f6f7fb;--muted: rgba(246, 247, 251, .62);--accent: #f6c548;--accent-2: #ff4fd8;--safe-bottom: env(safe-area-inset-bottom, 0px)}.light{--bg: #c5d0da;--bg-elevated: #bcc7d2;--overscroll-bg: #cad4dc;--panel: rgba(255, 255, 255, .45);--panel-border: rgba(255, 255, 255, .55);--text: #1a1c22;--muted: rgba(26, 28, 34, .65);--accent: #7c3aed;--accent-2: #c026d3}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}html{background:linear-gradient(160deg,#0a0f1c 0%,var(--bg) 45%,#070912 100%);background-color:var(--overscroll-bg);background-attachment:fixed}html.light{background:linear-gradient(165deg,#cad4dc,#c5d0da 40%,#c2ced9,#c8cdd6);background-color:var(--overscroll-bg)}body{min-height:100dvh;background:radial-gradient(1200px 700px at 15% 80%,rgba(246,197,72,.14),transparent),radial-gradient(900px 700px at 90% 12%,rgba(255,79,216,.12),transparent),linear-gradient(160deg,#0a0f1c 0%,var(--bg) 45%,#070912 100%);background-color:var(--overscroll-bg);color:var(--text);font-family:Space Mono,monospace}.light body{background:linear-gradient(165deg,#cad4dc,#c5d0da 40%,#c2ced9,#c8cdd6);background-attachment:fixed}.light body:before{background:radial-gradient(ellipse 700px 500px at 12% 80%,rgba(124,58,237,.08),transparent 60%),radial-gradient(ellipse 500px 400px at 88% 10%,rgba(37,99,235,.06),transparent 60%),radial-gradient(ellipse 400px 400px at 50% 50%,rgba(192,38,211,.04),transparent 60%)}.ambient-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.62}.light .ambient-canvas{opacity:.15}.app{position:relative;z-index:1;width:min(980px,calc(100% - 16px));margin:0 auto;padding:0 0 calc(112px + var(--safe-bottom))}.header{display:flex;justify-content:space-between;align-items:center;gap:12px}.app-header{position:relative;z-index:2;width:100%;padding:16px clamp(8px,1.6vw,18px) 22px}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.brand-block{display:block}.brand{margin:0;font-family:Unbounded,sans-serif;font-size:clamp(20px,4vw,34px);letter-spacing:.6px;background:linear-gradient(135deg,#c084fc,#a855f7,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-byline{box-sizing:border-box;display:block;min-height:24px;max-width:100%;width:auto;font-family:Space Mono,monospace;color:var(--text);unicode-bidi:isolate}.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel);color:#a855f7;display:grid;place-items:center;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}.theme-toggle:hover:not(:disabled){background:#ffffff24;color:#c084fc;transform:scale(1.1)}.theme-toggle:disabled{opacity:.55;cursor:default}.theme-toggle svg{width:20px;height:20px}.light .theme-toggle-moon,.theme-toggle-sun{display:none}.light .theme-toggle-sun{display:block}.header-logo{color:#a855f7;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--panel-border);border-radius:12px;background:#ffffff14;transition:color .2s ease,transform .2s ease,border-color .2s ease}.header-logo:hover{color:#c084fc;border-color:#ffffff57;transform:translateY(-1px)}.light .theme-toggle{color:#6d28d9}.light .theme-toggle:hover:not(:disabled){color:#5b21b6}.light .header-logo{color:#6d28d9}.light .header-logo:hover{color:#5b21b6}.light .brand{background:linear-gradient(135deg,#7c3aed,#6d28d9,#5b21b6);-webkit-background-clip:text;background-clip:text}.preview-shell{position:relative;border:1px solid var(--panel-border);border-radius:18px;overflow:hidden;background:#07090f8c}.preview-shell.is-regenerate-pending{border-color:#f5c548b8;box-shadow:inset 0 0 0 1px #f5c54861,0 0 0 1px #f5c5483d,0 0 16px #f5c54833;animation:preview-regenerate-pulse 1.8s ease-in-out infinite}.preview-shell.is-processing .preview-frame{opacity:.34;transition:opacity .2s ease}.light .preview-shell{background:#fff6;box-shadow:0 4px 24px #0000000d}.light .preview-shell.is-regenerate-pending{border-color:#a16207a8;box-shadow:inset 0 0 0 1px #d977063d,0 0 0 1px #f59e0b33,0 0 14px #f59e0b24}.preview-regenerate-indicator{position:absolute;top:10px;left:10px;z-index:3;border:1px solid rgba(245,197,72,.72);border-radius:999px;background:#130c04e6;color:#ffeab5fa;padding:3px 10px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.preview-processing-overlay{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:#07090f94;-webkit-backdrop-filter:blur(1.5px) saturate(88%);backdrop-filter:blur(1.5px) saturate(88%);pointer-events:none}.preview-processing-label{border:1px solid rgba(245,197,72,.62);border-radius:999px;background:#130c04e0;color:#ffeab5fa;padding:5px 11px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.light .preview-processing-overlay{background:#fff8e89e}.light .preview-processing-label{border-color:#b4530985;background:#fffaf0eb;color:#78350ffa}@keyframes preview-regenerate-pulse{0%,to{box-shadow:inset 0 0 0 1px #f5c54852,0 0 0 1px #f5c54833,0 0 12px #f5c54829}50%{box-shadow:inset 0 0 0 1px #f5c5487a,0 0 0 1px #f5c5484d,0 0 22px #f5c54847}}.preview-frame{display:block;width:100%;aspect-ratio:4 / 1;border:0;background:transparent}.preview-surface-toggle{position:absolute;inset:0;z-index:1;border:0;padding:0;margin:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.preview-surface-toggle:disabled{cursor:default}.preview-pause-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:12px;border:1px solid rgba(233,240,255,.9);background:radial-gradient(130% 120% at 22% 18%,#ffffff47,#fff0 58%),linear-gradient(135deg,#080c169e,#18122685 45%,#09112299);color:#f7f9ff;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #ffffff29,0 4px 10px #00000040;-webkit-backdrop-filter:blur(2px) saturate(120%);backdrop-filter:blur(2px) saturate(120%);z-index:2}.preview-pause-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#fffffffa;color:#fff;box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #ffffff38,0 0 12px #f6c54838,0 0 16px #ff4fd82e}.preview-pause-btn:disabled{opacity:.45;cursor:default}.preview-pause-btn svg{width:15px;height:15px;filter:drop-shadow(0 0 1px rgba(0,0,0,.9)) drop-shadow(0 0 1px rgba(255,255,255,.48))}.preview-pause-btn.is-paused{color:var(--accent);border-color:#f5c548e6;box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #ffffff29,0 0 12px #f6c54840,0 0 14px #ff4fd829}.preview-ghost{position:absolute;inset:0;display:grid;place-items:center;font-family:Unbounded,sans-serif;font-size:clamp(28px,7vw,100px);letter-spacing:4px;opacity:.12;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none}.light .preview-ghost{background:none;-webkit-text-fill-color:rgba(0,0,0,.08);opacity:1}.preview-transport{margin-top:10px;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel);padding:10px}.preview-transport-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:8px;row-gap:6px;margin-bottom:6px}.preview-transport-head-side{display:inline-flex;align-items:center;gap:6px;min-width:0}.preview-transport-head-side-left{justify-self:start}.preview-transport-head-side-right{justify-self:end}.preview-transport-head-center{justify-self:center;display:inline-flex;align-items:center;gap:6px}.preview-transport-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;white-space:nowrap}.preview-transport-reset{min-height:28px;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:0 10px}.preview-transport-timeline{display:flex;flex-direction:column;gap:8px}.preview-transport-slider{accent-color:var(--accent)}.preview-transport-track-shell{position:relative;height:56px;border:1px solid rgba(255,255,255,.18);border-radius:8px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 36px),#070910b8}.preview-transport-track-shell.is-disabled{opacity:.58}.preview-transport-track-shell:focus-within{outline:2px solid rgba(245,197,72,.68);outline-offset:2px}.preview-transport-track{position:absolute;inset:0;pointer-events:none}.preview-automation-lane{position:absolute;left:0;right:0;top:4px;height:22px;display:flex;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:#0a0d14}.preview-automation-region{height:100%;background:linear-gradient(90deg,var(--region-from, var(--region-color, #8b9cff)) 0%,var(--region-to, var(--region-color, #8b9cff)) 100%);opacity:1;border-right:2px solid rgba(8,10,16,.92)}.preview-automation-region.is-active{box-shadow:inset 0 0 0 1px #fff6,inset 0 0 10px #ffffff29}.preview-transport-segments{position:absolute;left:0;right:0;top:32px;height:8px;display:flex;border-radius:4px;overflow:hidden;background:#0000003d}.preview-transport-segment{height:100%;background-color:var(--segment-color, var(--accent));opacity:.18;border-right:1px solid rgba(6,8,12,.85);transition:opacity .16s ease}.preview-transport-segment:last-child{border-right:0}.preview-transport-segment.preview-transport-segment-transition{opacity:.12}.preview-transport-segment.is-active{opacity:.38}.preview-transport-segment.is-selected{opacity:.74;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--segment-color, var(--accent)) 58%,white 42%)}.preview-mini-loop-window{position:absolute;top:30px;height:12px;border-radius:999px;border:1px dashed rgba(245,197,72,.72);background:color-mix(in srgb,var(--accent) 14%,transparent 86%);box-shadow:inset 0 0 0 1px #ffffff24,0 0 8px #f5c5483d;pointer-events:none;z-index:1}.preview-mini-loop-window-label{position:absolute;top:-12px;right:-1px;transform:translateY(-100%);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#fcf6e1f5;border-radius:999px;border:1px solid rgba(245,197,72,.58);background:#151107eb;padding:1px 6px;white-space:nowrap}.preview-transport-progress{position:absolute;left:0;top:32px;height:8px;background-color:var(--segment-color, var(--accent));border-radius:4px 0 0 4px;opacity:.56;transition:width .06s linear}.preview-transport-tick{position:absolute;top:28px;width:1px;height:16px;background-color:var(--segment-color, var(--accent));opacity:.44;transform:translate(-.5px)}.preview-automation-keyframe{position:absolute;top:2px;width:10px;height:26px;border:1px solid color-mix(in srgb,var(--region-color, #8b9cff) 72%,#090d16 28%);border-radius:999px;background:color-mix(in srgb,var(--region-color, #8b9cff) 48%,#090d16 52%);opacity:.9;transform:translate(-50%);box-shadow:0 0 0 .5px #000000b3;z-index:3;cursor:pointer;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;transition:transform .14s ease,opacity .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.preview-automation-keyframe:hover:not(:disabled),.preview-automation-keyframe:focus-visible{opacity:1;transform:translate(-50%) scale(1.04);border-color:color-mix(in srgb,var(--region-color, #8b9cff) 84%,white 16%);background:color-mix(in srgb,var(--region-color, #8b9cff) 62%,#090d16 38%)}.preview-automation-keyframe:focus-visible{outline:2px solid color-mix(in srgb,var(--region-color, #8b9cff) 72%,white 28%);outline-offset:1px}.preview-automation-keyframe.is-selected{opacity:1;transform:translate(-50%) scale(1.24);border-color:color-mix(in srgb,var(--region-color, #8b9cff) 90%,white 10%);background:color-mix(in srgb,var(--region-color, #8b9cff) 76%,#090d16 24%);box-shadow:0 0 0 2px color-mix(in srgb,var(--region-color, #8b9cff) 45%,white 55%),0 0 0 5px color-mix(in srgb,var(--region-color, #8b9cff) 32%,transparent 68%),0 0 12px color-mix(in srgb,var(--region-color, #8b9cff) 58%,transparent 42%);z-index:4}.preview-automation-keyframe:disabled{opacity:.55;cursor:default}.preview-global-automation-keyframe{width:24px;top:1px;border-radius:7px}.preview-global-anchor-label{display:inline-flex;align-items:center;justify-content:center;width:100%;color:#fff4d7f2;font-size:9px;letter-spacing:.04em;font-family:Space Mono,monospace;text-transform:uppercase;pointer-events:none}.preview-automation-mode-keyframe{position:absolute;top:32px;width:10px;height:10px;border:1px solid rgba(183,188,205,.86);border-radius:2px;transform:translate(-50%) rotate(45deg);background:#b7bccdd6;box-shadow:0 0 0 .5px #000000b8;z-index:3;cursor:pointer;pointer-events:auto;transition:transform .14s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.preview-automation-mode-keyframe.preview-automation-mode-keyframe-linear{border-color:#53b4ffe0;background:#53b4ffd6}.preview-automation-mode-keyframe.preview-automation-mode-keyframe-step_hold{border-color:#ffbc52e6;background:#ffbc52db}.preview-automation-mode-keyframe:hover:not(:disabled),.preview-automation-mode-keyframe:focus-visible{transform:translate(-50%) scale(1.12) rotate(45deg)}.preview-automation-mode-keyframe.is-selected{transform:translate(-50%) scale(1.2) rotate(45deg);box-shadow:0 0 0 1px #ffffff3d,0 0 0 .5px #000000b8}.preview-automation-mode-keyframe:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:1px}.preview-automation-mode-keyframe:disabled{opacity:.55;cursor:default}.preview-transport-playhead{position:absolute;left:0;top:3px;bottom:4px;color:var(--segment-color, var(--accent));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 7px rgba(0,0,0,.45));transition:left .06s linear}.preview-transport-playhead-flag{display:block;color:inherit}.preview-transport-playhead-flag path{fill:currentColor}.preview-transport-playhead-line{width:1.5px;flex:1;border-radius:1px;background:currentColor;opacity:.84}.preview-transport-segment-labels{position:absolute;left:0;right:0;top:0;pointer-events:none}.preview-transport-label-row{position:relative;height:16px;margin-top:2px}.preview-transport-segment-labels-outside{position:absolute;inset:0}.preview-transport-segment-label{position:absolute;transform:translate(-50%);font-size:8px;letter-spacing:.09em;color:#f6f7fbb8;white-space:nowrap;max-width:92px;overflow:hidden;text-overflow:ellipsis;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#07090fbd;padding:1px 6px;transition:color .16s ease}.preview-transport-segment-label.is-active{color:var(--text);border-color:color-mix(in srgb,var(--segment-color, var(--accent)) 54%,white 46%);background:color-mix(in srgb,var(--segment-color, var(--accent)) 17%,rgba(7,9,15,.82) 83%)}.preview-transport-segment-label.is-selected{color:color-mix(in srgb,var(--segment-color, var(--accent)) 72%,white 28%);border-color:color-mix(in srgb,var(--segment-color, var(--accent)) 66%,white 34%);background:color-mix(in srgb,var(--segment-color, var(--accent)) 24%,rgba(7,9,15,.78) 76%)}.preview-transport-track-shell .preview-transport-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:2;cursor:pointer;opacity:0;background:transparent;-webkit-appearance:none;appearance:none}body.drag-stepper-dragging .preview-transport-track-shell .preview-transport-slider{pointer-events:none}.preview-transport-track-shell .preview-transport-slider:disabled{cursor:default}.preview-transport-meta{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-height:0;font-variant-numeric:tabular-nums}.preview-transport-current{color:var(--segment-color, var(--accent));display:inline-block;font-size:13px;font-weight:700;min-width:0;text-align:right;white-space:nowrap;width:5.5ch;flex:0 0 auto}.preview-transport-meta-center{flex:1 1 auto;display:grid;justify-items:stretch;min-width:0}.preview-keyframe-controls{display:flex;align-items:stretch;justify-content:flex-start;gap:8px;flex-wrap:wrap;min-width:0;overflow-x:visible;padding-bottom:2px}.preview-keyframe-toolbar{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.preview-keyframe-anchor-chip{border:1px solid rgba(245,197,72,.46);border-radius:999px;min-height:23px;padding:0 9px;display:inline-flex;align-items:center;color:#ffecbef5;background:#2318089e;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.04em;white-space:nowrap}.preview-keyframe-guidance{width:100%;display:grid;gap:2px;margin-top:-1px}.preview-keyframe-guidance-line{color:#c5cfe6c7;font-family:Space Mono,monospace;font-size:9px;letter-spacing:.03em;line-height:1.3}.preview-automation-channel-rows{width:100%;display:grid;gap:6px}.preview-automation-channel-row{border:1px solid var(--panel-border);border-radius:10px;padding:6px;background:#00000029;display:grid;gap:6px}.preview-automation-channel-row.is-active{border-color:#f5c5488f;box-shadow:inset 0 0 0 1px #f5c54833}.preview-automation-channel-row.is-bypassed{opacity:.72}.preview-automation-channel-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-automation-channel-activate{flex:1 1 auto;min-height:24px;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.preview-automation-channel-name{font-weight:700}.preview-automation-channel-status{border-radius:999px;border:1px solid var(--panel-border);padding:0 8px;min-height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.preview-automation-channel-status-active{border-color:#f5c54885;color:color-mix(in srgb,var(--accent) 90%,white 10%);background:#f5c54824}.preview-automation-channel-status-keyed{border-color:#70f7b57a;color:#bdf6dd;background:#0b372766}.preview-automation-channel-status-bypassed{border-color:#fb923c80;color:#ffd1a8;background:#3a1d0880}.preview-automation-channel-status-idle{border-color:#a0aac15c;color:#dce1f2bd;background:#10142061}.preview-automation-channel-pegs{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.preview-automation-channel-peg{min-width:24px;border:none;background:transparent;color:var(--text);cursor:pointer;padding:0;display:inline-grid;grid-template-rows:auto auto;justify-items:center;align-items:center;gap:2px}.preview-automation-channel-peg-label{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.05em;line-height:1;color:#d0d9efeb}.preview-automation-channel-peg-dot{width:16px;height:16px;border-radius:999px;border:2px solid rgba(160,170,193,.7);background:#1217252e;box-shadow:inset 0 0 0 1px #0d121d8c}.preview-automation-channel-peg.is-attached{font-weight:700}.preview-automation-channel-peg.is-attached .preview-automation-channel-peg-label{color:#d4ffee}.preview-automation-channel-peg.is-attached .preview-automation-channel-peg-dot{border-color:#70f7b5f2;background:linear-gradient(180deg,#15a772fa,#0e825bfa);box-shadow:0 0 0 1px #0b4d35b3,0 0 10px #70f7b559}.preview-automation-channel-peg:focus-visible{outline:none}.preview-automation-channel-peg:focus-visible .preview-automation-channel-peg-dot{box-shadow:0 0 0 2px #f5c54866,0 0 10px #f5c54840}.preview-automation-channel-peg:disabled,.preview-automation-channel-activate:disabled{opacity:.55;cursor:default}.preview-automation-no-pegs{color:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-family:Space Mono,monospace}.preview-automation-channel-editor{width:100%;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.preview-automation-editor-target{color:#c5cfe6c7;font-family:Space Mono,monospace;font-size:9px;letter-spacing:.03em;line-height:1.3}.preview-keyframe-select{min-height:24px;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-family:Space Mono,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:0 22px 0 8px}.preview-keyframe-target-select{max-width:200px}.preview-keyframe-step,.preview-keyframe-delete{min-height:23px;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-family:Space Mono,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:0 7px;cursor:pointer;white-space:nowrap}.preview-keyframe-step.is-active{border-color:#f5c5488f;background:#f5c54829;color:var(--accent)}.preview-keyframe-delete{border-color:#ff545457;color:#ffb3b3}.preview-keyframe-step:disabled,.preview-keyframe-delete:disabled{opacity:.48;cursor:default}.preview-keyframe-value{border:1px solid var(--panel-border);border-radius:999px;min-height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-family:Space Mono,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.preview-keyframe-value-input{width:72px;min-height:20px;border-radius:999px;border:1px solid var(--panel-border);background:#00000038;color:var(--text);font-family:Space Mono,monospace;font-size:10px;letter-spacing:.02em;padding:0 8px}.preview-keyframe-interpolation{padding-right:6px}.preview-keyframe-interpolation-select{min-height:20px;border-radius:999px;border:1px solid var(--panel-border);background:#00000038;color:var(--text);font-family:Space Mono,monospace;font-size:10px;letter-spacing:.02em;text-transform:uppercase;padding:0 18px 0 8px}.preview-keyframe-value-input:focus-visible,.preview-keyframe-interpolation-select:focus-visible,.preview-keyframe-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f6c5483d}.preview-inline-confirm{display:inline-flex;align-items:center;gap:6px;min-height:24px;border:1px solid rgba(255,84,84,.38);border-radius:999px;padding:2px 4px 2px 8px;background:#2b0c109e}.preview-inline-confirm-copy{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#ffcfcf;white-space:nowrap}.preview-transport-scene-actions{display:inline-flex;align-items:center;gap:5px;flex-wrap:nowrap}.preview-transport-scene-btn.panel-toggle{min-height:24px;border-radius:999px;padding:2px 8px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;line-height:1.15;white-space:nowrap}.preview-transport-total{font-size:11px;color:var(--muted);min-width:64px;text-align:center}.preview-duration-stepper{width:164px;flex:0 0 auto}.preview-transport-nav-step{min-width:132px;min-height:34px;padding:0 12px;border-color:color-mix(in srgb,var(--accent) 66%,white 34%);background:radial-gradient(130% 150% at 18% 0%,#ffffff3d,#fff0 58%),linear-gradient(180deg,#f5c54852,#f5c54829),#ffffff0f;color:color-mix(in srgb,var(--accent) 86%,white 14%);align-items:center;display:inline-flex;justify-content:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.1em;box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 1px #00000057,0 6px 14px #0000003d;transition:transform .14s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.preview-transport-nav-step:hover:not(:disabled),.preview-transport-nav-step:focus-visible{border-color:color-mix(in srgb,var(--accent) 78%,white 22%);background:radial-gradient(130% 150% at 18% 0%,#ffffff52,#fff0 56%),linear-gradient(180deg,#f5c54870,#f5c54833),#ffffff14;box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 1px #0000005c,0 8px 18px #00000047}.preview-transport-nav-step:hover:not(:disabled){transform:translateY(-1px)}.preview-transport-nav-step:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 58%,white 42%);outline-offset:1px}.preview-transport-nav-icon{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:#0e0a0761;box-shadow:inset 0 0 0 1px #ffeab538;font-size:10px;line-height:1;opacity:.98}.preview-transport-nav-label{line-height:1;text-transform:uppercase;white-space:nowrap}.preview-transport-nav-step:disabled .preview-transport-nav-icon{opacity:.56}.preview-duration-stepper .drag-stepper{grid-template-columns:24px minmax(0,1fr) 24px;gap:4px}.preview-duration-stepper .drag-stepper-btn-side{height:28px;border-radius:8px;font-size:13px;line-height:1}.preview-duration-stepper .drag-stepper-chip{min-height:28px;border-radius:999px;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:0 10px}.preview-duration-stepper .drag-stepper-popover{left:auto;right:0}.preview-composer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid var(--panel-border);padding-top:8px}.preview-composer-panel{border:1px solid var(--panel-border);border-radius:10px;padding:8px;background:#ffffff05;min-width:0}.preview-loop-toggle{width:32px;height:32px;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:transform .14s ease,border-color .16s ease,background .16s ease,color .16s ease}.preview-loop-toggle svg{width:16px;height:16px}.preview-loop-toggle:hover:not(:disabled),.preview-loop-toggle:focus-visible{transform:translateY(-1px);border-color:#f5c54870;background:#f5c5481f;color:var(--accent)}.preview-loop-toggle.is-active{border-color:#f5c54885;background:#f5c54829;color:var(--accent)}.preview-loop-toggle:disabled{opacity:.45;cursor:default}.light .preview-transport-track-shell{background:repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 36px),#ffffff75;border-color:#00000029}.light .preview-automation-lane{border-color:#00000038;background:#ffffffbf}.light .preview-keyframe-anchor-chip{border-color:#a1620770;background:#fff8e6db;color:#78350ff5}.light .preview-keyframe-guidance-line,.light .preview-automation-editor-target{color:#1a1c22c2}.light .preview-automation-channel-row{background:#ffffff85;border-color:#1a1c222e}.light .preview-automation-channel-activate{background:#ffffffb8;border-color:#1a1c2233;color:#1a1c22e6}.light .preview-automation-channel-peg{color:#1a1c22e0}.light .preview-automation-channel-peg.is-attached{color:#047857fa}.light .preview-automation-channel-peg-label{color:#1a1c22e0}.light .preview-automation-channel-peg-dot{border-color:#6d7b97b3;background:#ffffffb3;box-shadow:inset 0 0 0 1px #ffffffbf}.light .preview-automation-channel-peg.is-attached .preview-automation-channel-peg-label{color:#047857f5}.light .preview-automation-channel-peg.is-attached .preview-automation-channel-peg-dot{border-color:#059669f2;background:linear-gradient(180deg,#10b981eb,#059669fa);box-shadow:0 0 0 1px #05966940,0 0 8px #10b98140}.light .preview-transport-segment-label{color:#1a1c22c2;border-color:#1a1c2229;background:#ffffffb8}.light .preview-mini-loop-window{border-color:#a16207b3;background:#f59e0b2e;box-shadow:inset 0 0 0 1px #ffffff59,0 0 6px #f59e0b29}.light .preview-mini-loop-window-label{color:#111827e6;border-color:#a162076b;background:#fff8eceb}.light .preview-transport-segment{background-color:color-mix(in srgb,var(--segment-color, #2563eb) 28%,#2563eb 72%)}.light .preview-transport-progress{background-color:color-mix(in srgb,var(--segment-color, #2563eb) 16%,#2563eb 84%)}.light .preview-transport-tick{background-color:color-mix(in srgb,var(--segment-color, #2563eb) 24%,#2563eb 76%)}.light .preview-transport-playhead{color:color-mix(in srgb,var(--segment-color, #2563eb) 14%,#2563eb 86%);filter:drop-shadow(0 0 1px rgba(0,0,0,.18))}.light .preview-transport-playhead-flag path{stroke:#12162075;stroke-width:.7px}.light .preview-transport-playhead-line{opacity:.92;box-shadow:0 0 0 .5px #12162057}.light .preview-automation-mode-keyframe{border-color:#3038548f;box-shadow:0 0 0 .5px #12162038}.light .preview-automation-mode-keyframe.preview-automation-mode-keyframe-linear{border-color:#0369a1bd;background:#38bdf8d6}.light .preview-automation-mode-keyframe.preview-automation-mode-keyframe-step_hold{border-color:#a16207bd;background:#fbbf24d1}.light .preview-loop-toggle{border-color:#1a1c223d;background:#ffffffb3}.light .preview-loop-toggle:hover:not(:disabled),.light .preview-loop-toggle:focus-visible,.light .preview-loop-toggle.is-active{border-color:#6d28d96b;background:#6d28d91f;color:#6d28d9}.auto-preview-status{margin-top:8px;font-size:12px;color:var(--muted)}.auto-preview-status.syncing{color:var(--accent)}.auto-preview-status.error{color:#f87171}.controls{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:min(620px,100%);margin-left:auto;margin-right:auto}.controls-secondary{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.card-shell{position:relative;padding-top:34px}.card-shell.is-collapsed{padding-top:30px}.section-label-floating{position:absolute;top:7px;left:14px;transform:translateY(0);font-family:Unbounded,sans-serif;text-transform:uppercase;letter-spacing:1.6px;font-size:13px;font-weight:400;line-height:20px;text-size-adjust:100%;-webkit-text-size-adjust:100%;color:color-mix(in srgb,var(--accent) 74%,var(--text) 26%);z-index:2}.section-label-toggle{border:0;padding:0;margin:0;background:transparent;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.section-label-toggle:after{content:"▾";font-size:12px;line-height:1;transition:transform .14s ease}.section-label-toggle[aria-expanded=false]:after{transform:rotate(-90deg)}.section-label-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:12px}.panel[hidden]{display:none!important}.panel-word{padding-top:30px}.panel-word-meta{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-toggle-row .label{margin-bottom:0}.label{display:block;text-transform:uppercase;letter-spacing:1.6px;font-size:14px;color:var(--muted);margin-bottom:8px}.row-between{display:flex;justify-content:space-between;align-items:baseline}.value{color:var(--accent);font-weight:700;font-size:15px}.timing-row{display:flex;align-items:center;gap:14px}.timing-mode-group{margin-top:0}.timing-mode-head{margin-bottom:6px}.timing-mode-value{color:var(--accent);font-family:Space Mono,monospace;font-size:12px;letter-spacing:.8px;text-transform:uppercase}.timing-mode-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.timing-mode-chip{border:1px solid var(--panel-border);border-radius:12px;background:#ffffff0a;color:var(--text);padding:8px 10px;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .15s ease}.timing-mode-chip:hover:not(:disabled){border-color:#f5c54857;background:#ffffff14}.timing-mode-chip:active:not(:disabled){transform:translateY(1px)}.timing-mode-chip.is-active{border-color:#f5c5486b;background:#f5c5481f;box-shadow:0 0 0 1px #f5c5482e}.timing-mode-chip-label{display:block;font-family:Space Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.timing-mode-chip-copy{display:block;margin-top:3px;font-size:11px;line-height:1.3;color:var(--muted)}.duration-inline-label{text-transform:uppercase;letter-spacing:1px;font-size:11px;color:var(--muted)}.duration-group{flex:1 1 auto;min-width:0;max-width:72%}.timing-row.no-loop .duration-group{max-width:100%}.input{width:100%;font-family:inherit}.field-input,.field-select{width:100%;box-sizing:border-box;min-height:36px;border-radius:10px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff0f,#0000002e);color:var(--text);font-family:inherit;font-size:.84rem;padding:8px 10px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field-input[type=number]{font-variant-numeric:tabular-nums}.field-select{appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% + 1px),calc(100% - 11px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.field-input:hover,.field-select:hover{border-color:#ffffff47}.field-input:focus-visible,.field-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f6c5483d}.field-input:disabled,.field-select:disabled{opacity:.58;cursor:not-allowed}.input-word,.output,input[type=range]{border-radius:10px;border:1px solid var(--panel-border);background:#00000047;color:var(--text)}.light .input-word,.light .output,.light input[type=range]{background:#ffffff8c;border-color:#fff9}.light .field-input,.light .field-select{background:linear-gradient(180deg,#ffffffad,#ffffff7a);border-color:#ffffffa6}.light .field-input:hover,.light .field-select:hover{border-color:#ffffffe6}.light .field-input:focus-visible,.light .field-select:focus-visible{box-shadow:0 0 0 2px #7c3aed33}.input-word{padding:12px 14px;font-size:clamp(21px,4vw,40px);text-align:center;font-family:Unbounded,sans-serif;letter-spacing:2px}input[type=range]{width:100%}.hint{margin-top:8px;color:var(--muted);font-size:14px}.light .label{font-size:14px;font-weight:600;letter-spacing:2.5px;color:#1a1c22cc}.light .duration-inline-label{color:#1a1c22cc;font-weight:600}.hint.compact{margin-top:0}.preset-description{min-height:40px}.preset-actions{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset-actions .btn.subtle{min-height:38px}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 8px}.swatch-control{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.swatch-hit{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--panel-border);background:#ffffff0a;display:grid;place-items:center;transition:transform .16s ease,border-color .2s ease;will-change:transform;cursor:pointer}.swatch-control:hover .swatch-hit{transform:scale(1.06)}.swatch-control:active .swatch-hit{transform:scale(.96)}.swatch-hit:focus-within{border-color:#ffffff59}.swatch-dot{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.swatch-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.swatch-name{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.palette-carousel{position:relative;display:flex;align-items:center}.palette-carousel-viewport{overflow:hidden;flex:1;min-width:0}.palette-carousel-track{display:flex;transition:transform .35s ease;will-change:transform}.palette-carousel-frame{min-width:100%;flex-shrink:0}.palette-frame-label{text-align:center;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;min-height:14px}.palette-nav{flex-shrink:0;width:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--muted);cursor:pointer;padding:0;transition:color .2s ease,opacity .2s ease}.palette-nav:hover:not(:disabled){color:var(--text)}.palette-nav:disabled{opacity:.2;cursor:default}.palette-nav svg{width:18px;height:18px}.input-color{height:44px;padding:0;border:0;background:transparent}.palette-preview{margin-top:10px;border:1px solid var(--panel-border);border-radius:10px;overflow:hidden}.palette-preview-toggle{margin-top:8px;display:flex;justify-content:space-between;align-items:center}.palette-preview-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:14px;color:var(--muted);border-bottom:1px solid var(--panel-border)}.palette-preview-canvas{display:block;width:100%;height:auto}.output{width:100%;min-height:170px;padding:12px;resize:vertical}.panel-toggle{border:1px solid var(--panel-border);border-radius:10px;background:#ffffff14;color:var(--text);padding:6px 10px;font-family:inherit;font-size:14px;cursor:pointer}.action-bar{position:fixed;left:50%;width:min(800px,calc(100% - 24px));bottom:0;transform:translate(-50%);z-index:7;padding:12px 10px calc(12px + var(--safe-bottom));background:linear-gradient(to top,#07090ff2,#07090fcc 52%,#07090f2e);border-top:1px solid rgba(255,255,255,.12);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -10px 26px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:backdrop-filter}.light .action-bar{background:linear-gradient(to top,#c3ced8f0,#c3ced8c7 52%,#c3ced833);border-top-color:#fff9;box-shadow:0 -8px 20px #4d59682e}.action-bar-buttons{width:min(760px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}.action-bar-history{width:min(760px,100%);margin:0 auto;display:flex;justify-content:flex-end;gap:8px}.action-history-btn{min-height:34px;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.action-history-inline{min-height:50px;border-radius:10px}.btn{border:1px solid var(--panel-border);border-radius:10px;background:var(--bg-elevated);color:var(--text);padding:12px 14px;font-family:inherit;cursor:pointer}.action-btn{font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.9px;font-size:13px;font-weight:700;min-height:50px}.action-btn.is-success{border-color:#4ade80a6;background:#22c55e38;box-shadow:0 0 0 1px #4ade8033}.btn.subtle{padding:6px 10px;font-size:14px}.btn.subtle.active{background:#ffffff2e;border-color:#ffffff57}.btn.primary{background:var(--accent);color:#0b0c13;border:0;font-weight:700}.btn.primary.action-generate{min-height:60px;border-radius:12px;font-size:18px;margin-left:0;box-shadow:0 6px 26px #f6c54840}.btn.primary.action-generate.is-dirty{background:linear-gradient(135deg,#ffd65c,#ff6e52fa);border:1px solid rgba(255,228,154,.88);box-shadow:0 0 0 2px #ffcc7438,0 0 22px #f963,0 8px 28px #ff805552}.light .btn.primary{color:#fff}.light .btn.primary:hover{background:#6d28d9}.light .btn.primary.action-generate.is-dirty{background:linear-gradient(135deg,#f5b21d,#f1634a);border:1px solid rgba(255,236,186,.96);box-shadow:0 0 0 2px #f59e0b29,0 0 18px #f1634a24,0 8px 22px #ef444433}.light .btn.primary:active{background:#5b21b6}.light .action-btn.is-success{border-color:#16a34a70;background:#4ade802e;box-shadow:0 0 0 1px #16a34a24}.loop-toggle{margin-top:0;display:inline-flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.loop-toggle input{display:none}.loop-icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel);color:var(--muted);display:grid;place-items:center;transition:background .2s ease,border-color .2s ease,transform .15s ease;will-change:transform}.loop-icon svg{width:18px;height:18px}.loop-toggle:hover .loop-icon{transform:scale(1.05)}.loop-toggle:active .loop-icon{transform:scale(.95)}.loop-toggle input:checked~.loop-icon{background:#f5c5481f;border-color:#f5c54861;color:var(--accent)}.loop-toggle-label{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);white-space:nowrap}.light .swatch-hit:focus-within{border-color:#ffffffb3}.light .swatch-dot{border-color:#ffffff73}.light .loop-toggle input:checked~.loop-icon{background:#7c3aed1a;border-color:#7c3aed59}.light .timing-mode-chip{background:#fffc;border-color:#1a1c221f}.light .timing-mode-chip:hover:not(:disabled){border-color:#6d28d94d;background:#6d28d914}.light .timing-mode-chip.is-active{border-color:#6d28d96b;background:#6d28d91f;box-shadow:0 0 0 1px #6d28d929}.status{color:var(--muted);font-size:14px;text-align:right}@media(prefers-reduced-motion:reduce){.ambient-canvas,.palette-preview-canvas{display:none}*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}.action-bar,.swatch-hit,.loop-icon{will-change:auto}}@media(max-width:820px){.app{width:min(980px,calc(100% - 32px))}.status{grid-column:1 / -1;text-align:left}.preview-transport-meta{flex-direction:row;gap:6px}.preview-transport-meta-center{width:100%;flex:1 1 auto}.preview-keyframe-controls{justify-content:flex-start;flex-wrap:wrap;overflow-x:visible;padding-bottom:0}.preview-keyframe-toolbar{width:100%}.preview-automation-channel-row-head{flex-wrap:wrap}.preview-transport-scene-actions{flex-wrap:wrap;justify-content:center;width:100%}.preview-transport-head{grid-template-columns:minmax(0,1fr)}.preview-transport-head-side-left,.preview-transport-head-side-right,.preview-transport-head-center{width:100%;justify-content:center}.preview-transport-head-side-left{flex-direction:column;gap:4px}.preview-transport-head-side-right{flex-wrap:wrap}.preview-transport-reset{flex:0 0 auto}.preview-duration-stepper{flex:1 1 176px;width:min(176px,100%)}.preview-transport-nav-step{min-width:112px;padding:0 8px}.preview-composer-grid,.preset-actions{grid-template-columns:minmax(0,1fr)}.action-bar-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.header{flex-wrap:wrap;row-gap:10px}.brand-block{min-width:0}}