:root{--chassis: #2e2b26;--panel: #1b1916;--sunk: #141210;--raised: #3b362e;--line: #3a352d;--ink: #ece6da;--muted: #9d9484;--brass: #d99a2b;--brass-ink: #211c12;--rail: 68px;--measure: 74ch;--display: "Space Grotesk", system-ui, sans-serif;--body: "IBM Plex Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}.demo-bar{display:flex;gap:4px;flex-wrap:wrap;padding:9px 14px}.demo-bar__chip{border:none;border-radius:4px;padding:4px 10px;background:transparent;color:var(--pnl-muted);cursor:pointer;font:inherit;font-size:12px}.demo-bar__chip--on{background:var(--pnl-elevated);color:var(--pnl-text)}.demo-centre{display:grid;place-content:center;height:100%;text-align:center;gap:6px}.demo-centre p{margin:0;font-family:var(--display);font-size:19px;color:var(--pnl-text)}.demo-centre span{font-family:var(--mono);font-size:11.5px;color:var(--pnl-muted)}.rows{display:flex;flex-direction:column;padding:6px 0}.row{padding:5px 14px;color:var(--pnl-muted)}.note{margin:0;padding:14px;color:var(--pnl-muted);font-size:13px;line-height:1.55}.note code{font-family:var(--mono);font-size:12px;color:var(--pnl-text)}.pnl-root{--pnl-chassis: var(--panel);--pnl-panel: var(--sunk);--pnl-elevated: var(--raised);--pnl-border: var(--line);--pnl-text: var(--ink);--pnl-muted: var(--muted);--pnl-accent: var(--brass);--pnl-accent-text: var(--brass-ink)}html,body,#root{height:100%;margin:0}body{font-family:var(--body);background:var(--panel)}