.icon-previews{gap:var(--space-2,.5rem);margin-block-start:var(--space-2,.5rem);display:grid}.icon-previews__title{color:var(--color-text-muted,#888);margin:0;font-size:.85rem}.icon-previews__row{align-items:flex-end;gap:var(--space-3,.75rem);flex-wrap:wrap;display:flex}.icon-previews__item{color:var(--color-text-muted,#888);justify-items:center;gap:2px;font-size:.7rem;display:grid}.icon-previews__canvas{image-rendering:pixelated;background-color:#fff;background-image:linear-gradient(45deg,#e9e9e9 25%,#0000 25%),linear-gradient(-45deg,#e9e9e9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9e9e9 75%),linear-gradient(-45deg,#0000 75%,#e9e9e9 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;display:block}.browser-tab{align-items:center;gap:var(--space-2,.5rem);inline-size:fit-content;max-inline-size:100%;padding:var(--space-2,.5rem) var(--space-3,.75rem);background:var(--color-surface,#2a2a2a);border:1px solid var(--color-border,#444);border-block-end:none;border-radius:8px 8px 0 0;font-size:.8rem;display:inline-flex}.browser-tab__icon{flex:none}.browser-tab__title{text-overflow:ellipsis;white-space:nowrap;max-inline-size:16ch;overflow:hidden}.browser-tab__close{color:var(--color-text-muted,#888)}.control__note{color:var(--color-text-muted,#888);margin:-.25rem 0 0;font-size:.75rem}.control input[type=text]{min-inline-size:0;font:inherit;color:inherit;background:var(--color-surface,#1e1e1e);border:1px solid var(--color-border,#444);border-radius:var(--radius-1,4px);flex:1;padding:.35rem .5rem}.snippet{margin-block:var(--space-4,1rem)}.snippet__head{align-items:center;gap:var(--space-3,.75rem);display:flex}.snippet__title{margin:0;font-size:1rem}.snippet__code{margin:var(--space-2,.5rem) 0 0;padding:var(--space-3,.75rem);background:var(--color-surface,#1e1e1e);border:1px solid var(--color-border,#444);border-radius:var(--radius-2,8px);font-size:.8rem;overflow-x:auto}