.figure-frame>.figure-box.hf-box{aspect-ratio:auto;padding:var(--sp-5);gap:var(--sp-4);color:var(--text);cursor:default;place-items:stretch stretch;display:grid}.hf-box svg{width:100%;height:auto;display:block}.hf-filters,.hf-notes,.hf-batch{gap:var(--sp-4);min-width:0;display:grid}.hf-sheet{position:relative}.hf-sheet img{width:100%;height:auto;image-rendering:pixelated;display:block}.hf-tile{cursor:pointer;transition:outline-color var(--dur) var(--ease);outline-offset:2px;background:0 0;border:0;border-radius:2px;outline:2px solid #0000;padding:0;position:absolute}.hf-tile:hover{outline-color:color-mix(in srgb, var(--accent) 45%, transparent)}.hf-tile[aria-pressed=true]{outline-color:var(--accent)}.hf-tile:focus-visible{outline-color:var(--text)}.hf-through{align-items:start;gap:var(--sp-3);grid-template-columns:minmax(0,2fr) auto minmax(0,3fr) auto minmax(0,3fr);display:grid}.hf-part{gap:var(--sp-2);justify-items:stretch;min-width:0;display:grid}.hf-part>.meta-sm{color:var(--text-2);text-align:center}.hf-part canvas{aspect-ratio:3/2;border-radius:var(--radius-xs);background:var(--surface);width:100%;height:auto;display:block}.hf-kernel{border-radius:var(--radius-xs);shape-rendering:crispedges}.hf-kernel-num{font-family:var(--font-mono);text-anchor:middle;dominant-baseline:central}.hf-op{margin-bottom:var(--sp-5);font:400 var(--fs-ui-sm) / 1 var(--font-sans);color:var(--text-3);align-self:center}.hf-read{min-height:4.5em;font:400 16px / 1.5 var(--font-serif);color:var(--text);text-wrap:pretty;margin:0}.hf-controls{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.hf-controls input[type=range]{min-width:0;accent-color:var(--accent);flex:160px}.hf-session{min-width:11ch;font:400 var(--fs-ui-sm) / 1 var(--font-mono);color:var(--text)}.hf-play{min-width:112px;height:var(--control-h-sm);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text);font:500 var(--fs-ui-sm) / 1 var(--font-sans);cursor:pointer;transition:border-color var(--dur) var(--ease);background:0 0;padding:0 16px}.hf-play:hover{border-color:var(--text)}.hf-notes .matrix-grid:focus{outline:none}.hf-row{align-items:center;gap:var(--sp-6);grid-template-columns:minmax(0,200fr) minmax(0,320fr);min-width:0;display:grid}.hf-mid{text-anchor:middle;dominant-baseline:central}.hf-job{dominant-baseline:central}.hf-counts{gap:var(--sp-2) var(--sp-8);flex-wrap:wrap;margin:0;display:flex}.hf-counts>div{gap:4px;display:grid}.hf-counts dt{font:400 var(--fs-ui-sm) / 1.3 var(--font-sans);color:var(--text-2)}.hf-counts dd{font:400 var(--fs-ui-sm) / 1.3 var(--font-mono);color:var(--text);margin:0}@media (max-width:520px){.hf-row{gap:var(--sp-2);grid-template-columns:minmax(0,1fr)}.hf-row>svg:first-child{max-width:200px}.hf-batch .cf-tick{font-size:16px}.hf-through{grid-template-columns:minmax(0,2fr) auto minmax(0,3fr)}.hf-through>:nth-child(2),.hf-through>:nth-child(3){display:none}}