.sections-lib{z-index:calc(var(--z-modal) + 50);-webkit-backdrop-filter:blur(16px);animation:lib-fade-in .2s var(--ease-out);background:#0d0b1beb;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes lib-fade-in{0%{opacity:0}to{opacity:1}}.sections-lib__panel{border:1px solid var(--su-border);border-radius:var(--radius-lg);width:100%;max-width:960px;animation:lib-slide-up .25s var(--ease-out);background:#141128e6;overflow:hidden}@keyframes lib-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sections-lib__header{border-bottom:1px solid var(--su-border-muted);justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;display:flex}.sections-lib__title{font-family:var(--font-main);color:#fff;letter-spacing:-.01em;margin:0 0 4px;font-size:1.1rem;font-weight:600}.sections-lib__sub{font-family:var(--font-main);font-size:var(--text-caption);color:#fff6;margin:0}.sections-lib__close{border-radius:var(--radius-sm);border:1px solid var(--su-border);color:#ffffff80;cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.sections-lib__close:hover{border-color:var(--su-border-mid);color:#fff;background:#ffffff0d}.sections-lib__filters{border-bottom:1px solid var(--su-border-muted);flex-wrap:wrap;gap:8px;padding:16px 28px;display:flex}.sections-lib__chip{border-radius:var(--radius-pill);border:1px solid var(--su-border);color:#ffffff8c;font-family:var(--font-main);font-size:var(--text-caption);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 14px;transition:all .15s;display:flex}.sections-lib__chip:hover{border-color:var(--su-border-mid);color:#ffffffd9}.sections-lib__chip--active{border-color:var(--su-green);color:var(--su-green);background:#00b69f1a}.sections-lib__chip-count{background:#ffffff1a;border-radius:99px;padding:1px 6px;font-size:11px;line-height:1.4}.sections-lib__chip--active .sections-lib__chip-count{background:#00b69f33}.sections-lib__stats{border-bottom:1px solid var(--su-border-muted);gap:24px;padding:12px 28px;display:flex}.sections-lib__stat{font-family:var(--font-main);font-size:var(--text-caption);color:#fff6}.sections-lib__stat strong{color:#fffc;font-weight:600}.sections-lib__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:20px 28px 28px;display:grid}.sections-lib__card{border:1px solid var(--su-border-muted);border-radius:var(--radius-md);background:#ffffff08;padding:16px;transition:border-color .15s,background .15s}.sections-lib__card:hover{border-color:var(--su-border);background:#ffffff0d}.sections-lib__card--shared{border-color:rgba(var(--su-green-rgb), .2)}.sections-lib__card--shared:hover{border-color:rgba(var(--su-green-rgb), .4)}.sections-lib__card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sections-lib__card-type{font-family:var(--font-main);color:#fff;font-size:.9rem;font-weight:600}.sections-lib__badge{font-family:var(--font-main);border-radius:var(--radius-pill);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;padding:2px 7px;font-size:10px;font-weight:500}.sections-lib__badge--shared{color:var(--su-green);border:1px solid rgba(var(--su-green-rgb), .25);background:#00b69f1f}.sections-lib__badge--unique{color:#ffffff59;border:1px solid var(--su-border);background:#ffffff0f}.sections-lib__card-pages{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.sections-lib__page-badge{font-family:var(--font-main);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--page-color) 15%, transparent);color:var(--page-color);border:1px solid color-mix(in srgb, var(--page-color) 30%, transparent);padding:3px 8px;font-size:11px;font-weight:500}.sections-lib__card-components{flex-direction:column;gap:3px;display:flex}.sections-lib__component{font-family:var(--font-mono);color:#ffffff59;background:#ffffff0a;border-radius:4px;padding:2px 6px;font-size:11px;line-height:1.6;display:block}.sections-lib__component--available{color:#ffc86480;text-decoration:line-through}.sections-lib__empty{text-align:center;color:#ffffff4d;font-family:var(--font-main);font-size:var(--text-caption);grid-column:1/-1;padding:48px}.navbar__sections-btn{border-radius:var(--radius-sm);border:1px solid var(--su-border);color:#ffffff80;font-family:var(--font-main);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:7px 13px;font-size:.72rem;font-weight:500;transition:all .2s;display:flex}.navbar__sections-btn:hover{border-color:var(--su-green);color:var(--su-green);background:#00b69f12}.navbar__sections-btn svg{opacity:.7;width:13px;height:13px}