.visuals-page{min-height:100vh;font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;color:var(--text-primary);background:color-mix(in oklab, var(--gray-950) 3%, var(--surface-primary));padding:32px clamp(20px,4vw,48px) 64px}[data-theme=dark] .visuals-page{background:color-mix(in oklab, var(--white) 2.5%, var(--surface-primary))}.visuals-page__header{flex-direction:column;gap:20px;max-width:960px;margin:0 auto 24px;display:flex}.visuals-page__back{width:fit-content;color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.visuals-page__back:hover{color:var(--brand-500)}.visuals-page__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brand-500);margin:0 0 8px;font-size:.6875rem;font-weight:650}.visuals-page__title{font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 10px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:650;line-height:1.1}.visuals-page__subtitle{max-width:62ch;color:var(--text-tertiary);margin:0;font-size:.9375rem;line-height:1.55}.visuals-page__toolbar{flex-direction:column;gap:14px;max-width:1280px;margin:0 auto 12px;display:flex}.visuals-filters{flex-direction:column;gap:8px;display:flex}.visuals-filters__label{letter-spacing:.06em;text-transform:uppercase;opacity:.5;margin:0;font-size:.6875rem;font-weight:600}.visuals-filters__row{flex-wrap:wrap;gap:8px;display:flex}.visuals-filter-chip{border:1px solid color-mix(in oklab, currentColor 12%, transparent);background:color-mix(in oklab, currentColor 3%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;transition:border-color .12s,background .12s;display:inline-flex}.visuals-filter-chip:hover{border-color:color-mix(in oklab, currentColor 22%, transparent)}.visuals-filter-chip.is-active{border-color:color-mix(in oklab, var(--color-accent,#7c9a92) 50%, transparent);background:color-mix(in oklab, var(--color-accent,#7c9a92) 12%, transparent)}.visuals-filter-chip__count{opacity:.6;font-size:.6875rem}.visuals-search{max-width:360px;position:relative}.visuals-search__icon{opacity:.45;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.visuals-search__input{border:1px solid color-mix(in oklab, currentColor 12%, transparent);background:var(--surface-primary);border-radius:10px;width:100%;padding:8px 12px 8px 36px;font-size:.875rem}.visuals-page__results{opacity:.55;max-width:1280px;margin:0 auto 16px;font-size:.8125rem}.visuals-page__empty{text-align:center;opacity:.6;max-width:1280px;margin:32px auto 0}.visuals-shapes-categories{flex-direction:column;gap:2rem;max-width:1280px;margin:0 auto;display:flex}.visuals-shapes-category__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.visuals-shapes-category__title{margin:0;font-size:1.125rem;font-weight:600}.visuals-shapes-category__see-all{color:var(--color-accent,#7c9a92);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem;font-weight:500}.visuals-shapes-category__see-all:hover{text-decoration:underline}.visuals-shapes-row{scrollbar-width:thin;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.visuals-shapes-card{flex-direction:column;flex:0 0 7.5rem;gap:.375rem;display:flex}.visuals-shapes-card__preview{background:#1e293b;border-radius:.625rem;justify-content:center;align-items:center;width:7.5rem;height:7.5rem;padding:.75rem;display:flex}.visuals-shapes-card__preview svg{width:100%;height:100%;display:block}.visuals-shapes-card__label{opacity:.55;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.6875rem;line-height:1.3;overflow:hidden}.visuals-page__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;max-width:1280px;margin:0 auto;display:grid}.visuals-card{border:1px solid color-mix(in oklab, currentColor 10%, transparent);background:var(--surface-primary);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.visuals-card__preview{aspect-ratio:480/280;background-color:color-mix(in oklab, currentColor 4%, transparent);justify-content:center;align-items:center;display:flex;overflow:hidden}.visuals-card__preview-svg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.visuals-card__preview-img{object-fit:contain;width:88%;height:88%}.visuals-card__body{flex-direction:column;gap:8px;padding:14px;display:flex}.visuals-card__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.visuals-card__label{margin:0;font-size:.9375rem;font-weight:600}.visuals-card__kind{text-transform:uppercase;letter-spacing:.06em;opacity:.55;font-size:.6875rem}.visuals-card__source{opacity:.55;margin:0;font-size:.6875rem}.visuals-card__description{opacity:.72;margin:0;font-size:.8125rem;line-height:1.45}.visuals-card__id{opacity:.45;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem}.visuals-card__tags{flex-wrap:wrap;gap:6px;display:flex}.visuals-card__tag{background:color-mix(in oklab, currentColor 6%, transparent);border-radius:999px;padding:2px 8px;font-size:.6875rem}.visuals-page__more{justify-content:center;max-width:1280px;margin:32px auto 0;display:flex}.visuals-page__more-btn{border:1px solid color-mix(in oklab, currentColor 16%, transparent);background:color-mix(in oklab, currentColor 4%, transparent);cursor:pointer;border-radius:999px;padding:10px 20px;font-size:.875rem;font-weight:600}.visuals-page__more-btn:hover{background:color-mix(in oklab, currentColor 8%, transparent)}