/* Document rules are generated from typography-catalog.js for every surface. */
.typography-popover{position:absolute;right:18px;background:var(--panel,var(--surface));border:1px solid var(--border,var(--line));box-shadow:var(--shadow-pop,var(--pop-shadow));color:var(--fg)}
.typography-grid{display:grid;min-height:0}
.typography-card{cursor:pointer;min-width:0}
.typography-card:hover{border-color:var(--accent)}
.typography-compact{display:flex;justify-content:space-between;border-top:1px solid var(--border,var(--line));flex:none}
.typography-compact input{accent-color:var(--accent)}
.type-swatch{display:block;position:relative;overflow:hidden;pointer-events:none}