/* Neutral workspace and global search: final shell geometry and color tokens. */
:root { --ui-text:#232426; --ui-muted:#85868a; --ui-border:#ededee; --ui-soft:#f5f5f6; --workspace-sidebar:232px; --workspace-header:84px; }
.library-site-preview--more .library-site-preview__image { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; background:#f1f1f4; }
.more-sites-count { color:#5f6068; font-size:23px; font-weight:550; letter-spacing:-.04em; }
.more-sites-label { color:#92939a; font-size:10px; }
.library-site-preview--more:hover .library-site-preview__image { background:#e9e9ee; border-color:#dddde4; }
.library-page-header.shared-lib-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:22px; max-width:var(--workspace-content-max); margin:0 auto 30px; padding:0; background:transparent; border:0; border-radius:0; text-align:left; }
.shared-library-heading h1 { margin:6px 0 8px; font-size:28px; letter-spacing:-.04em; font-weight:600; }
.shared-library-heading .workspace-caption { margin:0; }
.shared-library-creator { color:#8b8c92; font-size:12px; text-decoration:none; }
.shared-lib-header .library-page-actions { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin:0; }
.shared-lib-header .glyph-item, .shared-lib-header .glyph-label { color:#898a91; }
.shared-lib-header .glyph-item svg { stroke:currentColor; }
@media(max-width:760px) {
 .library-page-header.shared-lib-header { align-items:flex-start; flex-direction:column; gap:18px; }
 .shared-library-heading h1 { font-size:24px; }
 .shared-lib-header .library-page-actions { gap:12px; }
}
.acct-manage__btn, .auth-btn--primary, .ui-button { background:#252629; border-color:#252629; color:white; }
.acct-manage__btn:hover, .auth-btn--primary:hover, .ui-button:hover { background:#414247; border-color:#414247; }
.header { grid-template-columns:minmax(0,1fr) minmax(240px,520px) minmax(0,1fr); gap:28px; min-height:84px; }
.header > .ui-brand { justify-self:start; }
.header > .dock-panel { justify-self:end; }
.app-search.search-bar { background:#f4f4f5; }
.app-search.search-bar:hover { background:#eeeeef; }
.app-search.search-bar:focus-within { outline:none; }
.app-search.search-bar.search-keyboard-focus:focus-within { outline:2px solid #85858d; outline-offset:3px; }
.app-search.search-dialog-trigger .search-submit { display:none; }
.app-search .has-animated-hint::placeholder { color:transparent; }
.search-hint { position:absolute; left:44px; right:20px; overflow:hidden; pointer-events:none; color:#71717a; font-size:14px; line-height:24px; }
.search-hint[hidden] { display:none; }
.search-hint > span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.app-search #search-query { cursor:text; }
.top-view, .top-view.edit-page-background, .library-sidebar, .acct-manage__nav { background:#fff; }
.library-sidebar { padding:28px 14px; border:0; }
.library-sidebar-heading { text-transform:uppercase; font-size:10px; letter-spacing:.09em; color:#9b9ca0; margin-bottom:12px; }
.library-count { color:#999a9d; background:#f4f4f5; }
.library-sidebar .tab-trigger { color:#737478; padding:10px 13px; min-height:40px; border:0; border-radius:9px; font-size:12px; }
.library-sidebar .tab-trigger:hover { color:#252629; background:#f7f7f8; }
.library-sidebar .tab-trigger--active { background:#f0f0f2; color:#202124; font-weight:600; }
.library-sidebar .tab-trigger svg, .library-sidebar .tab-trigger--active svg { color:#87888c; }
.library-sidebar .library-manage-trigger { color:#808185; font-size:12px; margin-top:16px; }
.library-sidebar .library-manage-trigger:hover { background:#f6f6f7; color:#232426; }
.library-sidebar-note { display:none; }
body:has(.library-sidebar) .library-interactive-root { padding:36px clamp(28px,5vw,80px); }
.workspace-intro { margin-bottom:26px; align-items:center; }
.workspace-intro h1 { font-size:28px; font-weight:600; letter-spacing:-.04em; margin-bottom:8px; color:#202124; }
.workspace-intro p { color:#88898d; }
.workspace-caption, .workspace-breadcrumb { color:#a0a1a5 !important; }
.workspace-intro .workspace-view, .library-modal__button--primary { background:#252629; border-color:#252629; color:#fff; }
.workspace-action, .workspace-icon-button { color:#747579; border-color:#e8e8ea; border-radius:8px; }
.workspace-action:hover, .workspace-icon-button:hover { color:#242528; background:#f4f4f5; border-color:#dedee0; }
.workspace-inbox, .cnt-inbox.workspace-inbox { border:0; border-radius:12px; background:#f8f8f9; margin-bottom:30px; }
.workspace-inbox-toggle { color:#77787d; padding:14px 16px; }
.workspace-inbox-toggle:hover { background:#f2f2f4; }
.workspace-inbox .inbox-title, .workspace-inbox small, .workspace-inbox .ui-icon, .inbox-explanation { color:#85868a; }
.workspace-bookcase.bookcase-row, .workspace-bookcase.drag-bookcase { border:1px solid #e8e8eb; margin:0 0 24px; padding:0; border-radius:14px; background:#f6f6f7; }
.workspace-bookcase > .bookcase-name, .workspace-bookcase.drag-bookcase .bookcase-name:hover { background:transparent; border:0; border-radius:14px; padding:20px; gap:12px; color:#303135; }
.workspace-bookcase > .cnt-bookshelf { padding:0 16px 16px 36px; }
.workspace-shelf.bookshelf-row, .workspace-shelf.drag-bookshelf { border:1px solid #e2e2e6; background:#fff; padding:0; margin:0 0 12px; border-radius:10px; }
.workspace-shelf:last-child { margin-bottom:0; }
.workspace-shelf > .bookshelf-name, .workspace-shelf.drag-bookshelf .bookshelf-name:hover { padding:14px 16px; background:transparent; border:0; border-radius:10px; color:#45464b; gap:10px; }
.workspace-bookcase > .bookcase-name .workspace-level-icon { width:40px; height:44px; background:#fff; border:1px solid #e2e2e6; }
.workspace-bookcase > .bookcase-name h2 { font-size:22px; letter-spacing:-.025em; }
.workspace-shelf > .sites > .cnt-sites { padding:0 12px 8px; }
.workspace-shelf .workspace-site.site-card, .workspace-shelf .workspace-site.drag-site { border-radius:0; border-color:#ededf0; }
.workspace-bookcase [data-disclosure-panel] { box-sizing:border-box; }
@media (max-width:640px) {
 .workspace-bookcase > .bookcase-name, .workspace-bookcase.drag-bookcase .bookcase-name:hover { padding:16px 12px; }
 .workspace-bookcase > .cnt-bookshelf { padding:0 10px 10px; }
 .workspace-shelf > .bookshelf-name, .workspace-shelf.drag-bookshelf .bookshelf-name:hover { padding:12px 8px; gap:7px; }
 .workspace-shelf > .sites > .cnt-sites { padding:0 4px 6px; }
}
@media (prefers-reduced-motion:reduce) { .group-toggle svg { transition:none; } }
.workspace-level-icon { width:30px; height:30px; background:#f3f3f5; color:#84858a; border-radius:8px; }
.workspace-level-icon .ui-icon { width:18px; height:18px; color:#84858a; }
.workspace-heading h2 { font-size:18px; color:#303135; }
.workspace-heading h3 { font-size:14px; color:#56575b; }
.workspace-heading .group-count { color:#a0a1a5; font-size:11px; }
.group-toggle { color:#a1a2a6; width:26px; }
.group-toggle:hover { background:#f1f1f3; color:#45464b; }
.workspace-site.site-card, .workspace-site.drag-site { background:#fff; border-color:#f0f0f2; padding:12px 14px; border-radius:10px; }
.workspace-site.site-card:hover, .workspace-site.drag-site:hover { background:#fafafb; border-color:#e8e8eb; box-shadow:none; }
.workspace-site .site-row-title, .inline-name-trigger { color:#48494e; }
.workspace-site .site-domain, .site-grip, .site-external { color:#98999e; }
.workspace-site-image { background:#f5f5f7; border-color:#efeff1; }
.workspace-menu-panel { border-color:#e9e9ec; box-shadow:0 10px 35px #0000000d; }
.workspace-menu-panel a, .workspace-menu-panel button { color:#65666c; }
.workspace-menu-panel a:hover, .workspace-menu-panel button:hover { background:#f4f4f6; }
.workspace-add-site.add-site-button, .workspace-bookcase .add-bookshelf-button { color:#93949a; }
.bookcases-tree__add .add-bookcase-button { border-color:#e5e5e8; color:#7e7f85; }
.library-modal, .library-modal__actions { border-color:#ececef; }
.library-modal__hint, .library-modal__label, .manager-footer p { color:#85868b; }
.library-manager-symbol, .library-visibility { background:#f4f4f6; color:#898a90; }
.library-manager-row { border-color:#ececef; }
.library-manager-name { color:#3e3f44; }
.library-manager-detail p, .library-manager-meta, .manager-add, .manager-edit, .library-order-actions button { color:#898a90; }
.acct-manage__nav-link { color:#737478; }
.acct-manage__nav-link.is-active { background:#f0f0f2; color:#26272b; }
.acct-manage__nav-link:hover { background:#f5f5f7; }
.card-action, button.card-action.subscribe-button { background:#f3f3f5; color:#5c5d63; }
.card-action:hover, button.card-action.subscribe-button:hover { background:#eaeaee; color:#292a2e; }
.site-initial { color:#7b7c82; }
.library-site-preview__image, .library-site-preview:nth-child(2n) .library-site-preview__image, .library-site-preview:nth-child(3n) .library-site-preview__image { background:#f6f6f8; border-color:#f0f0f2; }
.library-page-subject a { background:#f5f5f7; color:#929399; }
.ui-empty, .ui-feature-grid section { background:#fafafb; border-color:#ededf0; }
:where(a,button,input,select,textarea):focus-visible { outline-color:#85858d; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.search-is-open { overflow:hidden; }
.search-dialog { position:fixed; inset:0; top:11vh; bottom:auto; width:min(800px,calc(100vw - 40px)); max-width:none; max-height:78vh; margin:0 auto; padding:0; border:1px solid #ffffff16; border-radius:24px; color:#f2f2f4; background:rgba(43,44,47,.94); backdrop-filter:blur(28px); box-shadow:0 35px 110px #0000003a; overflow:hidden; }
.search-dialog::backdrop { background:rgba(35,36,40,.12); backdrop-filter:blur(5px); }
.search-dialog[open] { animation:none; }
.search-dialog__input-row { display:flex; align-items:center; gap:14px; padding:23px 26px; }
.search-dialog__input-row > .ui-icon { color:#b5b5bc; width:20px; height:20px; }
.search-dialog #dialog-search-input { flex:1; min-width:0; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; outline:0; color:#fff; height:30px; font:400 16px/1.5 system-ui,sans-serif; }
.search-dialog #dialog-search-input::placeholder { color:#a6a6ae; }
.search-dialog__close { border:1px solid #ffffff15; border-radius:6px; background:transparent; color:#b1b1b9; font-size:10px; padding:4px 6px; }
.search-dialog__body { display:grid; grid-template-columns:170px minmax(0,1fr); gap:14px; padding:0 18px 20px; min-height:350px; }
.search-dialog__types { display:flex; flex-direction:column; gap:5px; padding-top:7px; }
.search-dialog__types button { display:flex; align-items:center; gap:10px; width:100%; padding:11px 12px; color:#c6c6cd; background:transparent; border:0; border-radius:10px; text-align:left; font-size:12px; }
.search-dialog__types button .ui-icon { color:#aaaab3; width:16px; height:16px; }
.search-dialog__types button[aria-pressed="true"], .search-dialog__types button:hover { background:#ffffff0e; color:#fff; }
.search-dialog__results { max-height:calc(78vh - 142px); min-height:300px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#ffffff25 transparent; padding:6px 0 0; }
#quick-search-status { font-size:11px; color:#a3a3ad; margin:5px 10px 16px; }
#quick-search-results h3 { color:#a8a8b1; font-size:11px; font-weight:500; letter-spacing:0; margin:18px 10px 8px; }
#quick-search-results section:first-child h3 { margin-top:0; }
.quick-result { display:flex; align-items:center; gap:12px; border-radius:12px; padding:10px; text-decoration:none; color:white; }
.quick-result:hover, .quick-result.is-active, .quick-result:focus-visible { color:white; background:#ffffff12; text-decoration:none; }
.quick-result__symbol { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:10px; background:#ffffff13; color:#e2e2e9; font-size:16px; font-weight:500; }
.quick-result__copy { display:flex; min-width:0; flex-direction:column; gap:3px; }
.quick-result__copy strong { font-size:13px; font-weight:500; color:#f4f4f7; }
.quick-result__copy small { font-size:11px; color:#aaaab4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:340px; }
.quick-result__type { margin-left:auto; color:#92929d; font-size:10px; padding-left:10px; }
.search-dialog__footer { display:flex; justify-content:space-between; gap:16px; padding:14px 24px; border-top:1px solid #ffffff08; color:#9797a2; font-size:10px; }
.search-dialog__footer kbd { font:inherit; padding:2px 4px; margin-right:3px; color:#b8b8c2; border:1px solid #ffffff14; border-radius:4px; }
@media(max-width:1100px) { .header { grid-template-columns:minmax(0,1fr) minmax(200px,34vw) minmax(0,1fr); gap:14px; } .dock-panel { gap:0; } .dock-panel .dock-item,.dock-panel > .glyph-item { font-size:11px; padding:8px 6px; } }
@media(max-width:760px) {
 .header { grid-template-columns:1fr auto; }
 .header > div { grid-column:1/-1 !important; grid-row:2 !important; }
 .search-dialog { top:24px; width:calc(100vw - 24px); max-height:calc(100dvh - 48px); border-radius:18px; }
 .search-dialog__input-row { padding:18px; gap:10px; }
 .search-dialog #dialog-search-input { font-size:16px; }
 .search-dialog__body { display:flex; flex-direction:column; padding:0 12px 16px; gap:12px; min-height:320px; }
 .search-dialog__types { flex-direction:row; overflow:auto; gap:4px; padding:0; scrollbar-width:none; }
 .search-dialog__types::-webkit-scrollbar { display:none; }
 .search-dialog__types button { flex:1; justify-content:center; width:auto; font-size:11px; padding:8px 5px; gap:5px; }
 .search-dialog__types button .ui-icon { display:none; }
 .search-dialog__results { max-height:calc(100dvh - 245px); }
 .quick-result__copy small { max-width:200px; }
 .quick-result__type { display:none; }
 .search-dialog__footer { padding:12px 18px; }
 .search-dialog__footer > span:first-child { display:none; }
 body:has(.library-sidebar) .library-interactive-root { padding:24px 20px; margin-left:0; }
 .library-sidebar { background:#fff; }
}
@media(prefers-reduced-motion:reduce) { .search-dialog[open] { animation:none; } }

/* Persistent AI conversation workspace. */
.sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.library-modal.library-modal--ai_assist { width:min(1440px,calc(100vw - 40px)); height:min(900px,calc(100dvh - 40px)); max-width:calc(100vw - 40px); max-height:calc(100dvh - 40px); padding:0; overflow:hidden; background:#fff; border-color:#e6e6e8; border-radius:18px; }
/* Plan prompts remain compact, including below the mobile chat breakpoint. */
.library-modal.library-modal--ai_assist.library-modal--plan-gate {
 width:440px; min-width:0; height:fit-content; min-height:0; margin:auto;
 max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px);
 padding:28px; overflow:auto; border:1px solid #e6e6e8; border-radius:18px;
}
.library-modal--plan-gate .plan-gate--ai { padding:0; }
.library-modal--plan-gate .paywall-close { top:-12px; right:-12px; }
.library-modal--plan-gate .plan-gate__icon { margin-bottom:20px; }
.library-modal--plan-gate .library-modal__title { margin-top:0; line-height:1.3; }
.ai-agent-shell { position:relative; display:grid; grid-template-columns:230px minmax(480px,1fr) 310px; height:100%; min-height:0; overflow:hidden; background:#fff; }
.ai-agent-sidebar, .ai-chat-panel, .ai-sources-panel { min-width:0; min-height:0; }
.ai-agent-sidebar { display:flex; flex-direction:column; padding:28px 18px 20px; background:#fafafa; border-right:1px solid #e9e9eb; }
.ai-new-chat { display:flex; align-items:center; gap:11px; width:100%; padding:9px 10px; border:0; border-radius:8px; background:transparent; color:#292a2d; font-weight:560; text-align:left; }
.ai-new-chat:hover { background:#f0f0f1; }
.ai-new-chat .ui-icon { width:18px; height:18px; color:#707176; }
.ai-history-heading { display:flex; align-items:center; justify-content:space-between; min-height:34px; margin:28px 8px 6px; color:#96979c; font-size:12px; }
.ai-history-search { display:flex; flex:1; align-items:center; justify-content:flex-end; min-width:0; }
.ai-history-search input { width:0 !important; min-width:0; height:30px; margin:0; padding:0 !important; opacity:0; border:0 !important; box-shadow:none !important; background:transparent !important; font-size:12px; }
.ai-history-search.is-open input { width:100% !important; padding:5px 7px !important; opacity:1; }
.ai-history-search.is-open + * { display:none; }
.ai-history-search button { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; padding:0; border:0; border-radius:7px; background:transparent; color:#85868b; }
.ai-history-search button:hover { background:#ededee; color:#303135; }
.ai-history-search .ui-icon { width:16px; height:16px; }
.ai-history-list { flex:1; min-height:0; overflow-y:auto; margin:0 -8px; padding:0 8px 18px; scrollbar-width:thin; }
.ai-history-list button { display:block; width:100%; padding:9px 8px; border:0; border-radius:7px; background:transparent; color:#55565b; font-size:13px; line-height:1.35; text-align:left; }
.ai-history-list button span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ai-history-list button:hover { background:#f0f0f1; color:#252629; }
.ai-history-list button.is-active { background:#ebebed; color:#202124; font-weight:570; }
.ai-history-empty { margin:8px; color:#a0a1a5; font-size:12px; line-height:1.5; }
.ai-usage { display:flex; align-items:center; gap:9px; padding:16px 8px 0; border-top:1px solid #e7e7e9; color:#6f7075; font-size:11px; }
.ai-usage strong { color:inherit; font-weight:600; }
.ai-usage-mark { width:16px; height:16px; border-radius:50%; background:conic-gradient(#727c6e 0 82%,#dedfe0 82%); }
.ai-chat-panel { position:relative; display:flex; flex-direction:column; background:#fff; }
.ai-chat-header { display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; min-height:86px; padding:20px 28px; border-bottom:1px solid #ececee; }
.ai-chat-header h3, .ai-sources-panel h3 { margin:0; color:#252629; font-size:16px; font-weight:620; letter-spacing:-.025em; }
.ai-chat-header p { margin:5px 0 0; color:#93949a; font-size:11px; }
.ai-chat-header p span { margin:0 4px; color:#b1b2b6; }
.ai-chat-header-actions { display:flex; align-items:center; gap:6px; }
.ai-agent-close, .ai-sources-close { display:grid; place-items:center; width:34px; height:34px; padding:0; border:0; border-radius:8px; background:transparent; color:#5f6065; }
.ai-agent-close:hover, .ai-sources-close:hover { background:#f2f2f3; color:#252629; }
.ai-agent-close .ui-icon, .ai-sources-close .ui-icon { width:19px; height:19px; }
.ai-mobile-sources, .ai-sources-close { display:none; }
.ai-chat-scroll { flex:1; min-height:0; overflow-y:auto; padding:28px clamp(28px,5vw,72px) 20px; scroll-behavior:smooth; }
.ai-chat-welcome { max-width:470px; margin:clamp(70px,14vh,140px) auto 0; text-align:center; }
.ai-chat-welcome .ai-assistant-avatar { margin:0 auto 18px; }
.ai-chat-welcome h4 { margin:0 0 8px; color:#292a2e; font-size:18px; font-weight:600; letter-spacing:-.025em; }
.ai-chat-welcome p { margin:0; color:#8a8b90; font-size:13px; line-height:1.65; }
.ai-chat-loading { margin:80px auto; color:#8a8b90; text-align:center; }
.ai-chat-turn { display:grid; gap:24px; max-width:820px; margin:0 auto 34px; }
.ai-user-message { justify-self:end; max-width:min(82%,620px); padding:11px 15px; border-radius:18px 18px 5px 18px; background:#f1f1ef; color:#303135; }
.ai-user-message p { margin:0; white-space:pre-wrap; }
.ai-assistant-message { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:start; gap:12px; color:#333439; }
.ai-assistant-avatar { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:50%; background:#727c6e; color:#fff; }
.ai-assistant-avatar .ui-icon { width:16px; height:16px; }
.ai-answer { margin:2px 0 0; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.ai-answer > :first-child { margin-top:0; }
.ai-answer > :last-child { margin-bottom:0; }
.ai-answer p { margin:0 0 14px; }
.ai-answer h3, .ai-answer h4, .ai-answer h5 { margin:20px 0 8px; color:#2d2e32; font-size:14px; font-weight:650; letter-spacing:-.015em; }
.ai-answer ul, .ai-answer ol { margin:8px 0 16px; padding-left:22px; }
.ai-answer li { margin:4px 0; padding-left:2px; }
.ai-answer blockquote { margin:14px 0; padding:2px 0 2px 14px; border-left:2px solid #cfd3cc; color:#666a65; }
.ai-answer a { color:#3f5d49; text-decoration:underline; text-decoration-color:#9dac9d; text-underline-offset:3px; }
.ai-answer code { padding:2px 5px; border:1px solid #e4e4e6; border-radius:5px; background:#f5f5f6; font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }
.ai-answer pre { max-width:100%; margin:14px 0; padding:14px 16px; overflow-x:auto; border:1px solid #e2e2e4; border-radius:10px; background:#f7f7f8; }
.ai-answer pre code { padding:0; border:0; background:transparent; }
.ai-answer hr { margin:20px 0; }
.ai-markdown-table { max-width:100%; margin:14px 0; overflow-x:auto; border:1px solid #e4e4e6; border-radius:9px; }
.ai-markdown-table table { width:100%; border-collapse:collapse; font-size:12px; }
.ai-markdown-table th, .ai-markdown-table td { padding:8px 10px; border-bottom:1px solid #e9e9eb; text-align:left; vertical-align:top; }
.ai-markdown-table th { background:#f7f7f8; font-weight:620; }
.ai-markdown-table tbody tr:last-child td { border-bottom:0; }
.ai-citation { display:inline-flex; align-items:center; min-height:18px; padding:0 5px; border-radius:5px; background:#eef0ec; color:#5f6b5b; font-size:10px; font-weight:650; vertical-align:1px; }
.ai-answer--error { color:#9a3e35; }
.ai-stream-status { margin:4px 0 0; color:#8b8c91; font-size:12px; opacity:.5; animation:ai-pulse 900ms ease-in-out infinite alternate; }
.ai-stream-cursor { display:inline-block; width:2px; height:15px; margin-left:3px; border-radius:2px; background:#788273; vertical-align:-2px; animation:ai-cursor 720ms steps(2,end) infinite; }
@keyframes ai-pulse { to { opacity:1; } }
@keyframes ai-cursor { 50% { opacity:0; } }
.ai-jump-latest { position:absolute; z-index:2; right:clamp(28px,5vw,72px); bottom:142px; min-height:34px; padding:7px 12px; border:1px solid #dedee1; border-radius:999px; background:#fff; color:#606166; box-shadow:0 5px 18px #20212416; font-size:11px; }
.ai-jump-latest:hover { background:#f6f6f7; color:#292a2e; }
.ai-chat-error, .ai-chat-unavailable { flex:0 0 auto; margin:0 clamp(28px,5vw,72px) 10px; padding:9px 12px; border:1px solid #f0d9d4; border-radius:8px; background:#fff7f5; color:#963b32; font-size:12px; }
.ai-chat-unavailable { border-color:#e3e3e5; background:#f7f7f8; color:#74757a; }
.ai-composer { flex:0 0 auto; margin:0 clamp(28px,5vw,72px); padding:12px 12px 10px 16px; border:1px solid #dedee1; border-radius:15px; background:#fff; box-shadow:0 6px 22px #2021240a; }
.ai-composer:focus-within { border-color:#a5a6aa; box-shadow:0 0 0 3px #2526290a,0 8px 28px #2021240d; }
.ai-composer textarea { display:block; width:100%; min-height:48px; max-height:150px; margin:0 !important; padding:0 !important; resize:none; border:0 !important; border-radius:0 !important; outline:0 !important; box-shadow:none !important; background:transparent !important; color:#292a2e; font-size:14px; line-height:1.5; }
.ai-composer textarea::placeholder { color:#a3a4a9; }
.ai-composer-tools { display:flex; align-items:center; justify-content:space-between; margin-top:7px; }
.ai-composer-source-button { display:flex; align-items:center; gap:7px; min-height:30px; padding:5px 8px; border:0; border-radius:7px; background:transparent; color:#6e6f74; font-size:11px; }
.ai-composer-source-button:hover { background:#f3f3f4; color:#303135; }
.ai-composer-source-button .ui-icon { width:16px; height:16px; }
.ai-send-button { display:grid; place-items:center; width:36px; height:36px; padding:0; border:0; border-radius:11px; background:#252629; color:#fff; }
.ai-send-button:hover:not(:disabled) { background:#414247; }
.ai-send-button:disabled { background:#e5e5e7; color:#a8a9ad; opacity:1; }
.ai-send-button .ui-icon { width:18px; height:18px; stroke-width:2; }
.ai-composer-hint { flex:0 0 auto; margin:7px clamp(28px,5vw,72px) 13px; color:#a1a2a7; font-size:10px; text-align:right; }
.ai-sources-panel { display:flex; flex-direction:column; padding:28px 20px 20px; border-left:1px solid #e9e9eb; background:#fcfcfc; }
.ai-sources-panel > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin:10px 4px 20px; }
.ai-sources-panel > header p { margin:5px 0 0; color:#8b8c91; font-size:11px; line-height:1.45; }
.ai-source-list { flex:1; min-height:0; overflow-y:auto; margin:0 -4px; padding:0 4px 12px; scrollbar-width:thin; }
.ai-source-row { position:relative; display:grid; grid-template-columns:18px 44px minmax(0,1fr); align-items:center; gap:10px; min-height:62px; margin:0 0 8px; padding:8px 10px; border:1px solid #e6e6e8; border-radius:10px; background:#fff; cursor:pointer; opacity:.58; }
.ai-source-row:hover { border-color:#cbcbcf; opacity:.82; }
.ai-source-row.is-selected { opacity:1; }
.ai-source-row input { position:absolute; width:1px; height:1px; opacity:0; }
.ai-source-row input:focus-visible + .ai-source-check { outline:2px solid #617965; outline-offset:2px; }
.ai-source-check { display:grid; place-items:center; width:16px; height:16px; border:1px solid #c7c8ca; border-radius:4px; background:#fff; color:transparent; }
.ai-source-row.is-selected .ai-source-check { border-color:#747e70; background:#747e70; color:#fff; }
.ai-source-check .ui-icon { width:12px; height:12px; stroke-width:2.2; }
.ai-source-row img { width:44px; height:34px; object-fit:contain; border:1px solid #efeff0; border-radius:6px; background:#fff; }
.ai-source-copy { min-width:0; }
.ai-source-copy strong, .ai-source-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ai-source-copy strong { color:#414247; font-size:11px; font-weight:560; }
.ai-source-copy small { margin-top:3px; color:#98999e; font-size:10px; }
.ai-source-empty { color:#929398; font-size:12px; }
.ai-source-limit { margin:0 4px 16px; color:#999a9f; font-size:10px; }
.ai-sources-panel > footer { display:flex; align-items:flex-start; gap:8px; padding:16px 4px 2px; border-top:1px solid #e7e7e9; color:#96979c; font-size:10px; }
.ai-sources-panel > footer p { margin:0; line-height:1.5; }
@media(max-width:1100px) {
 .ai-agent-shell { grid-template-columns:210px minmax(0,1fr); }
 .ai-sources-panel { position:absolute; z-index:3; top:0; right:0; bottom:0; width:min(340px,88vw); box-shadow:-18px 0 50px #20212418; transform:translateX(105%); transition:transform 180ms ease; }
 .ai-sources-panel.is-open { transform:translateX(0); }
 .ai-mobile-sources, .ai-sources-close { display:grid; }
 .ai-mobile-sources { place-items:center; min-height:34px; padding:7px 10px; border:0; border-radius:8px; background:#f3f3f4; color:#696a70; font-size:11px; }
}
@media(max-width:700px) {
 .library-modal.library-modal--ai_assist { width:100vw; height:100dvh; max-width:none; max-height:none; border:0; border-radius:0; }
 .ai-agent-shell { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); }
 .ai-agent-sidebar { display:grid; grid-template-columns:auto 1fr; gap:8px 14px; padding:10px 12px 8px; border:0; border-bottom:1px solid #e9e9eb; }
 .ai-new-chat { width:auto; padding:7px 8px; }
 .ai-history-heading { justify-content:flex-end; margin:0; }
 .ai-history-heading > span { display:none; }
 .ai-history-list { display:flex; grid-column:1/-1; gap:4px; margin:0; padding:0 0 3px; overflow-x:auto; }
 .ai-history-list button { flex:0 0 auto; width:auto; max-width:210px; padding:7px 9px; }
 .ai-history-empty { margin:5px 8px; }
 .ai-usage { display:none; }
 .ai-chat-header { min-height:68px; padding:14px 16px; }
 .ai-chat-scroll { padding:22px 16px 16px; }
 .ai-chat-welcome { margin-top:60px; }
 .ai-chat-error, .ai-chat-unavailable, .ai-composer { margin-left:12px; margin-right:12px; }
 .ai-composer-hint { display:none; }
 .ai-composer { margin-bottom:12px; }
 .ai-user-message { max-width:88%; }
 .ai-jump-latest { right:16px; bottom:108px; }
}

/* Library actions and account upload controls. */
.library-page-actions .library-subscribe-control { margin-left: 12px; }
.card-action.card-action--subscribed { background:#ececee; border-color:#e1e1e4; color:#66676d; cursor:pointer; }
.card-action.card-action--subscribed:hover { background:#e3e3e6; border-color:#d8d8dc; color:#44454a; }
.library-page-actions .card-action--subscribed .ui-icon { color:#77787e; }
.library-like-control button[aria-pressed="true"] .ui-icon { fill:#e33d56; color:#e33d56; }
.library-like-control button:active .ui-icon { transform:scale(.96); }
.library-like-control .like-confirmed .ui-icon { animation:heart-pop 280ms linear; transform-origin:center; }
@keyframes heart-pop { 0% { transform:scale(.96); } 35% { transform:scale(1.22); } 65% { transform:scale(.97); } 82% { transform:scale(1.04); } 100% { transform:scale(1); } }
.library-manager-grip { border:0; background:transparent; padding:8px; cursor:grab; color:#86868e; }
.library-manager-grip:active { cursor:grabbing; }
.library-manager-grip:focus-visible { outline:2px solid #27272a; outline-offset:3px; border-radius:6px; }
.library-modal.library-modal--help { position:fixed; inset:0; margin:auto; height:fit-content; max-height:calc(100dvh - 40px); }
.library-modal--help .help-accordion { overflow-y:auto; min-height:0; }
.acct-manage__content .upload-intro { margin:0 0 24px; max-width:620px; line-height:1.65; }
.acct-manage__content .upload-field { display:grid; gap:12px; padding:24px; border:1px solid #e4e4e7; border-radius:14px; background:#fafafa; margin:20px 0; }
.upload-field label { font-weight:600; }
.upload-field input[type="file"] { width:100%; min-width:0; padding:8px; height:auto; background:#fff; border:1px solid #dedee3; border-radius:9px; color:#64646e; font:inherit; }
.upload-field input[type="file"]::file-selector-button { padding:10px 14px; margin-right:12px; border:0; border-radius:6px; background:#ededf0; color:#27272a; font:inherit; font-weight:600; cursor:pointer; }
.upload-field input[type="file"]:focus-visible { outline:2px solid #27272a; outline-offset:3px; }
.acct-manage__form .upload-remove { display:flex; align-items:center; gap:10px; }
.acct-manage__form .upload-remove input { width:16px; height:16px; margin:0; accent-color:#27272a; }
.acct-manage__form > .acct-manage__hint { margin-bottom:20px; }
.acct-manage__form > .acct-manage__btn { margin-top:8px; }
.acct-manage__btn:disabled { opacity:.45; cursor:not-allowed; }
.members-toolbar .members-toolbar__field input, .members-toolbar .members-toolbar__field select, .members-toolbar .acct-manage__btn { height:42px; min-height:42px; box-sizing:border-box; }
.acct-manage .members-toolbar .members-toolbar__field.members-toolbar__search input[type="text"] { padding-left:38px; }
.members-toolbar .members-toolbar__icon { left:13px; top:50%; transform:translateY(-50%); width:16px; height:16px; pointer-events:none; }
.invite-link .invite-link__copy.acct-manage__btn { background:#242426; color:#fff; border:1px solid #242426; border-radius:9px; min-height:42px; padding:10px 16px; box-shadow:none; font:inherit; font-weight:600; }
.invite-link .invite-link__copy.acct-manage__btn:hover { background:#3b3b3f; }
@media(prefers-reduced-motion:reduce) { .library-like-control .like-confirmed .ui-icon { animation:none; } }
@media(max-width:600px) { .acct-manage__content .upload-field { padding:16px; } .library-page-actions { flex-wrap:wrap; } }

/* Horizontal library presentation. */
.workspace-intro-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:12px; }
.shared-lib-header .library-page-actions { row-gap:12px; }

.library-interactive-root[data-library-view="horizontal"] .workspace-bookcase.bookcase-row,
.library-interactive-root[data-library-view="horizontal"] .workspace-bookcase.drag-bookcase { display:grid; grid-template-columns:190px minmax(0,1fr); align-items:stretch; overflow:visible; background:#fff; }
.library-interactive-root[data-library-view="horizontal"] .workspace-bookcase > .bookcase-name,
.library-interactive-root[data-library-view="horizontal"] .workspace-bookcase.drag-bookcase > .bookcase-name:hover { grid-column:1; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:24px 20px; border:0; border-right:1px solid #e7e7ea; border-radius:14px 0 0 14px; background:#f6f6f7; }
.library-interactive-root[data-library-view="horizontal"] .workspace-bookcase > .bookcase-name > .group-toggle,
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf > .bookshelf-name > .group-toggle,
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf > .bookshelf-name > .workspace-level-icon { display:none; }
.library-interactive-root[data-library-view="horizontal"] .workspace-bookcase > .bookcase-name .workspace-heading { width:100%; margin-top:14px; }
.library-interactive-root[data-library-view="horizontal"] .workspace-bookcase > .bookcase-name h2 { margin-top:4px; font-size:20px; }
.library-interactive-root[data-library-view="horizontal"] .workspace-bookcase > .bookcase-name .workspace-menu { margin-top:auto; align-self:flex-end; }
.library-interactive-root[data-library-view="horizontal"] .workspace-bookcase > .cnt-bookshelf { grid-column:2; grid-row:1; display:block !important; width:auto; min-width:0; padding:0; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf.bookshelf-row,
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf.drag-bookshelf { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:stretch; min-height:104px; margin:0; border:0; border-bottom:1px solid #e9e9eb; border-radius:0; background:#fff; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf:last-child { border-bottom:0; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf > .bookshelf-name,
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf.drag-bookshelf > .bookshelf-name:hover { grid-column:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; position:relative; min-width:0; padding:18px; border:0; border-right:1px solid #eeeeef; border-radius:0; background:#fbfbfc; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf > .bookshelf-name .workspace-heading { width:100%; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf > .bookshelf-name h3 { margin:4px 0; font-size:15px; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf > .bookshelf-name .workspace-menu { position:absolute; top:7px; right:7px; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf > .sites { grid-column:2; display:block !important; min-width:0; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf > .sites > .cnt-sites { display:flex; flex-wrap:wrap; align-content:center; align-items:center; gap:8px; min-height:104px; padding:14px !important; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf .workspace-site.site-card,
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf .workspace-site.drag-site { position:relative; min-height:78px; height:78px; margin:0; overflow:visible; border:1px solid #e4e4e7; border-radius:11px; background:#fff; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf .workspace-site:not(.workspace-site--editing):not(.workspace-site--favicon) { flex:0 0 132px; display:grid; place-items:center; width:132px; min-width:132px; max-width:132px; padding:8px; gap:0; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf .workspace-site.workspace-site--favicon:not(.workspace-site--editing) { flex:0 0 174px; display:flex; align-items:center; width:174px; min-width:174px; max-width:174px; padding:10px 12px; gap:10px; }
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf .workspace-site:not(.workspace-site--editing):hover,
.library-interactive-root[data-library-view="horizontal"] .workspace-shelf .workspace-site:not(.workspace-site--editing):focus-within { border-color:#aaaab0; box-shadow:0 5px 16px #2021240d; background:#fff; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site:not(.workspace-site--editing):not(.workspace-site--favicon) .workspace-site-image { position:relative; width:100%; height:100%; min-height:0; padding:12px 16px; border:0; border-radius:9px; background:transparent; box-sizing:border-box; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site:not(.workspace-site--editing):not(.workspace-site--favicon) .workspace-site-image img { width:100%; height:100%; max-width:92px; max-height:50px; border-radius:4px; object-fit:contain; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--favicon:not(.workspace-site--editing) .workspace-site-image { position:relative; flex:0 0 42px; width:42px; height:42px; min-height:42px; padding:6px; border:1px solid #eeeeef; border-radius:9px; background:#fafafa; box-sizing:border-box; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--favicon:not(.workspace-site--editing) .workspace-site-image img { width:100%; height:100%; max-width:30px; max-height:30px; border-radius:4px; object-fit:contain; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site:not(.workspace-site--editing) .site-row-detail { display:none; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--favicon:not(.workspace-site--editing) .site-row-detail { display:block; flex:1; min-width:0; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--favicon:not(.workspace-site--editing) .site-row-title { display:-webkit-box; overflow:hidden; color:#35363a; font-size:12px; font-weight:550; line-height:1.35; text-decoration:none; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site:not(.workspace-site--editing) .site-domain,
.library-interactive-root[data-library-view="horizontal"] .workspace-site:not(.workspace-site--editing) .site-external { display:none; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site:not(.workspace-site--editing) .site-grip { position:absolute; top:7px; left:7px; z-index:3; width:25px; height:25px; padding:5px; border:1px solid #dedee2; border-radius:7px; background:#fffffff2; box-sizing:border-box; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site:not(.workspace-site--editing) .workspace-site-image::after { position:absolute; left:50%; bottom:calc(100% + 8px); z-index:20; width:max-content; max-width:210px; padding:7px 9px; border-radius:7px; background:#252629; color:#fff; box-shadow:0 5px 14px #0003; font:500 10px/1.35 system-ui,sans-serif; text-align:center; white-space:normal; pointer-events:none; opacity:0; transform:translate(-50%,3px); transition:opacity 120ms ease,transform 120ms ease; content:attr(data-tooltip); }
.library-interactive-root[data-library-view="horizontal"] .workspace-site:not(.workspace-site--editing) .workspace-site-image:hover::after,
.library-interactive-root[data-library-view="horizontal"] .workspace-site:not(.workspace-site--editing) .workspace-site-image:focus-visible::after { opacity:1; transform:translate(-50%,0); }
.shelf-inbox-toolbar[hidden], .shelf-inbox-choice[hidden] { display:none !important; }
.shelf-inbox-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:0 14px; padding:11px 0 0; color:#7b7c81; font-size:11px; }
.shelf-inbox-toolbar > div { display:flex; align-items:center; gap:7px; }
.shelf-inbox-toolbar button { min-height:32px; margin:0; padding:6px 10px; border:1px solid #dddde1; border-radius:8px; background:#fff; color:#606166; font:600 11px/1.3 system-ui,sans-serif; box-shadow:none; }
.shelf-inbox-toolbar button:hover { background:#f2f2f4; transform:none; }
.shelf-inbox-toolbar .shelf-inbox-add { display:inline-flex; align-items:center; gap:7px; border-color:#292a2e; background:#292a2e; color:#fff; }
.shelf-inbox-toolbar .shelf-inbox-add:hover { background:#414247; }
.shelf-inbox-toolbar .shelf-inbox-add:disabled { border-color:#e5e5e8; background:#e5e5e8; color:#9b9ca1; cursor:not-allowed; }
.shelf-inbox-add [data-inbox-selection-count] { display:grid; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:#ffffff26; font-size:10px; box-sizing:border-box; }
.shelf-inbox-choice { position:absolute; top:7px; right:7px; z-index:4; display:grid; place-items:center; width:23px; min-width:23px; height:23px; min-height:23px; margin:0; padding:0; border:1.5px solid #c8c9ce; border-radius:50%; background:#fffffff2; color:#fff; box-shadow:0 1px 4px #2021240c; cursor:pointer; }
.shelf-inbox-choice:hover { border-color:#6d6e74; background:#fff; transform:none; }
.shelf-inbox-choice[aria-pressed="true"] { border-color:#292a2e; background:#292a2e; }
.shelf-inbox-choice[aria-pressed="true"]::after, .shelf-inbox-choice--saved::after { width:8px; height:4px; border-left:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-1px) rotate(-45deg); content:""; }
.shelf-inbox-choice--saved:disabled { border-color:#d6d6da; background:#eeeeef; color:#999a9f; opacity:1; cursor:default; }
.workspace-site--inbox-selected { border-color:#292a2e !important; box-shadow:0 0 0 2px #292a2e12 !important; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--editing { flex:0 1 190px; display:flex; align-items:center; width:auto; min-width:170px; max-width:230px; height:auto; min-height:66px; padding:9px 10px; gap:8px; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--editing .workspace-site-image { width:36px; height:36px; flex:0 0 36px; border-radius:8px; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--editing .workspace-site-image img { width:30px; height:24px; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--editing .site-row-title,
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--editing .inline-name-trigger { font-size:12px; line-height:1.35; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--editing .site-domain { font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--editing .site-external { width:24px; height:28px; }
.library-interactive-root[data-library-view="horizontal"] .workspace-add-site.add-site-button { flex:0 0 auto; width:auto; min-height:38px; padding:8px 10px; border:1px dashed #dedee2; border-radius:8px; }
.library-interactive-root[data-library-view="horizontal"] .workspace-bookcase .bookshelves-tree__add { grid-column:1/-1; margin:0; padding:10px 14px; border-top:1px solid #e9e9eb; }

@media(max-width:1000px) {
 .library-interactive-root[data-library-view="horizontal"] .workspace-bookcase.bookcase-row,
 .library-interactive-root[data-library-view="horizontal"] .workspace-bookcase.drag-bookcase { grid-template-columns:164px minmax(0,1fr); }
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf.bookshelf-row,
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf.drag-bookshelf { grid-template-columns:126px minmax(0,1fr); }
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf > .bookshelf-name,
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf.drag-bookshelf > .bookshelf-name:hover { padding:14px; }
}
@media(max-width:760px) {
 .workspace-intro { align-items:flex-start; flex-direction:column; }
 .workspace-intro-actions { width:100%; justify-content:flex-start; }
 .library-interactive-root[data-library-view="horizontal"] .workspace-bookcase.bookcase-row,
 .library-interactive-root[data-library-view="horizontal"] .workspace-bookcase.drag-bookcase { display:block; }
 .library-interactive-root[data-library-view="horizontal"] .workspace-bookcase > .bookcase-name,
 .library-interactive-root[data-library-view="horizontal"] .workspace-bookcase.drag-bookcase > .bookcase-name:hover { display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px; padding:16px; border-right:0; border-bottom:1px solid #e7e7ea; border-radius:14px 14px 0 0; }
 .library-interactive-root[data-library-view="horizontal"] .workspace-bookcase > .bookcase-name .workspace-heading { margin:0; }
 .library-interactive-root[data-library-view="horizontal"] .workspace-bookcase > .bookcase-name .workspace-menu { position:absolute; top:10px; right:10px; }
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf.bookshelf-row,
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf.drag-bookshelf { grid-template-columns:110px minmax(0,1fr); }
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf .workspace-site:not(.workspace-site--editing):not(.workspace-site--favicon) { flex:0 0 126px; width:126px; min-width:126px; max-width:126px; }
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf .workspace-site.workspace-site--favicon:not(.workspace-site--editing) { flex:1 1 154px; width:auto; min-width:154px; max-width:190px; }
 .library-interactive-root[data-library-view="horizontal"] .workspace-site.workspace-site--editing { flex:1 1 170px; width:auto; min-width:150px; max-width:none; }
}
@media(max-width:520px) {
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf.bookshelf-row,
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf.drag-bookshelf { display:block; }
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf > .bookshelf-name,
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf.drag-bookshelf > .bookshelf-name:hover { display:block; padding:12px 14px; border-right:0; border-bottom:1px solid #eeeeef; }
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf .workspace-site:not(.workspace-site--editing):not(.workspace-site--favicon) { flex:1 1 118px; width:auto; min-width:108px; max-width:150px; }
 .library-interactive-root[data-library-view="horizontal"] .workspace-shelf .workspace-site.workspace-site--favicon:not(.workspace-site--editing) { flex:1 1 145px; width:auto; min-width:140px; max-width:none; }
}