.widget-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.widget-library>article{border:1px solid #dbe5ef;border-radius:16px;padding:14px;background:#fff9;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.widget-library h3{font-size:15px;margin:14px 0 6px}.widget-library p{font-size:12px;color:#65778e;line-height:1.7;margin:0 0 15px}.widget-library .button{margin-top:auto}.widget-art-preview{height:210px;width:100%;display:flex;justify-content:center;background:linear-gradient(145deg,#e5edf5,#f5f0e8);border-radius:10px;overflow:hidden}.widget-art-preview img{object-fit:contain;width:140px;height:210px}.widget-text-preview{justify-content:flex-end}.sample-note{background:#f3e7bf;padding:25px 16px;margin:30px 0 25px;transform:rotate(-4deg);font:15px/1.8 -apple-system,sans-serif;color:#4b4230;border-radius:2px 2px 14px 2px;align-self:center}.sample-link{padding:16px 14px;border:1px solid #c4d3e2;border-radius:8px;font-size:12px;display:flex;gap:16px;margin:62px 0 49px;align-self:center}.widget-added{border-top:1px solid #d8e3ef;padding-top:18px}.widget-added h3{font-size:14px;margin:0 0 12px}.widget-added>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ecf3;min-height:45px;font-size:14px}.widget-added small{color:#77889d;margin-left:10px}.widget-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.widget-form-grid input[type=range]{padding:0;accent-color:#327ddb;min-height:36px;cursor:pointer}.widget-form-grid output{font-size:12px;color:#6a7d94;font-variant-numeric:tabular-nums}.widget-secondary-actions{display:flex;justify-content:space-between;margin-top:14px}.widget-secondary-actions [data-action=widget-remove]{color:#af4439}@media(max-width:760px){.widget-library{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-library>article{padding:12px}.widget-library .button{padding:8px 10px;width:100%}.widget-art-preview{height:180px}.widget-art-preview img{height:180px;width:120px}.sample-link{margin:50px 0}.widget-form-grid{gap:0 16px}}@media(max-width:380px){.widget-form-grid{grid-template-columns:1fr}.sample-link{gap:7px;padding:14px 9px}}
.widget-category-filter{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.widget-category-filter .button{min-height:34px;font-size:12px}.widget-category-filter [aria-pressed=true]{background:#e5f0ff;color:#2058a4;border-color:#90b5e5}.widget-library>article[hidden]{display:none!important}
.widget-library>.widget-text-preview{grid-column:span 2}.widget-library>.widget-text-preview .sample-note,.widget-library>.widget-text-preview .sample-link{align-self:flex-start;margin:20px 0}.widget-library>.widget-text-preview{min-height:240px}.widget-library>.widget-text-preview p{max-width:260px}@media(max-width:760px){.widget-library>.widget-text-preview{grid-column:span 1;min-height:280px}}