.projects-sidebar{padding:16px 18px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c8c5bd transparent;scrollbar-gutter:stable}
.projects-sidebar>*{flex-shrink:0}
.projects-sidebar nav{flex:none;overflow:visible;padding-right:0}
.projects-sidebar .side-heading{padding:0 8px 10px;color:var(--muted)}
.sidebar-projects{min-height:0;padding-bottom:12px}
.project-section-title{display:flex;align-items:center;justify-content:space-between;padding:0 6px 4px;color:var(--ink)}
.project-section-title h2{margin:0;font-size:12px;line-height:1.4;font-weight:400;letter-spacing:0}
.project-section-title>.project-icon-button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:21px}
.library-project+.library-project{margin-top:5px}
.project-icon-button{height:27px;width:27px;display:grid;place-items:center;flex:none;border-radius:6px;font-size:18px;color:var(--muted);padding:0}
.project-icon-button:hover,.project-menu summary:hover{background:#dfdcd5;color:var(--ink)}
.project-row{display:flex;align-items:center;min-width:0;min-height:36px;padding:0 4px;border-radius:8px;position:relative}
.project-open,.project-source{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;padding:8px 4px;font-size:12px}
.project-open{gap:8px;font-size:12px;font-weight:400;padding-block:8px}.project-chevron{width:11px;flex:none;color:var(--muted);font-size:15px;text-align:center}
.provider-icon{display:inline-flex;width:16px;height:16px;flex:none;align-items:center;justify-content:center}.provider-icon svg{width:16px;height:16px}
.project-fade{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:clip;mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent);padding-right:16px}
.project-row:hover,.project-source-row:hover{background:#e6e3dc}.library-project.is-selected>.project-row,.project-source-row.is-current{background:#dedbd3}
.project-children{margin:4px 0 12px 19px;padding-left:9px;border-left:1px solid var(--line)}
.project-source-row{display:flex;align-items:center;border-radius:6px;min-width:0}.project-source{padding:10px 7px;gap:9px;font-size:12px;min-height:36px}
.project-source-action{opacity:0;font-size:16px}.project-source-row:hover .project-source-action,.project-source-row:focus-within .project-source-action{opacity:1}
.project-menu{position:relative;flex:none}.project-menu>summary{list-style:none;display:grid;place-items:center;cursor:pointer;width:25px;height:27px;border-radius:6px}.project-menu>summary::-webkit-details-marker{display:none}.project-menu[open]{z-index:6}
.project-menu-content{position:absolute;right:0;top:30px;z-index:5;min-width:190px;display:flex;flex-direction:column;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:0 9px 24px #24221c16}
.project-menu-content button{font-size:11px;text-align:left;padding:9px 8px;border-radius:5px}.project-menu-content button:hover{background:var(--sheet)}
.project-empty,.project-empty-link{font-size:11px;color:var(--muted);line-height:1.5;padding:6px;margin:0;text-align:left}.project-status{font-size:11px;line-height:1.5;overflow-wrap:anywhere;color:var(--muted);padding:8px 6px}
.sidebar-history,.current-folder-tree{margin-top:0;padding:18px 0 20px;border-top:1px solid var(--line)}.sidebar-history>summary,.current-folder-tree>summary{cursor:pointer;font-size:11px;font-weight:400;color:var(--muted);padding:2px 6px 12px;list-style:none;display:flex;align-items:center;gap:8px}.sidebar-history>summary::before,.current-folder-tree>summary::before{content:'';display:block;box-sizing:border-box;width:7px;height:7px;flex:0 0 7px;margin-left:1px;margin-right:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transform-origin:center}.sidebar-history[open]>summary::before,.current-folder-tree[open]>summary::before{transform:rotate(45deg)}
.sidebar-history>summary::-webkit-details-marker,.current-folder-tree>summary::-webkit-details-marker{display:none}.current-folder-tree[open]{flex-grow:1}
.sidebar-history{margin-top:auto;padding:20px 0}.sidebar-history>summary{padding:0 6px}.sidebar-history[open]>summary{margin-bottom:12px}
.sidebar-history>summary,.current-folder-tree>summary{line-height:18px;align-items:center}
.projects-sidebar .tree-row{border-radius:6px;min-height:36px}
.projects-sidebar .folder-name{flex:1;min-width:0}
.projects-sidebar .side-bottom{margin-top:0;padding:18px 8px 0}
.projects-sidebar .side-total{font-size:11px;line-height:1.6;margin:8px 0}
.projects-sidebar .side-bottom .eyebrow{font-size:9px;color:var(--muted)}
.projects-sidebar #projectAccess{padding:8px 0 0;font-size:10px}
.projects-sidebar .folder-name{overflow:hidden;white-space:nowrap;text-overflow:clip;mask-image:linear-gradient(to right,#000 calc(100% - 15px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 15px),transparent);padding-right:12px}
.project-more{color:var(--muted);font-size:11px;text-align:left;padding:10px 7px}.project-more:hover{text-decoration:underline}
.project-destination{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:var(--muted)}.project-destination span{overflow-wrap:anywhere}.project-destination button{font-size:20px}.project-destination[hidden]{display:none}
/* Shared compact layout for project creation, renaming, attachment and sharing. */
.project-dialog{width:min(420px,calc(100vw - 32px));height:fit-content;min-height:0;max-height:calc(100dvh - 32px);padding:20px;overflow:auto;margin:auto;border:1px solid var(--line);border-radius:12px}
.project-dialog-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:14px}
.project-dialog h2{font-size:20px;line-height:1.25;letter-spacing:-.03em;font-weight:400;margin:0;overflow-wrap:anywhere;min-width:0}
.project-dialog-heading button{flex:none;width:28px;height:28px;padding:0;line-height:1;font-size:22px;display:grid;place-items:center}
.project-dialog label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}
.project-dialog input,.project-dialog select{width:100%;font:inherit;font-size:14px;padding:10px 11px;margin-bottom:12px;border:1px solid var(--line);border-radius:5px;background:var(--sheet);color:var(--ink)}
.project-dialog [hidden]{display:none}
.project-dialog p{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 12px}
.project-dialog p:empty{display:none}
.project-dialog .pill,.project-dialog .outline{margin-top:4px;font-size:12px;padding:10px 14px}
@media(max-width:720px){.project-source-action{opacity:1}.projects-sidebar{overflow-y:auto}.project-dialog{padding:18px}.project-dialog input,.project-dialog select{font-size:16px}}


.project-toggle{width:20px;font-size:16px}.project-open[aria-current=page]{font-weight:400}.project-view #aiFilterBar{display:none!important}

@media(min-width:721px){.workspace{grid-template-columns:288px minmax(0,1fr)}}
@media(min-width:1800px){.workspace{grid-template-columns:312px minmax(0,1fr)}}
@media(min-width:721px) and (max-width:1100px){.workspace{grid-template-columns:256px minmax(0,1fr)}.projects-sidebar{padding-inline:14px}}
@media(max-width:720px){.projects-sidebar{width:min(340px,90vw);padding:16px 18px}.project-icon-button,.project-menu>summary{min-height:32px}.project-open{min-height:44px}.project-source{min-height:40px}}
@media(hover:none){.project-source-action{opacity:1}}

/* Keep the total beside the name, including on narrow sidebars. */
.project-label{display:flex;align-items:baseline;flex-wrap:nowrap;gap:5px;min-width:0;flex:1}
.project-label>.project-fade{flex:0 1 auto;display:block;width:auto;padding-right:0;mask-image:none;-webkit-mask-image:none;text-overflow:ellipsis}
.project-counts{display:block;flex:none;white-space:nowrap;font-size:10px;line-height:1.4;font-weight:400;color:var(--muted)}
.all-projects{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.all-projects .project-open{padding-left:24px}
.project-all-icon{width:16px;flex:none;font-size:18px;line-height:1}

/* Disconnected local folders keep their catalogue navigable. */
.local-disconnected-icon{display:inline-flex;width:16px;height:16px;flex:0 0 16px;color:#8c8174;vertical-align:middle}
.local-disconnected-icon svg{width:100%;height:100%}
.local-disconnected{margin:0 0 16px;padding:10px 12px;border:1px solid #e5e0d8;border-radius:8px;background:#f7f5f1;color:#655e54;font-size:12px;line-height:1.5}
.local-disconnected-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.local-disconnected-row+.local-disconnected-row{margin-top:8px}
.local-disconnected-row>span:not(.local-disconnected-icon){flex:1;min-width:180px}
.local-disconnected-row button{font-size:12px;white-space:nowrap;padding:6px 8px}
.gallery .local-disconnected-card.preview-error:not(.tile-video-playing) .tile-preview-status{display:flex;align-items:center;gap:5px}
.local-disconnected-card .image-button{cursor:pointer}

/* One navigation tree: projects → sources → folders. */
.sidebar-projects{flex-grow:1}
.project-children{margin-left:13px;padding-left:6px}
.unified-toggle,.unified-toggle-space{width:20px;min-width:20px;flex:0 0 20px}
.unified-toggle{height:28px;padding:0}
.unified-toggle::before{content:'';display:block;width:6px;height:6px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:rotate(-45deg)}
.unified-toggle[aria-expanded=true]::before{transform:rotate(45deg)}
.unified-source>.project-source-row>.project-source{padding-left:4px}
.unified-folder-children{margin-left:13px;padding-left:6px;border-left:1px solid var(--line)}
.unified-folder-children:empty{display:none}
.unified-folder-row{display:flex;align-items:center;min-width:0;border-radius:6px;min-height:34px}
.unified-folder-row:hover{background:#e6e3dc}
.unified-folder-row.is-current{background:#dedbd3}
.unified-folder-open{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:8px 4px;text-align:left;font-size:12px}
.unified-folder-open .provider-icon{color:var(--muted)}
.unified-tree-message{padding-left:27px}
.standalone-source{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}
@media(max-width:720px){.unified-folder-open{min-height:40px}}