.layers-panel{z-index:20;max-height:calc(100% - 24px);width:var(--layers-panel-w,236px);border-radius:var(--radius-lg);border:1px solid var(--semantic-border-default);background:color-mix(in srgb, var(--semantic-bg-surface) 92%, transparent);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(--layers-title-font,var(--font-family-instrument));font-size:var(--layers-title-size,var(--font-size-xs));font-weight:var(--layers-title-weight,600);text-transform:var(--layers-title-transform,uppercase);letter-spacing:var(--layers-title-tracking,.09em);color:var(--semantic-fg-subtle)}.layers-allbtn{font-family:var(--layers-action-font,var(--font-family-instrument));font-size:var(--layers-action-size,var(--font-size-xs));font-weight:var(--layers-action-weight,500);text-transform:var(--layers-action-transform,none);letter-spacing:var(--layers-action-tracking,0);color:var(--semantic-fg-muted);cursor:pointer;transition:color var(--motion-duration-fast)}.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}.layers-panel__foot{border-top:1px solid var(--semantic-border-default);background:color-mix(in srgb, var(--semantic-bg-elevated) 55%, transparent);padding:var(--space-sm);flex:none}.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--float{top:4px;left:calc(var(--layers-panel-w,236px) + 2px);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}.panel-close--float .stg-icon-mask{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;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-base) var(--motion-easing-standard), transform var(--motion-duration-base) var(--motion-easing-spring);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}.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:8px;height:8px;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(--layers-group-font,var(--font-family-instrument));font-size:var(--layers-group-size,var(--font-size-2xs));font-weight:var(--layers-group-weight,700);text-transform:var(--layers-group-transform,uppercase);letter-spacing:var(--layers-group-tracking,.1em);color:currentColor;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 .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}.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:hover{background:var(--semantic-bg-muted)}.layer-row[data-hidden]{opacity:.55}.layer-row__main{align-items:center;gap:var(--space-xs);min-width:0;padding:var(--space-xs) var(--space-sm);text-align:left;flex:1;display:flex}.layer-row__swatch{flex:none;width:8px;height:8px}.layer-row__name{min-width:0;font-family:var(--layers-row-font,var(--font-family-instrument));font-size:var(--layers-row-size,var(--font-size-sm));font-weight:var(--layers-row-weight,500);text-transform:var(--layers-row-transform,none);letter-spacing:var(--layers-row-tracking,0);color:var(--semantic-fg-default);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-row[data-hidden] .layer-row__name{color:var(--semantic-fg-muted)}.layer-row__meta{padding-right:var(--space-2xs);font-family:var(--layers-meta-font,var(--font-family-instrument));font-size:var(--layers-meta-size,var(--font-size-xs));font-weight:var(--layers-meta-weight,400);text-transform:var(--layers-meta-transform,none);letter-spacing:var(--layers-meta-tracking,0);font-variant-numeric:tabular-nums;color:var(--semantic-fg-subtle);flex:none}.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 .stg-icon-mask{width:16px;height:16px}.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-family:var(--layers-soon-font,var(--font-family-instrument));font-size:var(--layers-soon-size,var(--font-size-2xs));font-weight:var(--layers-soon-weight,600);text-transform:var(--layers-soon-transform,none);letter-spacing:var(--layers-soon-tracking,0);color:var(--semantic-fg-subtle);flex:none;margin-right:4px;padding:0 7px}.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){.layers-panel,.panel-restore{transition-duration:1ms}.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}.layer-indicator{transition:none}}