.symbol-library{padding-top:12px;min-width:0}.symbol-filters{display:flex;align-items:start;flex-wrap:wrap;gap:22px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.symbol-filters[hidden],.symbol-card[hidden],.symbol-group[hidden]{display:none}.symbol-filters>div{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.symbol-filters label{font-size:13px;font-weight:600}.symbol-filters input,.symbol-filters select{border:1px solid var(--line);border-radius:7px;min-height:44px;padding:10px 12px;background:var(--soft);color:var(--ink);width:100%;font:inherit;font-size:14px}.symbol-library button{min-height:40px;padding:9px 13px;font-size:12px;transition:none}.symbol-count,.symbol-status,#symbol-empty{font-size:13px;line-height:1.8;color:var(--muted)}.symbol-status{min-height:24px}.symbol-group{margin-block:32px 50px}.symbol-group h2{font-size:23px;letter-spacing:-.5px}.symbol-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.symbol-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px;min-width:0;display:flex;flex-direction:column}.symbol-card h3{font-size:14px;margin:0 0 16px;font-weight:600}.symbol-preview{overflow:auto;display:flex;align-items:center;min-height:105px;background:#fafcff;color:#172638;border-radius:7px;padding:16px}.symbol-preview svg{flex-shrink:0;display:block;margin:auto;max-width:none}.symbol-card pre{min-height:55px;max-height:140px;overflow:auto;font:12px/1.8 SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.symbol-card pre code{font:inherit}.symbol-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px}.symbol-actions a{display:inline-flex;min-height:40px;align-items:center}.symbol-help p,.symbol-help li{font-size:14px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}@media(max-width:1100px){.symbol-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.symbol-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.symbol-cards{grid-template-columns:1fr}.symbol-filters{padding:18px}.symbol-filters>div{min-width:0;flex-basis:100%}}