@layer theme, base, components, utilities;@layer components{.explorer-layout{display:grid;grid-template-columns:var(--pane-explorer,260px) minmax(0,1fr);height:100%}.explorer-pane{position:relative;flex-direction:column;min-width:0;border-inline-end:1px solid var(--border);background:var(--background)}.explorer,.explorer-pane{display:flex;min-height:0}.explorer{flex:1;flex-direction:column}.explorer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex:none;height:40px;padding:0 6px 0 var(--space-3);border-bottom:1px solid var(--border)}.explorer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-compact);font-weight:var(--weight-medium)}.explorer-actions,.tree-row-actions{display:flex;flex:none;gap:1px}.tree-row-actions{margin-inline-start:auto;padding-inline-start:6px;opacity:0;transition:opacity var(--duration-hover) ease}@media (hover:hover) and (pointer:fine){.tree-row:hover .tree-row-actions{opacity:1}}.tree-row-actions:focus-within,.tree-row:focus-visible .tree-row-actions,.tree-row[aria-selected=true] .tree-row-actions{opacity:1}.tree-action{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;color:var(--foreground-tertiary);transition:background-color var(--duration-hover) ease,color var(--duration-hover) ease}@media (hover:hover) and (pointer:fine){.tree-action:hover{background:var(--surface-active);color:var(--foreground)}}.tree-input{flex:1;min-width:0;height:20px;margin-inline-end:4px;padding:0 5px;border:1px solid var(--focus);border-radius:4px;background:var(--surface);color:var(--foreground);font:inherit;outline:none}.tree-input[aria-invalid=true]{border-color:var(--danger)}.tree-row-draft{cursor:default}.tree-draft-error{margin:6px 8px 0;padding:4px 8px;border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-size:12px}.tree{flex:1;min-height:0;overflow:auto;margin:0;padding:6px 6px var(--space-6);list-style:none}.tree-row{display:flex;align-items:center;height:26px;padding-inline-end:var(--space-2);border-radius:var(--radius);color:var(--foreground-secondary);font-size:var(--text-compact);white-space:nowrap;cursor:pointer;user-select:none;transition:background-color .1s ease,color .1s ease}.tree-row:hover{background:var(--surface-hover);color:var(--foreground)}.tree-row[aria-selected=true]{background:var(--surface-active);color:var(--foreground)}.tree-row:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--focus)}.tree-guides{display:flex;align-self:stretch;flex:none;padding-inline-start:2px}.tree-guide{position:relative;width:16px}.tree-guide:before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:9px;width:1px;background:var(--border)}.tree-chevron{display:grid;place-items:center;flex:none;width:16px;height:16px;color:var(--foreground-tertiary);transition:transform .15s var(--ease-out)}.tree-chevron svg{display:block}.tree-chevron[data-open]{transform:rotate(90deg)}.tree-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.tree-name-separator,.tree-name[data-muted]{color:var(--foreground-tertiary)}.tree-dirty{flex:none;width:8px;height:8px;margin-inline-start:auto;border-radius:50%;background:var(--warning)}.editor-crumbs{display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden;color:var(--foreground-secondary);font-size:var(--text-compact);white-space:nowrap}.editor-crumb-separator{width:14px;height:14px;color:var(--foreground-tertiary)}.editor-crumb-current{display:inline-flex;align-items:center;color:var(--foreground);font-weight:var(--weight-medium)}.editor-crumb-current .file-icon{margin:0 6px 0 0}@media (max-width:720px){.explorer-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,32vh) minmax(0,1fr)}.explorer-pane{border-inline-end:none;border-bottom:1px solid var(--border)}.explorer-pane .resize-handle{display:none}}@media (pointer:coarse){.tree-row{min-height:36px}.tree-action{width:32px;height:32px}}}