:root{--sh-bg:#f3f3f1;--sh-panel:#fff;--sh-line:#e1e1dc;--sh-ink:#1b1b19;--sh-ink-2:#5d5d58;--sh-accent:#1b1b19;--sh-stage:#d9d9d4;--sh-bezel:#111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--sh-bg:#161615;--sh-panel:#1f1f1d;--sh-line:#34342f;--sh-ink:#ececea;--sh-ink-2:#a3a39d;--sh-accent:#ececea;--sh-stage:#0d0d0c;--sh-bezel:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--sh-bg);color:var(--sh-ink);font:13px/1.4 -apple-system,system-ui,Inter,sans-serif}ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit}.sh-root{grid-template-columns:260px minmax(0,1fr) 300px;height:100%;display:grid}.sh-main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.sh-list,.sh-notes{background:var(--sh-panel);padding:16px;overflow:auto}.sh-list{border-right:1px solid var(--sh-line)}.sh-notes{border-left:1px solid var(--sh-line)}.sh-list-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.sh-filter{border:1px solid var(--sh-line);background:var(--sh-bg);width:100%;color:var(--sh-ink);font:inherit;border-radius:8px;margin-bottom:12px;padding:7px 10px}.sh-role{text-transform:uppercase;letter-spacing:.08em;color:var(--sh-ink-2);margin:18px 0 6px;font-size:11px}.sh-flow{margin:8px 0 4px;font-size:12px;font-weight:600}.sh-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;gap:8px;width:100%;padding:6px 8px;display:flex}.sh-item:hover{background:var(--sh-bg)}.sh-item[aria-current=true]{background:var(--sh-accent);color:var(--sh-panel)}.sh-states{padding-left:14px}.sh-state{font-size:12px}.sh-id{opacity:.7;flex:none;font-family:ui-monospace,SF Mono,monospace;font-size:11px}.sh-muted{color:var(--sh-ink-2)}.sh-small{font-size:12px}.sh-title{margin:2px 0 4px;font-size:18px}.sh-note{line-height:1.5}.sh-specs code{word-break:break-all;font-size:11px}.sh-controls{background:var(--sh-panel);border-bottom:1px solid var(--sh-line);flex-wrap:wrap;align-items:end;gap:14px;padding:10px 16px;display:flex}.sh-field{gap:3px;display:grid}.sh-field-label{color:var(--sh-ink-2);font-size:11px}.sh-seg{background:var(--sh-bg);border:1px solid var(--sh-line);border-radius:8px;padding:2px;display:flex}.sh-seg-btn{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:4px 10px}.sh-seg-btn[aria-checked=true]{background:var(--sh-accent);color:var(--sh-panel)}.sh-check{align-items:center;gap:6px;padding-bottom:5px;display:flex}.sh-spacer{flex:1}.sh-link{color:var(--sh-ink);padding-bottom:5px}.sh-stage{background:var(--sh-stage);place-items:center;min-height:0;padding:24px;display:grid;overflow:hidden}.sh-bezel{background:var(--sh-bezel);box-shadow:0 20px 60px -20px #00000080}.sh-empty{color:var(--sh-ink-2);padding:40px}.gl-root{max-width:1240px;margin:0 auto;padding:24px 24px 80px}.gl-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.gl-group{text-transform:uppercase;letter-spacing:.08em;color:var(--sh-ink-2);margin:32px 0 12px;font-size:13px}.gl-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.gl-card{background:var(--sh-panel);border:1px solid var(--sh-line);border-radius:12px;display:grid;overflow:hidden}.gl-card.gl-wide{grid-column:1/-1}.gl-demo{background:var(--vg-canvas);padding:20px;overflow:auto}.gl-text{gap:6px;padding:12px 16px 16px;display:grid}.gl-text h3{margin:0;font-size:15px}.gl-text ul{color:var(--sh-ink-2);padding-left:18px;list-style:outside}.gl-swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.gl-swatch{border:1px solid var(--sh-line);border-radius:8px;font-size:11px;overflow:hidden}.gl-swatch span{height:40px;display:block}.gl-swatch p{margin:0;padding:6px 8px;font-family:ui-monospace,monospace}