.layers-panel{z-index:20;border-radius:var(--radius-lg);border:1px solid var(--semantic-border-default);background:color-mix(in srgb, var(--semantic-bg-surface) 92%, transparent);width:236px;max-height:calc(100% - 24px);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);transform-origin:0 0;transition:opacity var(--motion-duration-base) var(--motion-easing-standard), transform var(--motion-duration-base) var(--motion-easing-emphasized);flex-direction:column;display:flex;position:absolute;top:12px;left:12px;overflow:hidden}.layers-panel.is-collapsed{opacity:0;pointer-events:none;transform:scale(.85)translate(-8px,-8px)}.layers-panel__head{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--semantic-border-subtle);flex:none;display:flex}.layers-panel__title{font-family:var(--font-family-instrument);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.09em;color:var(--semantic-fg-subtle);font-weight:600}.layers-allbtn{font-size:var(--font-size-xs);color:var(--semantic-fg-muted);cursor:pointer;transition:color var(--motion-duration-fast);font-weight:500}.layers-allbtn:hover{color:var(--semantic-fg-default)}.layers-list{min-height:0;padding:var(--space-2xs);flex-direction:column;flex:auto;gap:2px;display:flex;position:relative;overflow-y:auto}.panel-close{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--semantic-fg-subtle);cursor:pointer;transition:background var(--motion-duration-fast), color var(--motion-duration-fast);background:0 0;border:0;flex:none;place-items:center;display:grid}.panel-close:hover{background:var(--semantic-bg-elevated);color:var(--semantic-fg-default)}.panel-close:active{transform:scale(.9)}.panel-close svg{width:12px;height:12px}.panel-close--float{z-index:26;border:1px solid var(--semantic-border-strong);border-radius:var(--radius-full);background:color-mix(in srgb, var(--semantic-bg-surface) 96%, transparent);width:24px;height:24px;box-shadow:var(--shadow-md);backdrop-filter:blur(6px);color:var(--semantic-fg-muted);transition:opacity var(--motion-duration-fast), transform var(--motion-duration-fast) var(--motion-easing-spring), background var(--motion-duration-fast), color var(--motion-duration-fast), border-color var(--motion-duration-fast);position:absolute;top:4px;left:238px}.panel-close--float svg{width:10px;height:10px}.panel-close--float:hover{background:color-mix(in srgb, var(--semantic-bg-elevated) 96%, transparent);border-color:var(--semantic-border-interactive);color:var(--semantic-fg-default)}.panel-close--float.is-hidden{opacity:0;pointer-events:none;transform:scale(.6)}.panel-restore{z-index:25;border-radius:var(--radius-lg);border:1px solid var(--semantic-border-strong);background:color-mix(in srgb, var(--semantic-bg-surface) 92%, transparent);width:40px;height:40px;box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);color:var(--semantic-fg-muted);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-base) var(--motion-easing-standard), transform var(--motion-duration-base) var(--motion-easing-spring), color var(--motion-duration-fast), border-color var(--motion-duration-fast);place-items:center;display:grid;position:absolute;top:12px;transform:scale(.6)}.panel-restore.is-shown{opacity:1;pointer-events:auto;transform:none}.panel-restore--left{transform-origin:0 0;left:12px}.panel-restore:hover{color:var(--semantic-fg-default);border-color:var(--semantic-border-interactive);background:color-mix(in srgb, var(--semantic-bg-elevated) 92%, transparent)}.panel-restore:active{transform:scale(.94)}.panel-restore svg{grid-area:1/1;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.layers-panel,.panel-restore{transition-duration:1ms}}.layers-group{border:1px solid var(--semantic-border-default);border-radius:var(--radius-md);background:color-mix(in srgb, var(--semantic-bg-elevated) 35%, transparent);transition:border-color var(--motion-duration-fast), background var(--motion-duration-fast);overflow:hidden}.layers-group+.layers-group{margin-top:var(--space-sm)}.layers-group__head{background:color-mix(in srgb, var(--semantic-bg-elevated) 72%, transparent);border-bottom:1px solid #0000;align-items:stretch;display:flex}.layers-group:not([data-collapsed]) .layers-group__head{border-bottom-color:var(--semantic-border-default)}.layers-group__toggle{align-items:center;gap:var(--space-xs);min-width:0;padding:var(--space-xs) var(--space-sm);min-height:40px;color:var(--semantic-fg-muted);cursor:pointer;text-align:left;transition:background var(--motion-duration-fast), color var(--motion-duration-fast);background:0 0;border:0;flex:1;display:flex}.layers-group__toggle:hover{background:var(--semantic-bg-elevated);color:var(--semantic-fg-default)}.layers-group__toggle:active{background:var(--semantic-bg-muted)}.layers-group:has(.layers-group__toggle:hover){border-color:var(--semantic-border-strong);background:color-mix(in srgb, var(--semantic-bg-elevated) 50%, transparent)}.layers-group__caret{color:currentColor;width:15px;height:15px;transition:transform var(--motion-duration-fast) var(--motion-easing-standard);flex:none}.layers-group[data-collapsed] .layers-group__caret{transform:rotate(-90deg)}.layers-group__label{text-overflow:ellipsis;min-width:0;font-family:var(--font-family-instrument);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.1em;color:currentColor;font-weight:700;overflow:hidden}.layers-group__body{transition:grid-template-rows var(--motion-duration-base) var(--motion-easing-standard);grid-template-rows:1fr;display:grid}.layers-group[data-collapsed] .layers-group__body{grid-template-rows:0fr}.layers-group__rows{min-height:0;padding:0 var(--space-2xs);overflow:hidden}.layers-group__rows>:first-child{margin-top:var(--space-2xs)}.layers-group__rows>:last-child{margin-bottom:var(--space-2xs)}.layers-group__eye{width:30px;height:34px;margin-right:var(--space-2xs);flex:none;align-self:center}.layers-group__eye svg,.layers-group__eye .stg-icon-mask{width:15px;height:15px}.layers-group__head .layers-group__eye:hover{background:color-mix(in srgb, var(--semantic-bg-elevated) 82%, var(--semantic-fg-default));color:var(--semantic-fg-default)}.layers-group[data-group-hidden] .layers-group__eye{color:var(--semantic-fg-subtle)}.layers-group[data-group-mixed] .layers-group__eye{opacity:.55}.pt-acc{border:1px solid var(--semantic-border-strong);border-radius:var(--radius-md);background:color-mix(in srgb, var(--semantic-bg-elevated) 35%, transparent);transition:border-color var(--motion-duration-fast), background var(--motion-duration-fast);overflow:hidden}.pt-acc+.pt-acc{margin-top:var(--space-sm)}.pt-acc__head{align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb, var(--semantic-bg-elevated) 72%, transparent);min-height:40px;color:var(--semantic-fg-muted);cursor:pointer;text-align:left;transition:background var(--motion-duration-fast), color var(--motion-duration-fast);border:0;border-bottom:1px solid #0000;display:flex}.pt-acc:not([data-collapsed]) .pt-acc__head{border-bottom-color:var(--semantic-border-default)}.pt-acc__head:hover{background:var(--semantic-bg-elevated);color:var(--semantic-fg-default)}.pt-acc__head:active{background:var(--semantic-bg-muted)}.pt-acc:has(.pt-acc__head:hover){border-color:var(--semantic-border-interactive);background:color-mix(in srgb, var(--semantic-bg-elevated) 50%, transparent)}.pt-acc__caret{color:currentColor;width:15px;height:15px;transition:transform var(--motion-duration-fast) var(--motion-easing-standard);flex:none}.pt-acc[data-collapsed] .pt-acc__caret{transform:rotate(-90deg)}.pt-acc__title{text-overflow:ellipsis;min-width:0;font-family:var(--font-family-quantico);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:currentColor;font-weight:700;overflow:hidden}.pt-acc__body{transition:grid-template-rows var(--motion-duration-base) var(--motion-easing-standard);grid-template-rows:1fr;display:grid}.pt-acc[data-collapsed] .pt-acc__body{grid-template-rows:0fr}.pt-acc__rows{min-height:0;overflow:hidden}.pt-acc__stack{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column;display:flex}.layer-row.is-planned{opacity:.6}.layer-row.is-planned:hover{background:0 0}.layer-row.is-planned .layer-row__main{cursor:default}.layer-row__soon{border-radius:var(--radius-full);border:1px dashed var(--semantic-border-strong);font-size:var(--font-size-2xs);color:var(--semantic-fg-subtle);flex:none;margin-left:auto;margin-right:4px;padding:0 7px;font-weight:600}.layer-indicator{left:var(--space-2xs);right:var(--space-2xs);border-radius:var(--radius-md);background:var(--semantic-bg-elevated);height:0;box-shadow:inset 0 0 0 1px var(--semantic-border-strong);transition:transform var(--motion-duration-slow) var(--motion-easing-spring), height var(--motion-duration-base) var(--motion-easing-standard);pointer-events:none;z-index:0;position:absolute;top:0;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.layer-indicator{transition:none}}.layer-row{z-index:1;border-radius:var(--radius-md);transition:background var(--motion-duration-fast), opacity var(--motion-duration-fast);align-items:center;padding:2px;display:flex;position:relative}.layer-row:not([data-editing]):hover{background:var(--semantic-bg-muted)}.layer-row[data-editing] .layer-row__name{font-weight:600}.layer-row[data-hidden]{opacity:.55}.layer-row__main{min-width:0;padding:var(--space-xs) var(--space-sm);text-align:left;cursor:pointer;flex:1;align-items:center;display:flex}.layer-row__name{min-width:0;font-size:var(--font-size-sm);color:var(--semantic-fg-default);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.layer-row[data-hidden] .layer-row__name{color:var(--semantic-fg-muted)}.layer-row__eye{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--semantic-fg-muted);cursor:pointer;transition:background var(--motion-duration-fast), color var(--motion-duration-fast), transform var(--motion-duration-fast) var(--motion-easing-standard);flex:none;place-items:center;display:grid}.layer-row__eye:hover{background:var(--semantic-bg-elevated);color:var(--semantic-fg-default)}.layer-row__eye svg,.layer-row__eye .stg-icon-mask{width:16px;height:16px}.layer-row__eye .eye-on,.layer-row__eye .eye-off,.layers-group__eye .eye-on,.layers-group__eye .eye-off{opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-easing-standard), transform var(--motion-duration-base) var(--motion-easing-spring);grid-area:1/1;transform:scale(.5)rotate(-12deg)}.layer-row:not([data-hidden]) .eye-on,.layer-row[data-hidden] .eye-off,.layers-group:not([data-group-hidden]) .layers-group__eye .eye-on,.layers-group[data-group-hidden] .layers-group__eye .eye-off{opacity:1;transform:none}.layer-row__eye:active{transform:scale(.9)}@media (prefers-reduced-motion:reduce){.layer-row__eye .eye-on,.layer-row__eye .eye-off,.layers-group__eye .eye-on,.layers-group__eye .eye-off{transition:opacity var(--motion-duration-fast) linear;transform:none}.layer-row__eye:active{transform:none}}.pt-chev{transition:transform var(--motion-duration-fast)}details[open]>summary .pt-chev{transform:rotate(180deg)}.state-panel{border-radius:var(--radius-md);border:1px solid var(--semantic-border-default);background:var(--semantic-bg-surface);padding:var(--space-sm)}.state-panel__head{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xs);display:flex}.state-panel__title{font-family:var(--font-family-quantico);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--semantic-fg-subtle);font-weight:700}.state-panel__live{font-size:var(--font-size-2xs);align-items:center;gap:5px;font-weight:600;display:inline-flex}.state-panel__live.is-live{color:var(--semantic-status-success)}.state-panel__live.is-resting{color:var(--semantic-fg-subtle)}.state-panel__live.is-live:before{content:"";border-radius:var(--radius-full);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 22%, transparent);background:currentColor}.state-seg{flex-direction:column;gap:4px;display:flex}.state-seg__btn{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--semantic-border-default);background:var(--semantic-bg-canvas);width:100%;font-size:var(--font-size-sm);color:var(--semantic-fg-muted);cursor:pointer;transition:background var(--motion-duration-fast), color var(--motion-duration-fast), border-color var(--motion-duration-fast);padding:7px 12px;font-weight:500;display:block}.state-seg__btn[aria-pressed=false]:hover{color:var(--semantic-fg-default);border-color:var(--semantic-border-strong);background:var(--semantic-bg-muted)}.state-seg__btn[aria-pressed=true]{background:var(--semantic-brand-default);color:var(--semantic-fg-on-brand);border-color:#0000}.seg{border-radius:var(--radius-md);background:var(--semantic-bg-sunken);border:1px solid var(--semantic-border-subtle);grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.seg__btn{border-radius:var(--radius-sm);color:var(--semantic-fg-subtle);font-size:var(--font-size-2xs);cursor:pointer;transition:background var(--motion-duration-fast), color var(--motion-duration-fast), box-shadow var(--motion-duration-fast);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 4px 6px;font-weight:500;line-height:1;display:flex}.seg__btn svg{width:26px;height:18px}.seg__btn:hover{color:var(--semantic-fg-default);background:color-mix(in srgb, var(--semantic-bg-elevated) 55%, transparent)}.seg__btn[aria-checked=true]{color:var(--semantic-fg-default);background:var(--semantic-bg-elevated);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--semantic-border-default)}details>summary::-webkit-details-marker{display:none}.glyph-cell{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--semantic-border-default);background:var(--semantic-bg-muted);color:var(--semantic-fg-default);cursor:pointer;transition:border-color var(--motion-duration-fast);place-items:center;display:grid}.glyph-cell:hover{border-color:var(--semantic-brand-default)}.glyph-cell[aria-pressed=true]{border-color:var(--semantic-brand-default);box-shadow:0 0 0 1px var(--semantic-brand-default)}.glyph-cell svg,.glyph-cell .stg-icon-mask{width:17px;height:17px}.glyph-cell__kind{color:var(--semantic-fg-muted);font-size:10px}