:root{--amber:#e8873c}*{box-sizing:border-box}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:650}.iconstack{flex-direction:column;gap:22px;display:flex}.stcap-inline{color:var(--color-text-muted);font-size:11px}.showcase-ctrls .row{max-width:360px}.stagehead{border-bottom:1px solid var(--color-line);background:var(--color-surface);padding:14px 20px}.row .slider-field{flex:auto;min-width:0}.row .field-sm{flex:none;align-self:flex-end}.row .slider-field .slider-label,.row .slider-field .slider,.row .field-sm input.val{flex:initial}code{font-family:var(--font-mono);font-size:.92em}.stcap{color:var(--color-text-muted);max-width:70ch;margin:0 0 16px;font-size:11.5px;line-height:1.5}.footnote{color:var(--color-text-muted);margin:12px 20px 18px;font-size:10.5px;line-height:1.6}.refpanel{flex-wrap:wrap;align-items:center;gap:28px;padding:22px 24px;display:flex}.refmark{flex:none;width:96px;height:96px}.refmark svg{width:100%;height:100%;display:block}.refword{flex-direction:column;flex:none;align-items:flex-start;gap:8px;display:flex}.refwordmark{height:40px;color:var(--color-text)}.refwordmark svg{fill:currentColor;width:auto;height:100%;display:block}.reflabel{font-size:10.5px;font-family:var(--font-mono);color:var(--color-text-muted)}.reflegend{min-width:260px;color:var(--color-text-muted);flex:320px;margin:0;font-size:12px;line-height:1.7}.reflegend b{color:var(--color-text);font-weight:600}.reflegend code{color:var(--color-text)}.gridwrap{padding:6px 20px 4px;overflow-x:auto}.icongrid{grid-template-columns:150px repeat(4,minmax(120px,1fr));min-width:760px;display:grid}.icongrid .ghead{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);padding:8px 10px;font-size:10.5px;font-weight:700;position:sticky;top:0}.icongrid .rowlabel{color:var(--color-text-muted);border-top:1px solid var(--color-line);align-items:center;padding:8px 10px;font-size:12px;display:flex}.icon-tile{background:var(--color-surface);border:1px solid var(--color-line);height:60px;color:var(--color-text);border-top-width:1px;border-radius:10px;justify-content:center;align-items:center;margin:4px;display:flex}.icongrid>.rowcell{border-top:1px solid var(--color-line);align-items:stretch;display:flex}.icongrid>.rowcell .icon-tile{flex:1}.icon-tile svg{width:29px;height:29px;display:block}.weightgrid{grid-template-columns:120px repeat(6,minmax(88px,1fr));min-width:680px;display:grid}.weightgrid .ghead{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);padding:8px;font-size:10.5px;font-weight:700}.weightgrid .rowlabel{color:var(--color-text-muted);border-top:1px solid var(--color-line);align-items:center;padding:8px;font-size:12px;display:flex}.weightgrid>.rowcell{border-top:1px solid var(--color-line);align-items:stretch;display:flex}.weightgrid>.rowcell .icon-tile{flex:1;height:52px;margin:3px}.weightgrid .icon-tile svg{width:24px;height:24px}.rolewrap{padding:18px 24px 24px}.role-rows{flex-direction:column;gap:14px;margin-top:14px;display:flex}.role-row{border-top:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:16px;padding-top:14px;display:flex}.role-row:first-child{border-top:none;padding-top:0}.role-row-head{flex:200px;min-width:160px}.role-label{color:var(--color-text);margin:0 0 2px;font-size:13px;font-weight:600}.role-desc{color:var(--color-text-muted);font-size:11px}.role-preview{background:var(--color-surface);border:1px solid var(--color-line);width:44px;height:44px;color:var(--color-accent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.role-preview svg{width:22px;height:22px;display:block}.showcasewrap{padding:18px 24px 24px}.showcase-tiles{flex-wrap:wrap;gap:22px;margin-bottom:20px;display:flex}.showcase-tile{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--il-radius-asym);width:112px;height:112px;box-shadow:var(--il-shadow);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}.showcase-tile .glowlayer{pointer-events:none;background:radial-gradient(circle at 85% 0%, var(--glowduo-color) var(--glowduo-stop), transparent 74%);position:absolute;inset:0}.showcase-tile .showcase-icon{width:36px;height:36px;color:var(--color-accent);position:relative}.showcase-tile .showcase-icon svg{width:100%;height:100%;transition:filter .15s;display:block}#showcaseTiles.iconglow-on .showcase-icon svg{filter:url(#icon-glow-filter)}.showcase-tile .showcase-cap{font-size:10px;font-family:var(--font-mono);color:var(--color-text-muted);position:relative}.showcase-ctrls{border-top:1px solid var(--color-line);max-width:380px;padding-top:6px}@media (width<=640px){.refpanel{padding:18px}.showcasewrap{padding:16px}}