project-drawer{display:flex;flex-direction:column;flex:none;inline-size:min(var(--drawer-width),88vw);overflow:auto;overscroll-behavior:contain;padding:var(--space-sm) var(--space-sm) var(--space-lg) max(var(--space-sm),env(safe-area-inset-left));scrollbar-width:thin;scrollbar-color:var(--control-line) transparent}project-drawer>*{flex:none}project-drawer drawer-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 var(--space-xs) var(--space-xs)}project-drawer project-tree{display:flex;flex-direction:column;padding:var(--space-2xs);border:1px solid var(--rule);border-radius:var(--shape-md);background:var(--paper);box-shadow:var(--shadow-1)}project-drawer drawer-empty{display:block;padding:var(--space-xs) var(--space-sm);color:var(--ink-faint);font-size:var(--type-small)}project-drawer project-node{display:flex;flex-direction:column}project-drawer project-row{display:flex;align-items:center;gap:var(--space-3xs);min-block-size:var(--touch-target);border-radius:var(--shape-sm)}project-drawer project-row:hover{background:var(--fill)}project-drawer project-row>m-symbol{flex:none;font-size:20px;color:var(--ink-soft);font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}project-drawer project-node[expanded=true]>project-row>m-symbol{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}project-drawer project-row editable-text{flex:1;min-inline-size:0;padding:var(--space-3xs) var(--space-2xs);font-weight:600}project-drawer project-row editable-text[state=idle] editable-display{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}project-drawer row-actions{display:flex;flex:none}@media (hover: hover){project-drawer row-actions{opacity:0;transition:opacity var(--motion-fast) var(--ease-standard)}project-drawer project-row:is(:hover,:focus-within) row-actions{opacity:1}}project-drawer project-children{display:flex;flex-direction:column;margin-inline-start:1rem;padding-inline-start:var(--space-xs);border-inline-start:1px solid var(--rule)}project-drawer chat-row{display:flex;align-items:center;gap:var(--space-xs);min-block-size:var(--touch-target);padding:var(--space-2xs) var(--space-xs);border-radius:var(--shape-sm);cursor:pointer}project-drawer chat-row:hover{background:var(--fill-strong)}project-drawer chat-row[selected=true]{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--ink)}project-drawer status-dot{flex:none;inline-size:.5rem;block-size:.5rem;border-radius:var(--shape-full);background:var(--ink-faint);opacity:.5}project-drawer chat-row[state=running] status-dot{background:var(--live);opacity:1;box-shadow:0 0 0 3px var(--live-soft)}project-drawer chat-text{display:flex;flex-direction:column;min-inline-size:0}project-drawer chat-title,project-drawer chat-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}project-drawer chat-title{font-size:var(--type-small);font-weight:560}project-drawer chat-meta{font-family:var(--voice-data);font-size:var(--type-label);color:var(--ink-faint)}project-drawer drawer-foot{position:sticky;inset-block-end:0;display:flex;margin-block-start:auto;padding-block-start:var(--space-md);background:linear-gradient(transparent,var(--canvas) var(--space-md))}project-drawer drawer-foot text-button{flex:1;justify-content:flex-start;background:var(--paper)}project-drawer drawer-foot text-button[selected=true]{background:var(--accent);color:var(--accent-on);box-shadow:inset 0 0 0 1px var(--accent)}
