.skinned--brass{--pnl-chassis: #2e2b26;--pnl-panel: #1b1916;--pnl-elevated: #423d35;--pnl-border: #3a352d;--pnl-text: #e8e2d6;--pnl-muted: #9c948366;--pnl-muted: #9d9484;--pnl-accent: #d99a2b;--pnl-accent-text: #211c12}.skinned--paper{--pnl-chassis: #d7d9de;--pnl-panel: #ffffff;--pnl-elevated: #e6e8ec;--pnl-border: #c3c6cd;--pnl-text: #1d2024;--pnl-muted: #5b6169;--pnl-accent: #1f5fd0;--pnl-accent-text: #ffffff}.skinned--forest{--pnl-chassis: #232a26;--pnl-panel: #151a17;--pnl-elevated: #34403a;--pnl-border: #2d3833;--pnl-text: #dfe6e1;--pnl-muted: #8d9a92;--pnl-accent: #47965c;--pnl-accent-text: #ffffff}.skinned--plum{--pnl-chassis: #2b2430;--pnl-panel: #191320;--pnl-elevated: #3f3448;--pnl-border: #372e40;--pnl-text: #e6dced;--pnl-muted: #9c8fa8;--pnl-accent: #a568d8;--pnl-accent-text: #1b1122;--pnl-radius: 12px;--pnl-rail: 60px;--pnl-rail-button: 44px;--pnl-header: 48px;--pnl-gutter: 10px}.bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px}.skins{display:flex;gap:8px;flex-wrap:wrap}.skin{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1px 10px;align-items:center;padding:7px 12px 7px 9px;border:1px solid var(--pnl-border);border-radius:var(--pnl-radius, 6px);background:transparent;color:var(--pnl-muted);cursor:pointer;text-align:left;font:inherit}.skin:hover{background:var(--pnl-elevated)}.skin--on{color:var(--pnl-text);border-color:var(--pnl-accent)}.skin__chips{grid-row:1 / 3;display:flex;flex-direction:column;gap:2px}.skin__chip{display:block;width:12px;height:6px;border-radius:2px}.skin--brass .skin__chip--chassis{background:#2e2b26}.skin--brass .skin__chip--panel{background:#1b1916}.skin--brass .skin__chip--accent{background:#d99a2b}.skin--paper .skin__chip--chassis{background:#d7d9de}.skin--paper .skin__chip--panel{background:#fff}.skin--paper .skin__chip--accent{background:#1f5fd0}.skin--forest .skin__chip--chassis{background:#232a26}.skin--forest .skin__chip--panel{background:#151a17}.skin--forest .skin__chip--accent{background:#47965c}.skin--plum .skin__chip--chassis{background:#2b2430}.skin--plum .skin__chip--panel{background:#191320}.skin--plum .skin__chip--accent{background:#a568d8}.skin__name{font-size:13px;font-weight:600}.skin__hint{grid-column:2;font-size:11px;opacity:.75}.bar__toggle{border:none;border-radius:var(--pnl-radius-sm, 4px);padding:5px 10px;background:transparent;color:var(--pnl-muted);cursor:pointer;font:inherit;font-size:12px}.bar__toggle--on{background:var(--pnl-elevated);color:var(--pnl-text)}
