:where(editor-shell){--editor-bg:var(--a-canvas-0);--editor-border:1px solid var(--a-border-subtle);--editor-panel-bg:var(--a-canvas-2);--editor-bar-height:var(--a-chrome-pane-header-height);--editor-bar-px:var(--a-space-3);--editor-bar-gap:var(--a-space-2);--editor-bar-font:var(--a-ui-size);--editor-bar-fg:var(--a-fg-muted);--editor-bar-fg-strong:var(--a-fg-strong);--editor-canvas-bg:var(--a-canvas-1);--editor-canvas-fg:var(--a-fg-muted);--editor-canvas-toolbar-bg:var(--editor-panel-bg);--editor-canvas-toolbar-px:var(--a-space-3);--editor-canvas-toolbar-gap:var(--a-space-2);--editor-title-weight:var(--a-weight-medium);--editor-pane-width-left:240px;--editor-pane-width-right:280px}@scope(editor-shell){:scope{box-sizing:border-box;background:var(--editor-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}editor-canvas{background:var(--editor-canvas-bg);min-width:0;color:var(--editor-canvas-fg);flex:1;justify-content:flex-start;align-items:stretch;display:flex}pane-ui{--pane-radius:0;--pane-bg:var(--editor-panel-bg);flex-shrink:0;height:100%}editor-sidebar[slot=leading]>pane-ui{width:var(--editor-pane-width-left)}editor-sidebar[slot=trailing]>pane-ui{width:var(--editor-pane-width-right)}}@scope(editor-toolbar){editor-shell>:scope{box-sizing:border-box;align-items:center;gap:var(--editor-toolbar-gap,var(--a-space-2));padding:0 var(--editor-toolbar-px,var(--a-space-3));height:var(--editor-toolbar-height,var(--a-size-lg));font-size:var(--editor-toolbar-font,var(--a-ui-size));box-shadow:inset 0 -1px 0 var(--a-border-subtle);background:var(--editor-panel-bg,var(--a-bg));flex-shrink:0;grid-area:toolbar;display:flex}:scope>[slot=title]{font-weight:var(--a-weight-medium,500);color:var(--a-fg)}:scope>[slot=action-leading]{margin-inline-end:var(--a-space-2)}:scope>[slot=status]{color:var(--a-fg-muted);margin-inline-start:var(--a-space-2)}:scope>[slot=action]{margin-inline-start:auto}:scope>[slot=action]~[slot=action]{margin-inline-start:var(--a-space-2)}}@scope(editor-canvas){editor-shell>:scope{background:var(--editor-canvas-bg,var(--a-bg-subtle));flex-direction:column;flex:1;grid-area:canvas;justify-content:flex-start;align-items:stretch;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}:scope>*{transform:scale(var(--editor-canvas-zoom,1));transform-origin:0 0}:scope[empty]>editor-canvas-empty{padding:var(--a-space-6);flex:1;justify-content:center;align-items:center;display:flex}}@scope(editor-canvas-toolbar){:scope{align-items:center;gap:var(--editor-canvas-toolbar-gap,var(--a-space-2));padding:0 var(--editor-canvas-toolbar-px,var(--a-space-3));box-shadow:inset 0 -1px 0 var(--a-border-subtle);background:var(--editor-canvas-toolbar-bg,var(--editor-panel-bg,var(--a-bg)));z-index:1;flex-shrink:0;display:flex;position:sticky;top:0;transform:none}:scope>[slot=title]{font-weight:var(--a-weight-medium,500);color:var(--a-fg)}:scope>[slot=action-leading]{align-items:center;gap:var(--editor-canvas-toolbar-gap,var(--a-space-2));flex-shrink:0;margin-inline-end:var(--a-space-2);display:flex}:scope>[slot=action]{align-items:center;gap:var(--editor-canvas-toolbar-gap,var(--a-space-2));flex-shrink:0;margin-inline-start:auto;display:flex}:scope>[slot=action]~[slot=action]{margin-inline-start:var(--editor-canvas-toolbar-gap,var(--a-space-2))}}@scope(editor-sidebar){:is(:scope[slot=leading],:scope[slot=trailing]){flex-direction:column;flex-shrink:0;min-height:0;display:flex;position:relative}:scope[slot=leading]{border-right:var(--editor-border,1px solid var(--a-border-subtle));grid-area:leading}:scope[slot=trailing]{border-left:var(--editor-border,1px solid var(--a-border-subtle));grid-area:trailing}:scope>pane-ui{flex-direction:column;flex:1;min-height:0;display:flex}:scope{transition:width var(--editor-sidebar-duration,var(--a-duration,.18s)) var(--editor-sidebar-easing,var(--a-easing,ease));container:editor-sidebar/inline-size}:scope>pane-ui{transition:width var(--editor-sidebar-duration,var(--a-duration,.18s)) var(--editor-sidebar-easing,var(--a-easing,ease))}:scope[collapsed]>pane-ui{min-width:var(--editor-sidebar-collapsed-width,48px);overflow:hidden;width:var(--editor-sidebar-collapsed-width,48px)!important}:scope[collapsed]>pane-ui>section,:scope[collapsed]>pane-ui>footer{display:none}:scope[collapsed]>pane-ui>header{justify-content:flex-start;align-items:center;gap:var(--a-space-1);padding:var(--a-space-2) 0;flex-direction:column;display:flex}:scope[collapsed]>pane-ui>header :is(span:not([data-icon]):not([slot]),label,h1,h2,h3){display:none}:scope[collapsed]{background:var(--editor-sidebar-rail-bg,var(--a-bg-subtle,var(--a-bg)))}:scope:is([resizing],:has(pane-ui[data-resizing])),:scope:is([resizing],:has(pane-ui[data-resizing]))>pane-ui{transition:none}}@scope(editor-statusbar){editor-shell>:scope{box-sizing:border-box;align-items:center;gap:var(--editor-statusbar-gap,var(--a-space-2));padding:0 var(--editor-statusbar-px,var(--a-space-3));height:var(--editor-statusbar-height,var(--a-size-md));font-size:var(--editor-statusbar-font,var(--a-ui-sm));box-shadow:inset 0 1px 0 var(--a-border-subtle);background:var(--editor-panel-bg,var(--a-bg));color:var(--a-fg-muted);flex-shrink:0;grid-area:statusbar;display:flex}:scope>[slot=cursor],:scope>[slot=zoom]{font-family:var(--a-font-family-mono);margin-inline-start:var(--a-space-2)}:scope>[slot=action]{margin-inline-start:auto}:scope>[slot=action]~[slot=action]{margin-inline-start:var(--a-space-2)}}@scope(editor-shell){:scope:has(>editor-canvas){grid-template:"toolbar toolbar toolbar""leading canvas trailing"1fr"statusbar statusbar statusbar"/auto 1fr auto;height:100%;display:grid}}@scope(editor-shell){:scope[data-narrow]>editor-sidebar[slot=leading],[data-mobile-nav-trigger]{display:none}:scope[data-narrow] [data-mobile-nav-trigger]{display:inline-flex}}