.library-shell{background:var(--fl-color-canvas);min-height:100dvh;color:var(--fl-color-ink);grid-template-columns:224px minmax(0,1fr);display:grid}.library-sidebar{border-right:1px solid var(--fl-color-rule);background:var(--fl-color-surface);flex-direction:column;gap:3rem;min-width:0;height:100dvh;padding:2rem 1rem;display:flex;position:sticky;top:0}.library-brand{color:var(--fl-color-ink);align-items:center;gap:.75rem;margin:0 .75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.library-brand>svg{width:32px;height:32px;color:var(--fl-color-command)}.library-brand small{color:var(--fl-color-ink-muted);letter-spacing:.17em;margin-top:.25rem;font-size:.55rem;display:block}.library-sidebar nav{gap:.375rem;display:grid}.library-sidebar nav p{color:var(--fl-color-ink-muted);letter-spacing:.13em;padding-inline:.875rem;font-size:.625rem}.library-sidebar nav button{border-radius:var(--fl-radius-control-lg);min-height:44px;color:var(--fl-color-ink-secondary);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.75rem .875rem;display:flex}.library-sidebar nav button[aria-pressed=true]{background:var(--fl-color-command-soft);color:var(--fl-color-command-hover);font-weight:600}.library-sidebar nav button:hover{background:var(--fl-color-surface-muted)}.library-sidebar nav button span{opacity:.8;font-size:.7rem}.library-sidebar-note{margin:auto .875rem 0;font-size:.8125rem;line-height:1.6}.library-sidebar-note small{color:var(--fl-color-ink-muted);margin-top:.75rem;font-size:.7rem;display:block}.library-dot{background:var(--fl-color-success);border-radius:50%;width:7px;height:7px;margin-bottom:.75rem;display:block}.library-main{width:100%;min-width:0;max-width:1600px;margin-inline:auto;padding:0 clamp(1.25rem,3.8vw,4.5rem)}.library-topbar{border-bottom:1px solid var(--fl-color-rule);justify-content:space-between;align-items:center;min-height:88px;display:flex}.library-topbar>span{letter-spacing:.14em;color:var(--fl-color-ink-muted);font-size:.625rem}.library-hero{justify-content:space-between;align-items:center;gap:2rem;padding:3.5rem 0;display:flex}.library-eyebrow{letter-spacing:.12em;color:var(--fl-color-command-hover);margin:0 0 1rem;font-size:.625rem;font-weight:600}.library-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3.7vw,3.5rem);font-weight:600;line-height:1.07}.library-hero p:not(.library-eyebrow){color:var(--fl-color-ink-secondary);line-height:1.8}.library-hero a{color:var(--fl-color-command-hover);align-items:center;gap:.5rem;margin-top:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.library-hero-stat{border-left:1px solid var(--fl-color-rule);flex:none;padding:1.5rem 0 1.5rem 2rem}.library-hero-stat strong{letter-spacing:-.04em;font-size:2.5rem;font-weight:500}.library-hero-stat strong span{color:var(--fl-color-ink-muted);letter-spacing:normal;font-size:.875rem}.library-hero-stat>div{color:var(--fl-color-ink-muted);align-items:center;gap:.4rem;font-size:.625rem;display:flex}.library-hero-stat i{background:var(--fl-color-command);border-radius:50%;width:5px;height:5px}.library-toolbar{border-top:1px solid var(--fl-color-rule);justify-content:space-between;align-items:center;gap:1.25rem;padding-block:1.25rem;display:flex}.library-toolbar>div:first-child{align-items:center;gap:.625rem;display:flex}.library-toolbar h2{margin:0;font-size:1.05rem;font-weight:600}.library-toolbar [role=status]{color:var(--fl-color-ink-muted);white-space:nowrap;font-size:.7rem}.library-tools{align-items:center;gap:.75rem;display:flex}.library-tools>.fl-field{width:min(250px,100%)}.library-tools>.fl-button{white-space:nowrap;padding-inline:.875rem;font-size:.75rem}.library-count{background:var(--fl-color-surface-muted);border-radius:.3rem;padding:.1rem .35rem;font-size:.65rem}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.library-tile{border:1px solid var(--fl-color-rule);border-radius:var(--fl-radius-card);background:var(--fl-color-surface);min-width:0;color:inherit;transition:border-color var(--fl-motion-fast), box-shadow var(--fl-motion-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.library-tile:hover{border-color:var(--fl-color-command);box-shadow:var(--fl-shadow-surface)}.library-tile-preview{background:var(--fl-color-surface-muted);border-bottom:1px solid var(--fl-color-rule-soft);pointer-events:none;justify-content:center;align-items:center;height:196px;padding:1.5rem;display:flex;overflow:hidden}.library-tile-copy{padding:1.25rem}.library-tile-copy>div{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.library-tile-copy>div>span{color:var(--fl-color-ink-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.library-tile-copy small{color:var(--fl-color-command-hover);font-size:.6rem}.library-tile-copy h3{letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:.5rem;margin:.875rem 0 .5rem;font-size:1.05rem;font-weight:600;display:flex}.library-tile-copy h3 svg{color:var(--fl-color-ink-muted)}.library-tile-copy p{color:var(--fl-color-ink-secondary);min-height:2.4em;margin:0;font-size:.75rem;line-height:1.6}.library-tile-copy footer{color:var(--fl-color-ink-muted);margin-top:1.25rem;font-size:.625rem}.library-footer{border-top:1px solid var(--fl-color-rule);color:var(--fl-color-ink-muted);justify-content:space-between;gap:1rem;margin-top:3rem;padding:1.5rem 0;font-size:.625rem;display:flex}.library-empty{text-align:center;justify-items:center;padding:4rem 1rem;display:grid}@media (width<=1200px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-hero-stat{display:none}.library-toolbar{flex-wrap:wrap}}@media (width<=800px){.library-shell{grid-template-columns:minmax(0,1fr)}.library-sidebar{border-right:0;border-bottom:1px solid var(--fl-color-rule);gap:1.25rem;height:auto;padding:1rem;position:static}.library-sidebar nav{display:flex;overflow-x:auto}.library-sidebar nav p,.library-sidebar-note{display:none}.library-sidebar nav button{white-space:nowrap;flex:none;gap:1rem}.library-brand small{display:none}.library-main{padding-inline:1.25rem}.library-topbar{min-height:64px}.library-hero{padding:2.5rem 0}}@media (width<=480px){.library-grid{grid-template-columns:minmax(0,1fr)}.library-tools{flex-wrap:wrap;width:100%}.library-tools>.fl-field{width:100%}.library-tile-preview{height:196px}.library-footer{flex-direction:column}}.library-tile-preview{pointer-events:none;overflow:hidden}.library-tile-preview>.fl-field,.library-tile-preview>.fl-card,.library-tile-preview>.fl-skeleton-card,.library-tile-preview>.fl-alert-banner{width:100%}.library-tile-copy h3{overflow-wrap:anywhere}
