.library-sidebar{display:none}@media (min-width:900px){.library-sidebar{background:color-mix(in srgb, var(--bg-raised) 30%, transparent);border:1px solid color-mix(in srgb, var(--border-light) 30%, transparent);border-radius:12px;flex-shrink:0;align-self:flex-start;width:260px;max-height:calc(100vh - 100px);padding:12px;display:block;position:sticky;top:80px;overflow-y:auto}.library-sidebar--collapsed{flex-direction:column;align-items:center;gap:6px;width:52px;padding:8px 6px;display:flex}.library-sidebar--collapsed .library-sidebar__list-divider{width:100%;margin:2px 0}}.library-sidebar__tabs-row{align-items:center;gap:6px;display:flex}.library-sidebar__tabs-row .library-sidebar__tabs{flex:1;min-width:0}.library-sidebar__collapse-btn{border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);width:32px;height:32px;color:var(--fg-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.library-sidebar__collapse-btn:hover{background:color-mix(in srgb, var(--fg) 6%, transparent);color:var(--fg)}.library-sidebar__rail-tab{width:36px;height:36px;color:var(--fg-muted);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.library-sidebar__rail-tab:hover{background:color-mix(in srgb, var(--fg) 6%, transparent);color:var(--fg)}.library-sidebar__rail-tab--active{background:var(--accent);color:#fff}.library-sidebar__tabs{background:color-mix(in srgb, var(--fg) 6%, transparent);border-radius:8px;align-items:center;display:flex;overflow:hidden}.library-sidebar__tab{white-space:nowrap;min-width:0;color:var(--fg-muted);flex:auto;justify-content:center;align-items:center;padding:7px 6px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.library-sidebar__tab:hover:not(.library-sidebar__tab--active){background:color-mix(in srgb, var(--fg) 6%, transparent)}.library-sidebar__tab--active{background:var(--accent,#0078b1);color:#fff}.library-sidebar__list{flex-direction:column;gap:2px;display:flex}.library-sidebar__item{color:var(--fg);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.library-sidebar__item:hover:not(.library-sidebar__item--active){background:color-mix(in srgb, var(--fg) 6%, transparent)}.library-sidebar__item--active{background:var(--accent,#0078b1);color:#fff}.library-sidebar__item-icon{color:var(--fg-muted);flex-shrink:0}.library-sidebar__item--active .library-sidebar__item-icon{color:#fff}.library-sidebar__item-thumb{object-fit:cover;border-radius:3px;flex-shrink:0}.library-sidebar__item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-sidebar__item-row{align-items:center;display:flex}.library-sidebar__item-row .library-sidebar__item{flex:1;min-width:0}.library-sidebar__item-row:hover .library-sidebar__item-actions{display:flex}.library-sidebar__item-actions{flex-shrink:0;gap:2px;padding-right:4px;display:none}.library-sidebar__action-btn{width:24px;height:24px;color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.library-sidebar__action-btn:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 10%, transparent)}.library-sidebar__action-btn--danger:hover{color:#ef4444;background:#ef44441a}.library-sidebar__modal{padding:1rem}.library-sidebar__modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.library-sidebar__modal-title{margin:0;font-size:1.125rem;font-weight:600}.library-sidebar__modal-close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.library-sidebar__modal-close:hover{color:var(--fg)}.library-sidebar__modal-form{flex-direction:column;gap:.75rem;display:flex}.library-sidebar__modal-input{border:1.5px solid color-mix(in srgb, var(--fg) 15%, transparent);background:color-mix(in srgb, var(--bg-raised) 30%, transparent);width:100%;color:var(--fg);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.library-sidebar__modal-input:focus{border-color:var(--accent,#0078b1)}.library-sidebar__modal-input::placeholder{color:var(--fg-subtle)}.library-sidebar__modal-error{color:#ef4444;margin:0;font-size:.8125rem}.library-sidebar__modal-message{color:var(--fg-muted);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.library-sidebar__modal-message strong{color:var(--fg)}.library-sidebar__modal-actions{gap:.5rem;display:flex}.library-sidebar__modal-btn{background:var(--accent,#0078b1);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .15s}.library-sidebar__modal-btn:disabled{opacity:.5;cursor:not-allowed}.library-sidebar__modal-btn:not(:disabled):hover{opacity:.9}.library-sidebar__modal-btn--secondary{background:color-mix(in srgb, var(--fg) 10%, transparent);color:var(--fg)}.library-sidebar__modal-btn--danger{background:#ef4444}.library-sidebar__empty{color:var(--fg-muted);text-align:center;margin:0;padding:1rem 0;font-size:.8125rem}.library-sidebar__filters,.library-sidebar__filter-section{margin-bottom:12px}.library-sidebar__filter-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:.6875rem;font-weight:600}.library-sidebar__filter-toggle{background:color-mix(in srgb, var(--bg-raised) 30%, transparent);border:1.5px solid color-mix(in srgb, var(--fg) 15%, transparent);border-radius:8px;align-items:center;display:flex;overflow:hidden}.library-sidebar__filter-toggle button{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:6px 0;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .15s,color .15s;display:flex}.library-sidebar__filter-toggle--active{background:var(--accent,#0078b1)!important;color:#fff!important}.library-sidebar__filter-divider{background:color-mix(in srgb, var(--fg) 8%, transparent);height:1px;margin:12px 0}.library-sidebar__filter-chips{flex-wrap:wrap;gap:6px;display:flex}.library-sidebar__filter-chip{background:color-mix(in srgb, var(--fg) 6%, transparent);border:1.5px solid color-mix(in srgb, var(--fg) 12%, transparent);color:var(--fg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:6px 12px;font-family:inherit;font-size:.75rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.library-sidebar__filter-chip:not(.library-sidebar__filter-chip--active):hover{background:color-mix(in srgb, var(--fg) 10%, transparent)}.library-sidebar__filter-chip--active{background:var(--accent,#0078b1);border-color:var(--accent,#0078b1);color:#fff}.library-sidebar__filter-chip--color-red.library-sidebar__filter-chip--active{background:#ff001c;border-color:#ff001c}.library-sidebar__filter-chip--color-green.library-sidebar__filter-chip--active{background:#006649;border-color:#006649}.library-sidebar__filter-chip--color-blue.library-sidebar__filter-chip--active{background:#0078b1;border-color:#0078b1}.library-sidebar__filter-chip--color-purple.library-sidebar__filter-chip--active{background:#39247b;border-color:#39247b}.library-sidebar__filter-chip--color-black.library-sidebar__filter-chip--active{background:color-mix(in srgb, var(--fg) 35%, transparent);border-color:color-mix(in srgb, var(--fg) 50%, transparent)}.library-sidebar__filter-chip--color-yellow.library-sidebar__filter-chip--active{color:#1e1e22;background:#d8c500;border-color:#d8c500}.library-sidebar__settings-options{flex-direction:column;gap:2px;display:flex}.library-sidebar__settings-option{width:100%;color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:.8125rem;transition:background .15s,border-color .15s;display:flex}.library-sidebar__settings-option:hover{background:color-mix(in srgb, var(--fg) 6%, transparent)}.library-sidebar__settings-option--active{background:color-mix(in srgb, var(--fg) 8%, transparent);border-color:color-mix(in srgb, var(--fg) 15%, transparent)}.library-sidebar__option-logo{object-fit:contain;background:#fff;border-radius:4px;flex-shrink:0;width:20px;height:20px;padding:2px}.library-sidebar__settings-check{border:1.5px solid color-mix(in srgb, var(--fg) 25%, transparent);color:#0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:background .15s,border-color .15s;display:flex}.library-sidebar__settings-check--active{background:var(--accent,#0078b1);border-color:var(--accent,#0078b1);color:#fff}.library-sidebar__list-divider{background:color-mix(in srgb, var(--fg) 8%, transparent);height:1px;margin:12px 0}
.library-tabs-row{align-items:center;gap:12px;display:flex}.library-tabs-row__filter-btn{border:1.5px solid color-mix(in srgb, var(--fg) 15%, transparent);background:color-mix(in srgb, var(--bg-raised) 30%, transparent);color:var(--fg);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.library-tabs-row__filter-btn:hover{border-color:var(--accent,#0078b1)}@media (min-width:900px){.library-tabs-row__filter-btn{display:none}}.library-tabs-row__settings-btn{border:1.5px solid color-mix(in srgb, var(--fg) 15%, transparent);background:color-mix(in srgb, var(--bg-raised) 30%, transparent);width:36px;height:36px;color:var(--fg);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:inline-flex}.library-tabs-row__settings-btn:hover{border-color:var(--accent,#0078b1)}@media (min-width:900px){.library-tabs-row__settings-btn{display:none}}.library-tabs-row__settings-list{flex-direction:column;gap:4px;display:flex}.library-tabs-row__settings-item{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.library-tabs-row__settings-item+.library-tabs-row__settings-item{border-top:1px solid color-mix(in srgb, var(--fg) 8%, transparent)}.library-tabs-row__settings-label{flex-direction:column;gap:2px;display:flex}.library-tabs-row__settings-name{color:var(--fg);font-size:.875rem;font-weight:600}.library-tabs-row__settings-desc{color:var(--fg-muted);font-size:.75rem}.library-tabs-row__toggle{background:color-mix(in srgb, var(--fg) 15%, transparent);cursor:pointer;border:none;border-radius:13px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .2s;position:relative}.library-tabs-row__toggle--on{background:var(--accent,#0078b1)}.library-tabs-row__toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.library-tabs-row__toggle--on .library-tabs-row__toggle-knob{transform:translate(18px)}.library-tabs-row__drawer{padding:1rem}.library-tabs-row__drawer-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.library-tabs-row__drawer-header button{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.library-tabs-row__drawer-header button:hover{color:var(--fg)}.library-tabs-row__drawer-title{margin:0;font-size:1.125rem;font-weight:600}.library-tabs-row__drawer-divider{background:color-mix(in srgb, var(--fg) 8%, transparent);height:1px;margin:1rem 0}.library-tabs-row__drawer-section-title{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:.6875rem;font-weight:600}.library-tabs-row__folder-list{flex-direction:column;gap:2px;display:flex}.library-tabs-row__folder-row{border-radius:8px;align-items:center;transition:background .15s;display:flex}.library-tabs-row__folder-row--active{background:var(--accent,#0078b1)}.library-tabs-row__folder-row--active .library-tabs-row__folder-icon,.library-tabs-row__folder-row--active .library-tabs-row__folder-name{color:#fff}.library-tabs-row__folder-row--active .library-tabs-row__folder-action-btn{color:color-mix(in srgb, var(--fg) 60%, transparent)}.library-tabs-row__folder-row--active .library-tabs-row__folder-action-btn:hover{color:#fff;background:color-mix(in srgb, var(--fg) 15%, transparent)}.library-tabs-row__folder-row--active .library-tabs-row__folder-action-btn--danger:hover{color:#fca5a5;background:#ef444433}.library-tabs-row__folder-link{min-width:0;color:var(--fg);flex:1;align-items:center;gap:10px;padding:10px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.library-tabs-row__folder-icon{color:var(--fg-muted);flex-shrink:0}.library-tabs-row__folder-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-tabs-row__folder-actions{gap:2px;padding-right:4px;display:flex}.library-tabs-row__folder-action-btn{width:36px;height:36px;color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.library-tabs-row__folder-action-btn:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 10%, transparent)}.library-tabs-row__folder-action-btn--danger:hover{color:#ef4444;background:#ef44441a}.library-tabs-row__modal-form{flex-direction:column;gap:.75rem;display:flex}.library-tabs-row__modal-input{border:1.5px solid color-mix(in srgb, var(--fg) 15%, transparent);background:color-mix(in srgb, var(--bg-raised) 30%, transparent);width:100%;color:var(--fg);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:1rem;transition:border-color .15s}.library-tabs-row__modal-input:focus{border-color:var(--accent,#0078b1)}.library-tabs-row__modal-error{color:#ef4444;margin:0;font-size:.8125rem}.library-tabs-row__modal-message{color:var(--fg-muted);margin:0 0 1rem;font-size:.9375rem;line-height:1.5}.library-tabs-row__modal-message strong{color:var(--fg)}.library-tabs-row__modal-actions{gap:.5rem;display:flex}.library-tabs-row__modal-btn-secondary{background:color-mix(in srgb, var(--fg) 10%, transparent);color:var(--fg);cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .15s}.library-tabs-row__modal-btn-secondary:hover{opacity:.9}.library-tabs-row__modal-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .15s}.library-tabs-row__modal-btn-danger:disabled{opacity:.5;cursor:not-allowed}.library-tabs-row__modal-btn-danger:not(:disabled):hover{opacity:.9}.library-tabs-row__apply-btn{background:var(--accent,#0078b1);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:1rem;padding:12px;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .15s}.library-tabs-row__apply-btn:hover{opacity:.9}@media (max-width:899px){#library-value-portal{margin-top:1.25rem}}.library-tabs{background:color-mix(in srgb, var(--bg-raised) 30%, transparent);border:1.5px solid color-mix(in srgb, var(--fg) 15%, transparent);border-radius:10px;align-items:center;width:fit-content;display:flex;overflow:hidden}@media (min-width:900px){.library-tabs{display:none}}.library-tabs__tab{color:var(--fg-muted);justify-content:center;align-items:center;padding:8px 20px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.library-tabs__tab:hover:not(.library-tabs__tab--active){background:color-mix(in srgb, var(--fg) 6%, transparent)}.library-tabs__tab--active{background:var(--accent,#0078b1);color:#fff}
