@layer theme, base, components, utilities;@layer components{.shell{display:grid;grid-template-columns:var(--pane-sidebar,240px) minmax(0,1fr);height:100vh;height:100dvh;background:var(--background);transition:grid-template-columns var(--duration-panel) var(--ease-drawer)}.shell[data-sidebar=closed]{grid-template-columns:0 minmax(0,1fr)}body[data-resizing] .shell{transition:none}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0}.workspace>.main{flex:1;min-height:0}.resize-handle{position:absolute;top:0;bottom:0;z-index:25;width:12px;cursor:col-resize;touch-action:none;outline:none}.resize-handle[data-edge=end]{inset-inline-end:-6px}.resize-handle[data-edge=start]{inset-inline-start:-6px}.resize-handle-line{position:absolute;top:0;bottom:0;inset-inline-start:5px;width:2px;border-radius:1px;background:var(--border-strong);opacity:0;transition:opacity var(--duration-hover) ease,background-color var(--duration-hover) ease}.resize-handle-grip{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:14px;height:32px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-raised);box-shadow:var(--shadow-small);color:var(--foreground-tertiary);opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity var(--duration-hover) ease,transform .2s var(--ease-out),border-color var(--duration-hover) ease,color var(--duration-hover) ease}@media (hover:hover) and (pointer:fine){.resize-handle:hover .resize-handle-grip,.resize-handle:hover .resize-handle-line{opacity:1;transition-delay:.12s}.resize-handle:hover .resize-handle-grip{transform:translate(-50%,-50%) scale(1)}}.resize-handle:focus-visible .resize-handle-line,.resize-handle[data-dragging] .resize-handle-line{opacity:1;background:var(--focus);transition-delay:0s}.resize-handle:focus-visible .resize-handle-grip,.resize-handle[data-dragging] .resize-handle-grip{opacity:1;transform:translate(-50%,-50%) scale(1);border-color:var(--focus);color:var(--focus);transition-delay:0s}.resize-handle[data-limit] .resize-handle-line{background:var(--foreground-tertiary)}.resize-handle-value{position:absolute;top:50%;padding:2px 6px;border-radius:var(--radius);background:var(--foreground);color:var(--background);font-size:11px;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;transform:translateY(-50%);animation:resize-value-in .15s var(--ease-out) both}.resize-handle[data-edge=end] .resize-handle-value{inset-inline-end:16px}.resize-handle[data-edge=start] .resize-handle-value{inset-inline-start:16px}@keyframes resize-value-in{0%{opacity:0}}.sidebar{position:relative;min-width:0;min-height:0;border-inline-end:1px solid var(--border);background:var(--background);clip-path:inset(0 -6px 0 0)}.sidebar-panel{display:flex;flex-direction:column;width:calc(var(--pane-sidebar, 240px) - 1px);height:100%;transition:opacity .2s var(--ease-out),translate var(--duration-panel) var(--ease-drawer)}.shell[data-sidebar=closed] .sidebar{visibility:hidden;transition:visibility 0s linear var(--duration-panel)}.shell[data-sidebar=closed] .sidebar-panel{opacity:0;translate:-24px 0;transition-duration:.12s,var(--duration-panel)}.sidebar-top{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2)}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;gap:2px;padding:var(--space-1) var(--space-3) var(--space-3)}.sidebar-group,.sidebar-nav{display:flex;flex-direction:column}.sidebar-group{gap:1px}.sidebar-group+.sidebar-group{margin-top:var(--space-3)}.sidebar-group-label{padding:0 var(--space-2) 4px;color:var(--foreground-tertiary);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.02em}.sidebar-separator{flex:none;height:1px;margin:var(--space-2) calc(var(--space-3) * -1);border:none;background:var(--border)}.sidebar-link{display:flex;align-items:center;gap:10px;height:32px;padding:0 var(--space-2);border-radius:var(--radius);color:var(--foreground-secondary);font-size:var(--text-body);white-space:nowrap;transition:background-color var(--duration-hover) ease,color var(--duration-hover) ease}.sidebar-link svg{width:16px;height:16px}.sidebar-link:hover{background:var(--surface-hover);color:var(--foreground)}.sidebar-link[aria-current=page]{background:var(--surface-active);color:var(--foreground);font-weight:var(--weight-medium)}.sidebar-link-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-foot{display:flex;align-items:center;gap:10px;height:52px;padding:0 var(--space-5);color:var(--foreground-secondary);font-size:var(--text-compact)}.sidebar-foot svg{width:16px;height:16px}.switcher-trigger{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 var(--space-2);border:none;border-radius:var(--radius-large);background:none;text-align:start;cursor:pointer;transition:background-color var(--duration-hover) ease}.switcher-trigger:hover,.switcher-trigger[aria-expanded=true]{background:var(--surface-hover)}.switcher-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-medium);letter-spacing:-.01em}.switcher-chevron{width:16px;height:16px;color:var(--foreground-tertiary)}.header{container:header/inline-size;display:flex;align-items:center;gap:var(--space-4);height:var(--header-height);padding-block:0;padding-inline:var(--space-2) var(--space-4);border-bottom:1px solid var(--border)}.header,.header>.header-actions,.header>.header-remote,.header>.status{flex:none}.sidebar-toggle{margin-inline-end:calc(var(--space-2) * -1)}.crumbs{display:flex;flex:0 1 auto;align-items:center;gap:var(--space-2);color:var(--foreground-secondary);font-size:var(--text-body);white-space:nowrap}.crumbs,.crumbs>*{min-width:0;overflow:hidden}.crumbs>*{text-overflow:ellipsis}.crumbs>.crumb-separator{flex:none}@container header (max-width: 640px){.crumbs>:nth-child(-n+2){display:none}}@container header (max-width: 480px){.crumbs>:nth-child(-n+4){display:none}}@container header (max-width: 560px){.header .header-soon,.header-action-label,.header>.header-remote,.header>.status{display:none}.header{gap:var(--space-3);padding-inline-end:var(--space-3)}}.crumbs a{transition:color var(--duration-hover) ease}.crumbs a:hover{color:var(--foreground)}.crumb-separator{color:var(--border-strong)}.crumb-current{color:var(--foreground);font-weight:var(--weight-medium)}.header-remote{display:inline-flex;align-items:center;gap:4px;color:var(--warning);font-size:var(--text-compact)}.header-remote svg{width:14px;height:14px}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto}@media (max-width:960px){.shell,.shell[data-sidebar=closed]{grid-template-columns:minmax(0,1fr)}.shell>.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:60;width:min(280px,86vw);clip-path:none;box-shadow:var(--shadow-large);visibility:hidden;translate:-100% 0;transition:translate var(--duration-panel) var(--ease-drawer),visibility 0s linear var(--duration-panel)}[dir=rtl] .shell>.sidebar{translate:100% 0}.shell[data-drawer=open]>.sidebar{visibility:visible;translate:0 0;transition:translate var(--duration-panel) var(--ease-drawer),visibility 0s}.shell>.sidebar .sidebar-panel,.shell[data-sidebar=closed]>.sidebar .sidebar-panel{width:100%;opacity:1;translate:none}.shell>.sidebar .resize-handle{display:none}.shell[data-drawer=open]:after{content:"";position:fixed;inset:0;z-index:55;background:color-mix(in srgb,var(--background) 55%,transparent);animation:drawer-scrim .2s var(--ease-out) both}@keyframes drawer-scrim{0%{opacity:0}}}}