.app-shell{--app-side-w:14.5rem;--app-bar-h:2.75rem;grid-template-columns:var(--app-side-w) minmax(0, 1fr);background:var(--color-bg);min-height:100vh;color:var(--color-text);font-size:var(--text-sm);line-height:var(--text-sm-lh);display:grid}.app-shell[data-collapsed=true]{grid-template-columns:minmax(0,1fr)}.app-shell[data-collapsed=true] .app-side{display:none}.app-skip-link{left:var(--space-4);top:calc(var(--space-12) * -1);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);position:absolute}.app-skip-link:focus{top:var(--space-4)}.app-side{z-index:10;background:var(--color-surface);border-right:var(--border-width) solid var(--color-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.app-side-top{align-items:center;gap:var(--space-2);height:var(--app-bar-h);padding:0 var(--space-2) 0 var(--space-4);display:flex}.app-brand{color:var(--color-text);align-items:center;text-decoration:none;display:inline-flex}.app-side-ws{min-width:0;color:var(--color-text-muted);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-icon-btn{width:var(--control-height-sm);height:var(--control-height-sm);border-radius:var(--radius-sm);color:var(--color-text-subtle);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.app-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.app-switch-wrap{padding:var(--space-1) var(--space-2) var(--space-3);position:relative}.app-switch{align-items:center;gap:var(--space-2);width:100%;height:2.25rem;padding:0 var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);display:flex}.app-switch:hover,.app-switch[aria-expanded=true]{border-color:var(--color-border-strong)}.app-switch-mark{border-radius:var(--radius-sm);background:var(--color-surface-hover);width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 var(--border-width) var(--color-border);color:var(--color-text-muted);font-weight:var(--weight-semibold);flex-shrink:0;place-items:center;display:grid}.app-switch-name{min-width:0;font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-switch-icon{color:var(--color-text-subtle);display:grid}.app-menu{top:calc(100% - var(--space-2));left:var(--space-2);z-index:20;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:17rem;box-shadow:var(--shadow-overlay);animation:app-menu-in var(--duration-fast) var(--ease-out);position:absolute}@keyframes app-menu-in{0%{opacity:0;transform:translateY(-2px)}}.app-menu-search{padding:var(--space-2);border-bottom:var(--border-width) solid var(--color-border)}.app-menu-search input{width:100%;height:var(--control-height-sm);padding:0 var(--space-2);color:var(--color-text);font:inherit;background:0 0;border:0}.app-shell .app-menu-search input:focus,.app-shell .app-menu-search input:focus-visible{outline:none}.app-menu-search input::placeholder{color:var(--color-text-subtle)}.app-menu-search input::-webkit-search-cancel-button{appearance:none}.app-menu-list,.app-menu-foot{padding:var(--space-1);margin:0;list-style:none;display:grid}.app-menu-foot{border-top:var(--border-width) solid var(--color-border)}.app-menu-item{align-items:center;gap:var(--space-2);height:var(--control-height-md);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;display:flex}.app-menu-item:hover,.app-menu-item:focus-visible{background:var(--color-surface-hover);outline:none}.app-menu-foot .app-menu-item{color:var(--color-text-muted)}.app-menu-plus{place-items:center;width:16px;display:grid}.app-menu-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-menu-meta{align-items:center;gap:var(--space-1);color:var(--color-text-subtle);display:inline-flex}.app-menu-check{width:14px;display:grid}.app-menu-empty{padding:var(--space-2);color:var(--color-text-subtle)}.app-side-nav{min-height:0;padding:0 var(--space-2) var(--space-4);flex:1;align-content:start;gap:1px;display:grid;overflow-y:auto}.app-nav-group,.app-nav-sub{gap:1px;display:grid}.app-nav-sub[hidden]{display:none}.app-nav-item{align-items:center;gap:var(--space-2);width:100%;height:var(--control-height-md);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);font:inherit;font-weight:var(--weight-medium);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;text-decoration:none;display:flex}.app-nav-item svg{color:var(--color-text-subtle);transition:color var(--duration-fast) var(--ease-out);flex-shrink:0}.app-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.app-nav-item:hover svg{color:var(--color-text-muted)}.app-nav-item[aria-current=page]{background:var(--color-bg);box-shadow:inset 0 0 0 var(--border-width) var(--color-border);color:var(--color-text)}.app-nav-item[aria-current=page] svg,.app-nav-group-btn.is-holding,.app-nav-group-btn.is-holding svg{color:var(--color-text)}.app-nav-child{padding-left:calc(var(--space-2) + 16px + var(--space-2))}.app-nav-caret{color:var(--color-text-subtle);transition:transform var(--duration-fast) var(--ease-out);margin-left:auto;display:grid}.app-nav-group-btn[aria-expanded=true] .app-nav-caret{transform:rotate(90deg)}.app-nav-rule{height:1px;margin:var(--space-3) var(--space-2);background:var(--color-border)}.app-side-foot{gap:var(--space-3);padding:var(--space-4);border-top:var(--border-width) solid var(--color-border);display:grid}.app-usage{gap:var(--space-2);color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-decoration:none;display:grid}.app-usage:hover{color:var(--color-text)}.app-usage-bar{background:var(--color-border);border-radius:2px;height:4px;display:block;overflow:hidden}.app-usage-bar>span{background:var(--color-text-muted);height:100%;display:block}.app-user{min-height:var(--control-height-md);align-items:center;display:flex}.app-user-trigger{border-radius:var(--radius-sm)}.app-user-box{gap:var(--space-2);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);flex-direction:row-reverse}.app-column{flex-direction:column;min-width:0;display:flex}.app-bar{z-index:5;align-items:center;gap:var(--space-4);min-height:var(--app-bar-h);padding:0 var(--space-4) 0 var(--space-3);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-bg);white-space:nowrap;display:flex;position:sticky;top:0}.app-bar-crumb{align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text-muted);display:flex}.app-bar-project{text-overflow:ellipsis;overflow:hidden}.app-bar-chevron{color:var(--color-text-subtle);display:grid}.app-bar-page{color:var(--color-text);font-weight:var(--weight-medium)}.app-bar-live{align-items:center;gap:var(--space-3);min-width:0;color:var(--color-text-muted);margin-left:auto;display:flex}.app-bar-where{align-items:center;gap:var(--space-2);min-width:0;display:none}.app-shell[data-collapsed=true] .app-bar-where{display:flex}.app-bar-version{align-items:center;gap:var(--space-2);color:var(--color-text-muted);text-decoration:none;display:inline-flex}.app-bar-version:hover .ui-mono{color:var(--color-text)}.app-bar-note{text-overflow:ellipsis;min-width:0;overflow:hidden}.app-state{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--weight-medium);display:inline-flex}.app-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:.4375rem;height:.4375rem;display:inline-block}.app-dot--off{background:var(--color-border-control)}.app-column>.pv-main{width:100%}.app-shell :is(a,button,input):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-side :is(.app-nav-item,.app-menu-item):focus-visible{outline-offset:-2px}@media (max-width:899px){.app-bar-where{display:flex}.app-shell,.app-shell[data-collapsed=true]{grid-template-columns:minmax(0,1fr)}.app-side,.app-shell[data-collapsed=true] .app-side{z-index:40;visibility:hidden;width:min(18rem,85vw);box-shadow:var(--shadow-overlay);transition:transform var(--duration-base) var(--ease-out), visibility 0s linear var(--duration-base);display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-shell[data-drawer=true] .app-side{visibility:visible;transition:transform var(--duration-base) var(--ease-out);transform:none}.app-scrim{z-index:39;background:var(--color-text);opacity:.16;position:fixed;inset:0}}@media (max-width:767px){.app-bar{gap:var(--space-2);padding-right:var(--space-3)}.app-bar-project,.app-bar-chevron,.app-bar-note{display:none}}@media (prefers-reduced-motion:reduce){.app-menu{animation:none}.app-icon-btn,.app-nav-item,.app-nav-item svg,.app-nav-caret,.app-switch,.app-side,.app-shell[data-drawer=true] .app-side{transition:none}}