.ww-code{gap:var(--space-sm);min-width:0;display:grid}.ww-sample{border:var(--layout-hairline) solid var(--border-subtle);border-radius:var(--radius-xl);background-color:var(--bg-canvas);min-width:0;margin:0;overflow:hidden}.ww-sample-h{align-items:baseline;gap:var(--space-3xs) var(--space-2xs);padding:var(--space-xs) var(--space-sm);border-bottom:var(--layout-hairline) solid var(--border-subtle);font-size:var(--font-size-body-xs);flex-wrap:wrap;display:flex}.ww-sample-n{color:var(--text-secondary);font-weight:500}.ww-sample-note{color:var(--text-tertiary)}.ww-sample-pre{padding:var(--space-sm);background-color:var(--bg-inset);font-family:var(--font-mono);font-size:var(--font-size-body-xs);color:var(--text-primary);tab-size:2;margin:0;line-height:1.6;overflow-x:auto}.ww-sample-pre:focus-visible{outline:none}.ww-sample:has(>.ww-sample-pre:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring,var(--action-primary));outline-offset:var(--focus-ring-gap)}