@layer components{.loading-skeleton-items{opacity:0;animation:loading-reveal var(--duration-enter) ease-out var(--delay-reveal) forwards}.app-loading-reveal{align-items:center;gap:calc(var(--spacing) * 5);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.loading-skeleton-items{opacity:1;animation:none}}.workspace-surface{border-radius:var(--pane-radius);border:1px solid var(--border);background:linear-gradient(var(--background-subtle), var(--background-subtle)) var(--background);isolation:isolate;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-surface>header{height:var(--pane-header-height);min-height:var(--pane-header-height);border:0;flex-shrink:0;align-items:center;gap:10px;padding:0 12px;display:flex}.workspace-surface>header :is(h1,h2){min-width:0;font:var(--type-section-title);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.workspace-panel-header :is(h1,h2){letter-spacing:normal;padding-inline:8px}.workspace-panel-header>:is(button,a){flex-shrink:0}.workspace-panel-inset{border-radius:var(--radius-2xl);background:var(--background);border:0;margin:8px;overflow:hidden}.workspace-page{margin:var(--pane-gap);min-height:calc(100dvh - 2 * var(--pane-gap));overflow:visible}.workspace-page>.workspace-page-body{flex:1;overflow:clip}@media (width<=767px){.workspace-surface{border:0;border-radius:0}.workspace-panel-inset{border-radius:0;margin:0}}}@keyframes loading-reveal{to{opacity:1}}