.material-library-toolbar{position:sticky;top:-1px;z-index:4;display:flex;align-items:center;gap:.5rem;padding:.35rem 0 .65rem;background:var(--panel,#fff)}.material-category-filter{min-width:0;flex:1}.material-count{font-size:10px;color:#7b8290;white-space:nowrap}.professional-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.professional-material-card{border:1px solid #e2e5ea;background:#fff;border-radius:12px;padding:6px;text-align:left;min-width:0;transition:.16s ease;box-shadow:0 1px 2px #0000000a}.professional-material-card:hover{transform:translateY(-2px);border-color:#8c7df0;box-shadow:0 6px 18px #34305d18}.professional-material-card:active{transform:translateY(0)}.material-swatch{display:block;height:72px;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000012}.material-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff4,transparent 38%,#0001);pointer-events:none}.material-badge{position:absolute;top:5px;right:5px;padding:2px 5px;border-radius:20px;background:#14161bcc;color:#fff;font-size:8px;font-weight:700;letter-spacing:.04em}.material-card-name{display:block;font-size:11px;font-weight:700;color:#282c33;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-card-category{display:block;font-size:9px;color:#7a818b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark .material-library-toolbar{background:#1e2329}.theme-dark .professional-material-card{background:#242a31;border-color:#3b424b}.theme-dark .material-card-name{color:#eef1f4}@media(min-width:1400px){.professional-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}