.demo-banner{--demo-banner-link:var(--color-text);align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-4) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-body);display:flex}.demo-banner-icon{width:16px;height:16px;color:var(--color-accent);flex-shrink:0}.demo-banner-text{flex:1;min-width:0}.demo-banner-link{color:var(--demo-banner-link);white-space:nowrap;flex-shrink:0;margin:-12px -8px -12px auto;padding:12px 8px;font-weight:600;text-decoration:none}.demo-banner-link:hover{text-decoration:underline}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .demo-banner{--demo-banner-link:var(--color-accent)}}:root[data-theme=dark] .demo-banner{--demo-banner-link:var(--color-accent)}@media (width>=900px){.demo-banner{margin:var(--space-4) var(--space-6) 0}}.folder-mark{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-weight:700;line-height:1;display:inline-flex}.folder-mark-40{width:40px;height:40px;font-size:18px}.folder-mark-28{width:28px;height:28px;font-size:13px}.folder-mark-18{width:18px;height:18px;font-size:10px}.folder-mark .icon{stroke-width:2px;width:15px;height:15px}.folder-mark-40 .icon{width:20px;height:20px}.folder-mark-18 .icon{width:11px;height:11px}.folder-mark-inbox{background:var(--color-para-inbox);color:var(--color-para-inbox-on)}.folder-mark-projects{background:var(--color-para-projects);color:var(--color-para-projects-on)}.folder-mark-areas{background:var(--color-para-areas);color:var(--color-para-areas-on)}.folder-mark-resources{background:var(--color-para-resources);color:var(--color-para-resources-on)}.folder-mark-archives{background:var(--color-para-archives);color:var(--color-para-archives-on)}.folder-icon{color:var(--color-text-muted);flex-shrink:0;display:inline-flex}.folder-icon-inbox{color:var(--color-para-inbox)}.folder-icon-projects{color:var(--color-para-projects)}.folder-icon-areas{color:var(--color-para-areas)}.folder-icon-resources{color:var(--color-para-resources)}.folder-icon-archives{color:var(--color-para-archives)}.origin-square{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.origin-square .icon{width:12px;height:12px}.origin-square-file{background:var(--color-origin-file-bg);color:var(--color-origin-file)}.origin-square-notes{background:var(--color-origin-notes-bg);color:var(--color-origin-notes)}.origin-square-web{background:var(--color-origin-web-bg);color:var(--color-origin-web)}.origin-square-you{background:var(--color-origin-you-bg);color:var(--color-origin-you)}.bower-tag{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}:where(:root[data-theme=dark]) .bower-tag{white-space:nowrap;flex-shrink:0;height:22px;font-weight:700}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .bower-tag{white-space:nowrap;flex-shrink:0;height:22px;font-weight:700}}.file-icon-box{background:var(--file-icon-box,var(--color-surface))}.just-filed-row{align-items:center;gap:var(--space-2);min-height:44px;margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-brand-tint);color:var(--color-text);text-decoration:none;display:flex}.just-filed-row:hover{background:var(--color-surface-hover)}.just-filed-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.just-filed-row-label{font-weight:600}.just-filed-row-sub{color:var(--color-text-muted);font-size:var(--text-sm)}.just-filed-screen{gap:var(--space-4);flex-direction:column;display:flex}.just-filed-header{position:relative}.just-filed-sub,.just-filed-empty{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.just-filed-overline{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.just-filed-summary{gap:var(--space-1);flex-direction:column;display:flex}.just-filed-when{color:var(--color-heading);font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-weight:700}.just-filed-summary-line{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.just-filed-tiles{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.just-filed-tiles .stat-tile{box-sizing:border-box;min-height:74px;padding:var(--space-3);flex-direction:column-reverse;justify-content:flex-end;gap:0;display:flex}.just-filed-tiles .stat-tile-label{font-size:var(--text-13)}.just-filed-tiles .stat-tile-value{margin-top:0}.just-filed-rows,.just-filed-earlier-list,.just-filed-earlier-items{margin:0;padding:0;list-style:none}.just-filed-rows .list-row-trailing .icon{width:16px;height:16px;color:var(--color-text-muted)}.just-filed-note{margin:0 0 var(--space-2) 44px;color:var(--color-text-muted);font-size:var(--text-sm)}.just-filed-markall{min-height:44px;padding:0 var(--space-2);color:var(--color-link);font:inherit;cursor:pointer;background:0 0;border:none;align-self:center;font-weight:600;text-decoration:underline}.just-filed-earlier .just-filed-sub{margin-bottom:var(--space-2);color:var(--color-text)}.just-filed-earlier-list>li{border-bottom:1px solid var(--color-border-subtle)}.just-filed-earlier-row{align-items:center;gap:var(--space-3);box-sizing:border-box;border:none;border-bottom:1px solid var(--color-border-subtle);width:100%;min-height:52px;color:inherit;font:inherit;font-size:var(--text-15);text-align:left;cursor:pointer;background:0 0;padding:0;display:flex}.just-filed-earlier-row>.icon{width:16px;height:16px;color:var(--color-text-muted);flex:none;transition:transform .15s}.just-filed-earlier-row[aria-expanded=true]>.icon{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.just-filed-earlier-row>.icon{transition:none}}.just-filed-earlier-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.just-filed-earlier-head{align-items:center;gap:var(--space-2);color:var(--color-heading);flex-wrap:wrap;display:flex}.just-filed-earlier-counts{color:var(--color-text-muted);font-size:var(--text-13)}.just-filed-earlier-panel{gap:var(--space-1);margin-bottom:var(--space-3);background:var(--color-surface);flex-direction:column;display:flex}.just-filed-earlier-items{font-size:var(--text-15)}.just-filed-earlier-items li{padding:2px 0}.just-filed-earlier-name{color:var(--color-heading);text-decoration:none}.just-filed-earlier-to,.just-filed-earlier-empty{color:var(--color-text-muted)}.just-filed-earlier-empty{font-size:var(--text-sm);margin:0}.just-filed-more{color:var(--color-link);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0}.just-filed-none{align-items:center;gap:var(--space-3);display:flex}.just-filed-none p{margin:0}.just-filed-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.just-filed-table th{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-muted);text-align:left;font-weight:600}.just-filed-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.just-filed-cell-title{align-items:center;gap:var(--space-2);color:var(--color-heading);font-weight:700;display:inline-flex}.just-filed-cell-title a{color:inherit;text-decoration:none}.just-filed-cell-title a:hover{text-decoration:underline}.just-filed-muted{color:var(--color-text-muted)}.just-filed-where{align-items:center;gap:var(--space-1-5);color:var(--color-heading);display:inline-flex}@media (width>=900px){.just-filed-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.pin-sheet-rows{padding:0 var(--space-2);flex-direction:column;gap:2px;display:flex}@media (width>=900px){.pin-sheet-rows{padding:0}}.pin-sheet-row{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;text-decoration:none;display:flex}.pin-sheet-row:hover{background:var(--color-surface-hover)}.pin-sheet-row .icon,.pin-sheet-cancel{color:var(--color-text-muted)}.tree{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tree-wrap{--tree-row:28px;--tree-text:13px}.tree-host-drawer,.tree-host-page{--tree-row:40px;--tree-text:15px}.tree-empty{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;padding:0 10px}.tree-row{width:100%;min-width:0;height:var(--tree-row);box-sizing:border-box;color:var(--color-text);font-size:var(--tree-text);border-radius:6px;align-items:center;gap:6px;padding-right:6px;text-decoration:none;display:flex;position:relative}@media (hover:hover){.tree-row:hover{background:var(--color-surface-hover)}}.tree-root{font-weight:600}.tree-row-selected,.tree-row-selected:hover{background:var(--color-selection);box-shadow:inset 3px 0 0 var(--color-brand)}.tree-row-selected .tree-link{color:var(--color-heading)}.tree-row-open{font-weight:600}.tree-guide{background:var(--color-border-subtle);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.tree-link{min-width:0;height:100%;color:inherit;cursor:pointer;outline:none;flex:1;align-items:center;gap:6px;text-decoration:none;display:flex}.tree-row:has(.tree-link:focus-visible){outline:2px solid var(--color-focus,var(--color-brand));outline-offset:-2px}.tree-link>.folder-mark,.tree-link>span:first-child,.tree-link>svg{flex-shrink:0}.tree-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tree-chevron,.tree-spacer{width:14px;height:14px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex:0 0 14px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.tree-chevron .icon{width:14px;height:14px;transition:transform .15s}.tree-chevron-open .icon{transform:rotate(90deg)}@media (pointer:coarse){.tree-chevron:after{content:"";position:absolute;inset:-15px}}@media (prefers-reduced-motion:reduce){.tree-chevron .icon{transition:none}}.tree-app-group{margin-top:var(--space-2)}.tree-app-label{color:var(--color-text-muted);font-family:var(--font-sans);margin:0;padding:6px 8px;font-size:13px;font-weight:600}.tree-app{padding-left:4px}.tree-row-reveal{animation:.6s ease-out tree-reveal}@keyframes tree-reveal{0%{background:var(--color-surface-hover)}}@media (prefers-reduced-motion:reduce){.tree-row-reveal{animation:none}}.tree-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dictate{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.dictate-box{position:relative}.dictate-input{box-sizing:border-box;width:100%;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3);resize:vertical;display:block}.dictate-input-padded{padding-bottom:52px;padding-right:56px}.dictate-listening .dictate-input{border-color:var(--color-brand)}.dictate-btn{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:6px;right:6px}.dictate-btn .icon{width:22px;height:22px}.dictate-btn-asking{color:var(--color-link);background:var(--color-brand-tint)}.dictate-btn[aria-pressed=true]{background:var(--color-brand);color:var(--color-on-brand);box-shadow:0 0 0 4px var(--color-brand-tint);animation:1.6s ease-in-out infinite dictate-ring}.dictate-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@keyframes dictate-ring{50%{box-shadow:0 0 0 8px var(--color-brand-tint)}}@media (prefers-reduced-motion:reduce){.dictate-btn[aria-pressed=true]{animation:none}}.dictate-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dictate-line{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.dictate-interim{font-style:italic}.dictate-change{font:inherit;color:var(--color-link);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.dictate-menu{padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:240px;margin:0;list-style:none;overflow-y:auto}.dictate-menu button{width:100%;min-height:44px;padding:0 var(--space-3);font:inherit;text-align:left;color:var(--color-text);cursor:pointer;background:0 0;border:0;display:block}.dictate-menu button[aria-checked=true]{color:var(--color-link);font-weight:600}.dictate-alert{font-size:var(--text-sm);color:var(--color-danger);margin:0}.dictate-box:has(.note-editor-textarea){flex-direction:column;display:flex}.dictate-box:has(.note-editor-textarea) .dictate-btn{z-index:2;align-self:flex-end;margin:-52px 6px 6px 0;position:sticky;bottom:8px;right:auto}@media (width<=899px){.dictate-box:has(.note-editor-textarea) .dictate-btn{bottom:calc(var(--bottom-nav-height,60px) + 8px)}}.hint{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:12px;display:flex}.hint-suggestion{border:1px solid var(--color-brand-tint)}.hint-state{padding-right:var(--space-4);background:0 0;border-style:dashed}.hint-icon{color:var(--color-text-muted);flex:none;margin-top:2px;display:inline-flex}.hint-suggestion .hint-icon{color:var(--color-focus)}.hint-icon .icon{width:20px;height:20px}.hint-body{gap:var(--space-2);flex-direction:column;flex:auto;min-width:0;display:flex}.hint-text{margin:0;font-size:.9375rem;line-height:1.45}.hint-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.hint-dismiss{width:44px;height:44px;margin:calc(var(--space-3) * -1) 0;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.hint-dismiss:hover{background:var(--color-surface-hover)}.hint-dismiss .icon{width:20px;height:20px}.hint[hidden]{display:none}@media (width<=899px){.hint-actions .chip{min-height:44px}}.hint-file .hint-icon{margin-top:0}.hint-file .hint-text{color:var(--color-text-secondary);font-size:var(--text-base)}.hint-file .hint-text b{color:var(--color-text);font-weight:600}.hint-file-ask{height:auto;min-height:40px;padding:var(--space-2) 14px;text-align:left;white-space:normal}@media (width>=900px){.hint-file .hint-text{font-size:.9375rem}}.ask{gap:0}.ask-about{margin:var(--space-1) 0 0;font-size:var(--text-base);color:var(--color-text);align-items:center;gap:6px;display:flex}.ask-label{color:var(--color-heading);margin:16px 0 8px;font-size:14px;font-weight:700}.ask-explainer{background:var(--color-selection);border-radius:var(--radius-card);color:var(--color-text);align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;font-size:16px;line-height:1.4;display:flex}.ask-explainer p{margin:0}.ask-explainer b{color:var(--color-heading)}.ask-explainer-icon{color:var(--color-text);flex:none;padding-top:3px;display:inline-flex}.ask-explainer-icon .icon{width:16px;height:16px}.ask-now{min-height:44px;font:inherit;color:var(--color-link);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;margin-top:8px;padding:0 12px;font-weight:700;text-decoration:underline}.ask-now[aria-disabled=true]{opacity:.4;cursor:default}.ask-now-line{color:var(--color-text-muted);text-align:center;margin:0;font-size:13px}@media (width>=900px){.ask-explainer{font-size:15px}}.composer{flex-direction:column;min-width:0;display:flex}.composer-box{box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-composer);cursor:text;align-items:flex-end;gap:8px;min-height:52px;padding:6px 6px 6px 16px;display:flex}.composer-rows-3 .composer-box{min-height:88px}.composer-box:focus-within,.composer-filled .composer-box,.composer-listening .composer-box{border-color:var(--color-brand)}.composer-dictation-off:not(.composer-filled) .composer-box:has(.round-button:focus){border-color:var(--color-border)}.composer-input{box-sizing:border-box;min-width:0;max-height:200px;font:inherit;color:var(--color-heading);resize:none;background:0 0;border:0;outline:none;flex:1;align-self:flex-start;margin:0;padding:8px 0;font-size:16px;line-height:1.4;overflow-y:auto}.composer .composer-input:focus-visible{outline:none}.composer-input::placeholder{color:var(--color-text-muted);opacity:1}.composer-rows-3 .composer-input{align-self:stretch}.composer-mono{font-family:var(--font-mono);font-size:15px}.composer-mono::placeholder{font-family:var(--font-sans)}.composer-line{color:var(--color-text-muted);align-items:center;gap:6px;margin:6px 4px 0;font-size:13px;line-height:1.4;display:flex}.composer-line:empty{margin:0}.composer-line-danger{color:var(--color-danger)}.composer-dot{border-radius:var(--radius-full);background:var(--color-danger);flex:none;width:8px;height:8px}.search-field{box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-composer);min-width:0;height:52px;color:var(--color-text-muted);align-items:center;gap:8px;padding:0 5px 0 14px;font-size:16px;display:flex}.search-field-desktop{height:44px;font-size:14px}.search-field>.icon,.search-field-open>.icon{width:18px;height:18px;color:var(--color-text-muted);flex:none}.search-field-input{border-color:var(--color-brand);flex:1}.search-field-trigger:hover{border-color:var(--color-border-control)}.search-field-open{min-width:0;height:100%;font:inherit;color:inherit;text-align:left;cursor:text;background:0 0;border:0;flex:1;align-items:center;gap:8px;margin:0;padding:0;display:flex}.search-field-placeholder{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.search-field-kbd{color:var(--color-text-muted);white-space:nowrap;border:1px solid var(--color-border);border-radius:var(--radius-xs);flex:none;padding:0 4px;font-family:inherit;font-size:12px}.search-field-mic{flex:none;display:inline-flex}.search-field-text{min-width:0;height:100%;font:inherit;color:var(--color-heading);background:0 0;border:0;outline:none;flex:1;margin:0;padding:0}.search-field .search-field-text:focus-visible{outline:none}.search-field-text::placeholder{color:var(--color-text-muted);opacity:1}.search-field-text::-webkit-search-cancel-button{display:none}.search-field-clear{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.search-field-clear .icon{width:16px;height:16px}.search-field-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-field-row>.search-field-close{width:40px;height:40px;position:relative}.search-field-row>.search-field-close:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.search-field-line{padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-13);flex-basis:100%;margin:0}.explorer-search-slot .search-field{margin:var(--space-2) var(--space-3)}.shell-sidebar .explorer-search-slot .search-field{margin:0}.shell-sidebar .explorer-search-slot{flex-shrink:0}.explorer-drawer .explorer-search-slot .search-field,.explorer-page .explorer-search-slot .search-field{margin:0}.explorer-label{font-size:12px}.explorer-search-slot .explorer-filter{width:calc(100% - 2 * var(--space-3))}.explorer-drawer .explorer-search-slot .explorer-filter,.explorer-page .explorer-search-slot .explorer-filter{width:100%;margin:0}.explorer-just-filed:empty{display:none}.explorer-page .explorer-just-filed{margin-top:var(--space-3)}.explorer-section-tools{margin-right:4px}.explorer-tools{gap:0;display:flex}.explorer-tool{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.explorer-tool:hover{background:var(--color-surface-hover)}.explorer-tool[aria-disabled=true]{opacity:.5;cursor:default}.explorer-tool .icon{width:16px;height:16px}@media (pointer:coarse){.explorer-tool:after{content:"";position:absolute;inset:-8px}}.explorer-list,.explorer-below{flex-direction:column;display:flex}.explorer-pinned .explorer-list,.explorer-below{padding:0 var(--space-2)}.explorer-drawer .explorer-pinned .explorer-list,.explorer-drawer .explorer-below,.explorer-page .explorer-pinned .explorer-list,.explorer-page .explorer-below{padding:0}.explorer-item{min-width:0;height:28px;color:var(--color-text);border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13px;text-decoration:none;display:flex}.explorer-host-rows-drawer .explorer-item,.explorer-host-rows-page .explorer-item{height:40px;font-size:15px}.explorer-item:hover{background:var(--color-surface-hover)}.explorer-item[aria-current=page]{background:var(--color-selection);box-shadow:inset 3px 0 0 var(--color-brand);color:var(--color-heading)}.explorer-item>svg,.explorer-item>span:first-child{flex-shrink:0}.explorer-item>.icon{width:16px;height:16px;color:var(--color-text-muted)}.explorer-item-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.explorer-below{margin-top:0}.explorer-below:before{background:var(--color-border-subtle);content:"";height:1px;margin:6px 4px;display:block}.explorer-below .explorer-item{gap:6px;padding-left:4px}.explorer-sidebar .explorer-below{padding:0}.explorer-item-spacer{flex:0 0 14px;width:14px}.shell-sidebar .explorer-sidebar .explorer-tree{min-height:0;padding:0}.explorer-sidebar .explorer-tree,.explorer-drawer .explorer-tree,.explorer-page .explorer-tree{flex:none;padding:0;overflow:visible}.explorer-sort-menu{padding:var(--space-1);flex-direction:column;display:flex}.explorer-sort-item{min-height:44px;padding:0 var(--space-3);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;display:flex}.explorer-sort-item[aria-checked=true]{color:var(--color-brand);font-weight:600}.explorer-sort-item:hover{background:var(--color-surface-hover)}.explorer-skeleton{flex-direction:column;margin:0;padding:0 8px;list-style:none;display:flex}.explorer-skeleton-row{align-items:center;height:40px;display:flex}.explorer-sidebar .explorer-skeleton-row{height:28px}.explorer-skeleton-bar{background:var(--color-surface);border-radius:6px;height:12px;animation:1.4s ease-in-out infinite explorer-skeleton-pulse;display:block}@keyframes explorer-skeleton-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.explorer-skeleton-bar{animation:none}}.explorer-error{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;padding:0 8px}.explorer-retry{color:var(--color-brand);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.folders-drawer-layer{z-index:38;position:fixed;inset:0}.folders-drawer-scrim{background:var(--color-scrim);animation:.2s ease-out folders-drawer-fade;position:absolute;inset:0}.folders-drawer{box-sizing:border-box;background:var(--color-sidebar);border-right:1px solid var(--color-border-subtle);touch-action:pan-y;overscroll-behavior:contain;border-radius:0 20px 20px 0;outline:none;flex-direction:column;width:min(324px,88vw);padding:12px 8px;transition:transform .2s ease-out;animation:.2s ease-out folders-drawer-in;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.folders-edge{z-index:37;touch-action:pan-y;width:16px;position:fixed;top:56px;bottom:64px;left:0}@media (width>=900px){.folders-edge{display:none}}.folders-drawer:focus-visible{outline:none}.folders-drawer-head{flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding-left:8px;display:flex}.folders-drawer-title{color:var(--color-heading);font-family:var(--font-display,Poppins, sans-serif);margin:0;font-size:18px;font-weight:700}.folders-drawer .explorer{height:auto;padding:4px 0 0}.folders-drawer .explorer-search-slot{margin-inline:4px}.folders-drawer .explorer-section{margin:14px 4px 4px 8px}@keyframes folders-drawer-in{0%{transform:translate(-100%)}}@keyframes folders-drawer-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.folders-drawer{transition:none;animation:.12s ease-out folders-drawer-fade}.folders-drawer-scrim{animation:.12s ease-out folders-drawer-fade}}.sidebar-separator{display:none}@media (width>=900px){.sidebar-separator{z-index:2;cursor:col-resize;touch-action:none;outline:none;width:10px;display:block;position:absolute;top:0;bottom:0;right:-5px}.sidebar-separator:before{background:var(--color-accent-line);opacity:0;content:"";width:2px;position:absolute;top:0;bottom:0;left:4px}.sidebar-separator:after{background:var(--color-surface);border:1px solid var(--color-accent-line);opacity:0;content:"";border-radius:5px;width:10px;height:36px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-separator:hover:before,.sidebar-separator:focus-visible:before,.sidebar-separator-dragging:before,.sidebar-separator:hover:after,.sidebar-separator:focus-visible:after,.sidebar-separator-dragging:after{opacity:1}}.folders-title{align-items:center;gap:4px;min-width:0;display:flex}.explorer-item-meta{color:var(--color-text-muted);white-space:nowrap;flex:none;margin-left:auto;font-size:13px}.explorer.explorer-drawer{gap:0}.offline-banner{align-items:center;gap:var(--space-3);margin:var(--space-2) var(--space-4) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-body);display:flex}.offline-banner-text{flex:1}@media (width>=900px){.offline-banner{margin:var(--space-4) var(--space-6) 0}}.push-prompt{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom,0px));color:var(--color-text);text-align:center;flex-direction:column;display:flex}.push-prompt-title{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-lg);margin:0}.push-prompt-text{max-width:26rem;color:var(--color-text-muted);line-height:var(--leading-body);margin:0}.push-prompt-actions{gap:var(--space-2);width:100%;max-width:22rem;margin-top:var(--space-1);flex-direction:column;display:flex}.push-prompt-button{min-height:48px;padding:var(--space-2) var(--space-4);background:var(--color-brand);color:var(--color-on-brand);border-radius:var(--radius-full);font-weight:var(--weight-medium);cursor:pointer;border:none}.push-prompt-button:hover:not(:disabled){filter:brightness(.95)}.push-prompt-button:disabled{opacity:.5;cursor:not-allowed}.push-prompt-button-secondary{color:var(--color-text);background:0 0}.push-prompt-error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.toast{left:50%;bottom:calc(var(--space-16) + var(--space-2));z-index:30;align-items:center;gap:var(--space-3);min-width:min(300px,100vw - 32px);max-width:min(360px, calc(100vw - var(--space-8)));box-sizing:border-box;padding:var(--space-3) 14px;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);font-size:var(--text-15);text-align:left;display:flex;position:fixed;transform:translate(-50%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toast{background:var(--color-surface-overlay);color:var(--color-heading);border:1px solid var(--color-border-subtle)}}:root[data-theme=dark] .toast{background:var(--color-surface-overlay);color:var(--color-heading);border:1px solid var(--color-border-subtle)}.toast-message{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:auto;min-width:0;display:-webkit-box;overflow:hidden}.toast-link{color:var(--color-brand);font-weight:var(--weight-bold);white-space:nowrap;flex-shrink:0;text-decoration:none}.toast-link:hover{text-decoration:underline}.toast-close{min-width:32px;min-height:32px;margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0;border-radius:var(--radius-full);color:inherit;font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.toast-close:focus-visible{outline:2px solid var(--color-accent-line);outline-offset:2px}@media (width>=900px){.toast{left:calc(var(--sidebar-width,264px) + var(--space-6,24px));bottom:var(--space-4);transform:none}}.toast-action{min-height:44px;padding:0 var(--space-2);font:inherit;font-weight:var(--weight-bold);cursor:pointer;background:0 0;border:0}
