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