html,body{height:100%}body{font-family:var(--font-family-sans);background:var(--surface-page);color:var(--text-default);margin:0}[hidden]{display:none!important}tk-text::part(text){font-size:inherit}.app{grid-template-rows:auto auto minmax(0,1fr);height:100dvh;display:grid}.app-header{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--border-subtle);display:flex}.search{flex:280px;max-width:440px}.header-actions{align-items:center;gap:var(--space-4);margin-inline-start:auto;display:flex}.controls{align-items:flex-end;gap:var(--space-12) var(--space-24);padding:var(--space-12) var(--space-16) var(--space-16);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.control{gap:var(--space-6);display:grid}.control-head{justify-content:space-between;align-items:baseline;gap:var(--space-8);display:flex}.control-row{align-items:center;gap:var(--space-12);min-height:32px;display:flex}.control-weight tk-select{width:128px}.control-weight tk-slider{width:180px}.control-size tk-slider{width:144px}.control-mode tk-select{width:160px}.control-color tk-select{width:128px}.content{min-height:0;display:flex}tk-sidebar{--tk-sidebar-width:232px;flex:none}tk-sidebar::part(panel){background:var(--surface-page)}.sidebar-caption{padding:var(--space-16) var(--space-12) var(--space-4);display:block}.sidebar-caption-row{justify-content:space-between;align-items:flex-end;padding-inline-end:var(--space-8);display:flex}.sidebar-note{padding:var(--space-4) var(--space-12);display:block}.browser{gap:var(--space-16);min-width:0;padding:var(--space-16) var(--space-24) var(--space-32);flex-direction:column;flex:1;display:flex;overflow:auto}.browser-head{align-items:baseline;gap:var(--space-4) var(--space-12);flex-wrap:wrap;display:flex}.browser-state{flex:1;place-items:center;min-height:240px;display:grid}.state-url{margin-top:var(--space-8);word-break:break-all;display:block}.grid-menu{display:block}.glyph{font-family:var(--set-font-family), sans-serif;font-size:var(--glyph-size,48px);font-synthesis:none;font-variation-settings:"wght" var(--glyph-wght,400), "SCAL" var(--glyph-scal,2);white-space:nowrap;-webkit-user-select:none;user-select:none;font-style:normal;font-weight:400;line-height:1;display:inline-grid}.glyph>span{grid-area:1/1}.grid{gap:var(--space-8);display:grid}.tile{align-content:start;justify-items:center;gap:var(--space-8);min-width:0;padding:var(--space-16) var(--space-8) var(--space-12);border-radius:var(--radius-12);cursor:default;border:1px solid #0000;outline:none;display:grid}.tile:hover{background:var(--state-hover)}.tile[aria-selected=true]{background:var(--state-on);border-color:var(--border-selected)}.tile:focus-visible{outline:var(--focus-ring-width) solid var(--border-accent-focus);outline-offset:var(--focus-ring-offset)}.tile-art{place-items:center;display:grid}.tile-name,.tile-codepoint,.tile-layers,.tile-keywords{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tile-name{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.35}.tile[aria-selected=true] .tile-name{color:var(--text-default)}.tile-codepoint{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--text-tertiary)}.tile-layers,.tile-keywords{font-size:var(--font-size-sm);color:var(--text-secondary)}.grid[data-view=grid]{grid-template-columns:repeat(auto-fill, minmax(max(104px, calc(var(--glyph-size) + 48px)), 1fr))}.grid[data-view=grid] .tile-art{height:calc(var(--glyph-size) * 1.25)}.grid[data-view=gallery]{--glyph-size:max(64px, calc(var(--glyph-size-base,48px) * 2));grid-template-columns:repeat(auto-fill, minmax(max(200px, calc(var(--glyph-size) + 96px)), 1fr));gap:var(--space-16)}.grid[data-view=gallery] .tile{gap:var(--space-4);padding:var(--space-24) var(--space-16) var(--space-16);border-color:var(--border-subtle);border-radius:var(--radius-16)}.grid[data-view=gallery] .tile[aria-selected=true]{border-color:var(--border-selected)}.grid[data-view=gallery] .tile-art{height:calc(var(--glyph-size) * 1.3);margin-bottom:var(--space-8)}.grid[data-view=gallery] .tile-name{font-size:var(--font-size-sm);color:var(--text-default)}.grid[data-view=list]{--glyph-size:24px;grid-template-columns:minmax(0,1fr);gap:0}.grid[data-view=list] .tile{place-items:center start;gap:var(--space-12);padding:var(--space-6) var(--space-12);border-radius:var(--radius-8);grid-template-columns:40px minmax(140px,1.2fr) 88px 72px minmax(0,2fr)}.grid[data-view=list] .tile-art{justify-self:center}.grid[data-view=list] .tile-name{font-size:var(--font-size-sm);color:var(--text-default)}.inspector{border-left:1px solid var(--border-subtle);flex:none;width:400px;min-height:0;overflow:auto}.inspector-empty{place-items:center;height:100%;display:grid}.inspector-body{gap:var(--space-16);padding:var(--space-24) var(--space-16);display:grid}.preview{border:1px solid var(--border-subtle);border-radius:var(--radius-16);--glyph-size:144px;place-items:center;min-height:232px;display:grid;overflow:hidden}.preview-box{display:inline-grid;position:relative}.guide{pointer-events:none;background:var(--border-default);position:absolute}.guide-cap,.guide-base{left:calc(var(--space-24) * -1);right:calc(var(--space-24) * -1);height:1px;display:none}.has-metrics .guide-cap,.has-metrics .guide-base{display:block}.guide-cap{top:calc(var(--cap-line) * 100%)}.guide-base{top:calc(var(--baseline) * 100%)}.guide-start,.guide-end{top:calc(var(--space-12) * -1);bottom:calc(var(--space-12) * -1);width:1px}.guide-start{left:0}.guide-end{right:0}.inspector-title{gap:var(--space-2);display:grid}.tab-panel{gap:var(--space-16);outline:none;display:grid}.tab-panel:focus-visible{outline:var(--focus-ring-width) solid var(--border-accent-focus);outline-offset:var(--focus-ring-offset)}.facts{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.facts div{gap:var(--space-2);display:grid}.facts dt{font-size:var(--font-size-xs);color:var(--text-secondary)}.facts dd{font-size:var(--font-size-sm);margin:0}.copy-actions{gap:var(--space-8);flex-wrap:wrap;display:flex}.inspector-section{gap:var(--space-8);display:grid}.tags{gap:var(--space-6);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.layer-name{align-items:center;gap:var(--space-8);display:inline-flex}.layer-art{border:1px solid var(--border-subtle);border-radius:var(--radius-6);--glyph-size:18px;place-items:center;width:24px;height:24px;display:inline-grid}#detail-layers tr.is-highlighted{background:var(--state-hover)}.variant-matrix{gap:var(--space-2);--glyph-size:22px;grid-template-columns:16px repeat(9,minmax(0,1fr));align-items:center;display:grid}.matrix-head{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center}.matrix-cell{aspect-ratio:1;font:inherit;color:inherit;border-radius:var(--radius-8);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.matrix-cell:hover{background:var(--state-hover)}.matrix-cell[aria-pressed=true]{background:var(--state-on);border-color:var(--border-selected)}.matrix-cell:focus-visible{outline:var(--focus-ring-width) solid var(--border-accent-focus);outline-offset:calc(var(--focus-ring-offset) * -1)}.text-samples{gap:var(--space-8);display:grid}.text-sample{align-items:baseline;gap:var(--space-4);font-size:var(--font-size-xl);white-space:nowrap;--glyph-size:1em;display:flex}.text-sample .glyph{display:inline-grid}.text-sample-scale{width:24px;font-size:var(--font-size-xs);color:var(--text-tertiary)}.animation-controls{gap:var(--space-16);display:grid}.animation-actions{gap:var(--space-8);display:flex}@media (width<=960px){.app{height:auto;min-height:100dvh}.content{flex-direction:column}.browser{overflow:visible}.inspector{border-left:0;border-top:1px solid var(--border-subtle);width:auto}}