.collection-view{box-sizing:border-box;height:100%;padding:56px 40px 48px;overflow:auto}.collection-view>*{max-width:960px;margin-inline:auto}.collection-bar{margin-bottom:33px}.collection-bar-line{align-items:center;gap:16px;min-height:32px;display:flex}.collection-bar h1{white-space:nowrap;text-overflow:ellipsis;color:#f5f5f5;flex:1;min-width:0;margin:0;font:400 24px/32px Georgia,serif;overflow:hidden}:root[data-reference-fonts=true] .collection-bar h1{font-optical-sizing:auto;font-family:Claudex Reference Serif,Georgia,serif}.collection-bar-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.collection-icon{color:#f3f3f3;width:32px;height:32px;transition:background var(--motion-fast) var(--ease-out), var(--press-release);border-radius:8px;place-items:center;display:grid}.collection-icon:hover,.collection-icon[aria-expanded=true],.collection-icon.open{background:#262626}.collection-icon:active:not(:disabled){scale:var(--press-scale);transition:background var(--motion-fast) var(--ease-out), scale var(--motion-fast) ease-out}.collection-secondary,.collection-primary{white-space:nowrap;height:32px;transition:background var(--motion-fast) var(--ease-out), var(--press-release);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex}.collection-secondary{color:#f3f3f3;background:#2c2c2c;margin-left:8px}.collection-secondary+.collection-secondary{margin-left:0}.collection-secondary:hover,.collection-secondary[aria-expanded=true]{background:#343434}.collection-primary{color:#050505;background:#fff;margin-left:4px}.collection-primary:hover{background:#e8e8e6}.collection-secondary:active:not(:disabled),.collection-primary:active:not(:disabled){scale:var(--press-scale);transition:background var(--motion-fast) var(--ease-out), scale var(--motion-fast) ease-out}.collection-primary:disabled,.collection-secondary:disabled{opacity:var(--opacity-disabled);cursor:default}.collection-secondary svg,.collection-primary svg{flex-shrink:0}.collection-search{color:#8e8e8c;width:min(280px,36vw);height:32px;animation:collection-search-in .14s var(--ease-out);background:#1c1c1c;border:1px solid #3b3b3b;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.collection-search:focus-within{border-color:#5a5a5a}.collection-search input{min-width:0;box-shadow:none;color:#f5f5f5;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:14px}.collection-search input:focus{box-shadow:none;border:0}@keyframes collection-search-in{0%{opacity:0;width:32px}}.collection-empty-note{text-align:center;color:#8e8e8c;margin:0;padding:84px 0 56px;font-size:13px;line-height:20px}@media (width<=720px){.collection-view{padding:48px 20px 40px}.collection-secondary,.collection-primary{padding:0 10px}}:root[data-theme=light] .collection-bar h1{color:#0b0b0b}:root[data-theme=light] .collection-icon{color:#52514e}:root[data-theme=light] .collection-icon:hover,:root[data-theme=light] .collection-icon[aria-expanded=true]{background:#ebebe9}:root[data-theme=light] .collection-secondary{color:#0b0b0b;background:#fdfdfc;box-shadow:inset 0 0 0 1px #e5e5e3}:root[data-theme=light] .collection-secondary:hover{background:#f3f3f1}:root[data-theme=light] .collection-primary{color:#fff;background:#0b0b0b}:root[data-theme=light] .collection-primary:hover{background:#2e2e2c}:root[data-theme=light] .collection-search{background:#fff;border-color:#dcdcda}:root[data-theme=light] .collection-search:focus-within{border-color:#4d80d0}:root[data-theme=light] .collection-search input{color:#0b0b0b}.modal:has(.rename-form){width:398px;padding:22px 24px 23px}.modal:has(.rename-form)>header{margin:-3px 0 0}.modal:has(.rename-form)>header .icon-button{display:none}.modal .rename-form input{background:#2a2a2a}:root[data-theme=light] .modal .rename-form input{background:#fff}.modal:has(.rename-form) h2{font-size:20px;font-weight:600;line-height:normal}.rename-form input,.rename-form input:focus{border-radius:8px;height:33px;margin-top:13px;padding:0 12px;font-size:14px}.rename-form input:focus{border-color:#4d80d0;box-shadow:0 0 0 1px #4d80d059}.rename-actions{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.rename-actions>button{border-radius:8px;height:31px;padding:0 12px;font-size:14px}.rename-actions>.rename-cancel{color:#f0f0ee;background:#333}.rename-actions>.rename-save{color:#0b0b0b;background:#fff}:root[data-theme=light] .rename-actions>.rename-cancel{color:#0b0b0b;background:#fff;border:1px solid #e0e0de}:root[data-theme=light] .rename-actions>.rename-save{color:#fff;background:#0b0b0b}.page-menu{z-index:200;box-sizing:border-box;background:#20201e;border:1px solid #353535;border-radius:12px;outline:none;padding:4px;position:fixed;box-shadow:0 8px 24px #0006}.page-menu>button{text-align:left;white-space:nowrap;color:#f4f4f2;border-radius:8px;align-items:center;gap:9px;width:100%;height:32px;padding:0 12px;font-size:14px;display:flex}.page-menu>button:has(>svg:first-child){padding-inline:10px}.page-menu>button>span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.page-menu>button.active{background:#2e2e2c}.page-menu>button>svg{color:#dcdcd9;flex-shrink:0}.page-menu>button.danger,.page-menu>button.danger>svg{color:#d19194}.page-menu>button>.page-menu-check{color:#80a6e3}.page-menu>button:disabled{opacity:.4}.page-menu-heading{color:#959591;height:28px;padding:0 12px;font-size:13px;line-height:28px}.page-menu>hr{background:#353535;border:0;height:1px;margin:4px 8px}:root[data-theme=light] .page-menu{background:#fff;border-color:#e4e4e2;box-shadow:0 12px 28px #0002}:root[data-theme=light] .page-menu>button,:root[data-theme=light] .page-menu>button>svg{color:#0b0b0b}:root[data-theme=light] .page-menu>button.active{background:#f0f0ee}:root[data-theme=light] .page-menu>button>.page-menu-check{color:#4d80d0}:root[data-theme=light] .page-menu>button.danger,:root[data-theme=light] .page-menu>button.danger>svg{color:#6a2f31}:root[data-theme=light] .page-menu-heading{color:#898781}:root[data-theme=light] .page-menu>hr{background:#ececea}.collection-icon.filtered{color:#7dacec;background:#22324a}:root[data-theme=light] .collection-icon.filtered{color:#47698e;background:#cce4fe}:root[data-theme=light] .collection-empty-note{color:#898781}:root[data-theme=light] .collection-secondary.danger:not(:disabled){color:#b9403b}