html,body{margin:0;min-height:100%;background:var(--paper)}body{padding:8px}.demo-toolbar{margin:0 0 8px;gap:6px}.demo-toolbar button{padding:6px 10px;font-size:11px}.stage{min-height:0;height:294px;box-shadow:none;border-radius:8px}.stage-chrome{height:26px}.sidebar{width:42%;padding-top:35px}.stage-copy{display:none}.palette{left:14%;top:44px;width:83%;height:228px}.palette-top{padding:8px}.palette-top input{font-size:12px}.palette-top kbd{display:none}.scopes{padding:0 4px 5px;overflow:hidden}.scopes button{font-size:9px;padding:4px}.scopes .desk{display:none}.palette-list{padding:4px}.result{font-size:10px;min-height:27px}.result .sub,.result .kind{display:none}.result-head{font-size:9px;padding:5px 8px}.palette-foot{font-size:10px;padding:7px}.demo-status{bottom:8px;left:auto;right:8px;max-width:220px;font-size:10px}.palette:not(.closed)~.demo-status{display:none}.side-head,.aside-tab{font-size:10px}.example-head{display:none}
.palette[data-demo-state="preview"] .result, .palette[data-demo-state="receipt"] .result { display: grid; grid-template-columns: 18px minmax(0,1fr); grid-template-rows: auto auto; gap: 0 6px; height: auto; min-height: 42px; }
.palette[data-demo-state="preview"] .result .glyph, .palette[data-demo-state="receipt"] .result .glyph { grid-row: 1 / 3; }
.palette[data-demo-state="preview"] .result .sub, .palette[data-demo-state="receipt"] .result .sub { display: block; grid-column: 2; font-size: 9px; }