@layer components{.icon-set-detail{padding-block:var(--space-xl);& .icon-set-detail__header{text-align:center;margin-block-end:var(--space-xl);padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}& .icon-set-detail__title{font-size:var(--size-step-3);line-height:1.1;font-weight:900;margin-block-end:var(--space-xs);color:var(--color-text);letter-spacing:-.02em}& .icon-set-detail__meta{font-size:var(--size-step-0);color:var(--color-text);opacity:.7;display:flex;justify-content:center;gap:var(--space-m);flex-wrap:wrap;margin-block-end:var(--space-s);& a{color:var(--color-primary);text-decoration:none;font-weight:600;&:hover{text-decoration:underline}}}& .icon-set-detail__author{margin-block-start:var(--space-xs);color:var(--color-text);font-size:var(--size-step-0);opacity:.9;& a{color:var(--color-primary);text-decoration:none;font-weight:600;&:hover{text-decoration:underline}}}& .icon-set-detail__actions{margin-block-start:var(--space-l);display:flex;justify-content:center}& .icon-set-detail__preview{margin-block-start:var(--space-xl);padding-inline:var(--space-s)}& .icon-set-detail__subtitle{font-size:var(--size-step-1);font-weight:700;margin-block-end:var(--space-l);text-align:center;color:var(--color-text)}& .icon-set-detail__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--space-m);margin-block-start:var(--space-l)}}}