@layer components{.x-ella-shell{align-items:center;gap:var(--pad);flex-direction:row;font-family:Nunito Sans,sans-serif;font-size:16px;display:flex}.x-ella-shell>*{pointer-events:auto}.x-ella-shell>nav{z-index:1;--active-sidebar-width:var(--sidebar-width);--navbar-visual-trim:36px;width:var(--active-sidebar-width);box-sizing:border-box;flex-direction:column;flex:none;display:flex;position:relative}.x-ella-shell>nav>button{border:none;padding:0}.x-ella-shell>nav .x-navbar{opacity:1;transform:translateY(0)}.x-ella-shell>.pane{pointer-events:auto;opacity:1;box-sizing:border-box;flex:auto;min-width:0;height:100%;padding:0;position:relative;transform:translate(0,0)scale(1)}.x-ella-shell>.pane[data-resizing]{transition:none}.x-ella-shell:has(>.x-confirm)>nav,.x-ella-shell:has(>.x-confirm)>.pane{pointer-events:none;filter:blur(.45em)brightness(.48)}.x-ella-shell .x-pane-resize{z-index:2;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:14px;padding:0;position:absolute;top:24px;bottom:24px;right:-7px}.x-ella-shell .x-pane-resize:before{content:"";background:color-mix(in oklch, var(--fg), transparent 72%);opacity:0;width:2px;transition:opacity var(--motion-fast) ease, background var(--motion-fast) ease;border-radius:999px;position:absolute;top:0;bottom:0;right:6px}.x-ella-shell .x-pane-resize:is(:hover,:focus-visible):before{opacity:1}.x-ella-shell>.pane[data-resizing]>.x-pane-resize:before{background:color-mix(in oklch, var(--alpha), transparent 42%);opacity:1}.x-ella-shell .x-pane-resize:focus-visible{outline:none}.x-ella-shell .x-shortcut-dismiss{z-index:2;cursor:default;background:0 0;border:0;padding:0;position:fixed;inset:0}.x-ella-shell .x-shortcut-menu{z-index:3;top:var(--shortcut-menu-top,calc(50% + 72px));left:calc(var(--sidebar-width) + calc(var(--pad) * 2.5));width:132px;max-height:min(260px, calc(100vh - calc(var(--pad) * 4)));background:var(--ella-menu-surface);border:1px solid var(--line-soft);border-radius:var(--menu-radius);box-shadow:var(--shadow-float), var(--edge-highlight);transform-origin:0;animation:shortcut-menu-in var(--motion-fast) var(--ease-sticky) both;padding:6px;position:absolute;overflow-y:auto;transform:translateY(-50%)}.x-ella-shell .x-shortcut-menu[data-closing]{pointer-events:none;animation:shortcut-menu-out var(--motion-fast) var(--ease-exit) both}.x-ella-shell .x-shortcut-menu button{width:100%;min-height:36px;color:var(--text);text-align:left;cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font:700 13px/1.1 Nunito Sans,sans-serif;display:flex;transform:translate(0)}.x-ella-shell .x-shortcut-menu button:is(:hover,:focus-visible){color:var(--fg);background:var(--ella-hover-surface);outline:none;transform:translate(1px)}.x-ella-shell .x-shortcut-menu button[data-added]{color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 92%)}.x-ella-shell .x-shortcut-menu button:active{transform:translateX(1px) scale(var(--motion-press-scale))}.x-ella-shell .x-shortcut-menu button:disabled{cursor:not-allowed;opacity:.45}.x-ella-shell .x-shortcut-menu svg{flex:none;width:15px;height:15px}.x-ella-shell .x-shortcut-menu span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@keyframes shortcut-menu-in{0%{opacity:0;transform:translateY(calc(-50% + var(--motion-entrance-y))) scale(.96)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes shortcut-menu-out{0%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(calc(-50% + calc(var(--motion-entrance-y) * .5))) scale(.96)}}.x-ella-shell[data-mode=overlay]{--surface-panel:var(--surface-panel-strong);--surface-sidebar:var(--surface-sidebar-strong);--frosted:var(--frosted-strong);pointer-events:none;max-width:100%;height:min(var(--panel-height), calc(100vh - calc(var(--pad) * 2)));max-height:min(var(--panel-height), calc(100vh - calc(var(--pad) * 2)));padding:var(--pad);margin:auto 0;position:fixed;top:0;bottom:0;left:0;overflow:visible}.x-ella-shell[data-mode=overlay]>nav:before,.x-ella-shell[data-mode=overlay]>.pane{border:1px solid var(--lines);-webkit-backdrop-filter:var(--frosted);box-shadow:0 6px 16px #0006,inset 0 0 1px #fff2,inset 0 1px #fff1}.x-ella-shell[data-mode=overlay]>nav{max-height:100%;padding:17px 1px calc(17px + var(--navbar-visual-trim));gap:12px}.x-ella-shell[data-mode=overlay]>nav:before{content:"";pointer-events:none;z-index:-1;top:0;left:0;right:0;bottom:var(--navbar-visual-trim);background:var(--surface-sidebar);border-radius:var(--sidebar-radius);transition:bottom var(--motion-panel) var(--ease-panel), border-radius var(--motion-panel) var(--ease-panel), height var(--motion-panel) var(--ease-panel);display:block;position:absolute}.x-ella-shell[data-mode=overlay]>nav:not([data-opened]):before{height:var(--sidebar-width);bottom:auto}.x-ella-shell[data-mode=overlay]>nav:not([data-opened])>.x-navbar{pointer-events:none;opacity:0;transform:translateY(calc(var(--motion-entrance-y) * .55))}.x-ella-shell[data-mode=overlay]>.pane{width:min(var(--ella-panel-width,var(--panel-width)), calc(100vw - var(--sidebar-width) - calc(var(--pad) * 4)));background:var(--surface-panel);border-radius:var(--panel-radius)}.x-ella-shell[data-mode=overlay]>.pane:not([data-opened]){pointer-events:none;opacity:0;transform:translate3d(calc(-100% - var(--motion-panel-x)), 0, 0) scale(.985)}.x-ella-shell[data-mode=overlay]>nav:before{background:radial-gradient(130% 32% at 100% 0%, color-mix(in oklch, var(--beta), transparent 91%), transparent 62%), radial-gradient(130% 32% at 0% 100%, color-mix(in oklch, var(--alpha), transparent 93%), transparent 62%), var(--surface-sidebar)}.x-ella-shell[data-maximized][data-mode=overlay]>nav[data-opened] .x-navbutton.x-navbutton-logo,.x-ella-shell[data-maximized][data-mode=overlay]>nav[data-opened] .x-navbar>hr{align-self:flex-start;margin-inline-start:calc(var(--pad) * .72)}.x-ella-shell[data-mode=overlay]:not([data-maximized]){--minimized-edge:calc(var(--sidebar-width) / 2)}.x-ella-shell[data-mode=overlay]:not([data-maximized]):is([data-minimize=bubble],[data-minimize=fixed]):has(>nav:not([data-opened])){overflow:visible}.x-ella-shell[data-mode=overlay]:not([data-maximized]):is([data-minimize=bubble],[data-minimize=fixed])>nav:not([data-opened]){height:var(--sidebar-width);cursor:grab;touch-action:none;justify-content:center;align-items:center;gap:0;padding:0}.x-ella-shell[data-mode=overlay]:not([data-maximized]):is([data-minimize=bubble],[data-minimize=fixed])>nav:not([data-opened]):active{cursor:grabbing}.x-ella-shell[data-mode=overlay]:not([data-maximized]):is([data-minimize=bubble],[data-minimize=fixed],[data-minimize=hover])>nav:not([data-opened])>.x-navbar{display:none}.x-ella-shell[data-mode=overlay]:not([data-maximized])[data-minimize=bubble]:has(>nav:not([data-opened])){top:clamp(var(--minimized-edge), var(--minimized-y), calc(100vh - var(--minimized-edge)));bottom:auto;left:clamp(var(--minimized-edge), var(--minimized-x), calc(100vw - var(--minimized-edge)));width:var(--sidebar-width);height:var(--sidebar-width);max-height:var(--sidebar-width);padding:0;transform:translate(-50%,-50%)}.x-ella-shell[data-mode=overlay]:not([data-maximized])[data-minimize=fixed]:has(>nav:not([data-opened])){top:clamp(var(--minimized-edge), var(--minimized-y), calc(100vh - var(--minimized-edge)));width:var(--sidebar-width);height:var(--sidebar-width);max-height:var(--sidebar-width);padding:0;bottom:auto;transform:translateY(-50%)}.x-ella-shell[data-mode=overlay]:not([data-maximized])[data-minimize=fixed][data-minimized-side=left]:has(>nav:not([data-opened])){left:0;right:auto}.x-ella-shell[data-mode=overlay]:not([data-maximized])[data-minimize=fixed][data-minimized-side=right]:has(>nav:not([data-opened])){left:auto;right:0}.x-ella-shell[data-mode=overlay][data-minimize=hover]{pointer-events:auto;overflow:visible}.x-ella-shell[data-mode=overlay][data-minimize=hover]:has(>nav:not([data-opened])){width:var(--sidebar-width);padding:0}.x-ella-shell[data-mode=overlay][data-minimize=hover]>nav:not([data-opened]){opacity:0;height:100%;padding:0}.x-ella-shell[data-mode=overlay][data-minimize=hover]>nav:not([data-opened]):after{content:"";background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--alpha), transparent 55%), transparent);opacity:.35;width:3px;transition:opacity var(--anim) ease;position:absolute;inset-block:0;inset-inline-start:0}.x-ella-shell[data-mode=overlay][data-minimize=hover]>nav:not([data-opened]):hover:after{opacity:.8}.x-ella-shell[data-mode=overlay][data-minimize=hover]>nav[data-opened]:after{content:"";height:var(--pad);position:absolute;bottom:100%;left:0;right:0}.x-ella-shell[data-mode=overlay]:is([data-minimize=bubble],[data-minimize=fixed])>nav:not([data-opened]){-webkit-user-select:none;user-select:none}.x-ella-shell[data-mode=overlay]:is([data-minimize=bubble],[data-minimize=fixed])>nav:not([data-opened]) .x-navbutton-logo:is(:hover,:focus-visible,:active){color:var(--fg);transform:none}.x-ella-shell[data-mode=overlay]:is([data-minimize=bubble],[data-minimize=fixed])>nav:not([data-opened]):hover:before{border-color:var(--ella-hover-line);box-shadow:var(--shadow), 0 0 1.2em color-mix(in oklch, var(--alpha), transparent 85%);transition:border-color var(--anim) ease, box-shadow var(--anim) ease}.x-ella-shell[data-mode=overlay]>nav:not([data-opened]) .x-navbutton-logo img{pointer-events:none;-webkit-user-select:none;user-select:none}.x-ella-shell[data-mode=overlay]:is([data-minimize=bubble],[data-minimize=fixed])>nav:not([data-opened]):before,.x-ella-shell[data-mode=overlay]:is([data-minimize=bubble],[data-minimize=fixed])>nav:not([data-opened]):hover:before{box-shadow:0 1px 4px #0007,inset 0 0 1px #fff2,inset 0 1px #fff1}.x-ella-shell[data-mode=overlay]:is([data-minimize=bubble],[data-minimize=fixed])>nav:not([data-opened]):active:before{box-shadow:var(--shadow), 0 0 1.2em color-mix(in oklch, var(--alpha), transparent 85%);transition:box-shadow var(--anim) ease}.x-ella-shell[data-screenshot-hidden]{opacity:0;pointer-events:none}.x-ella-shell[data-maximized][data-mode=overlay]{--maximized-shell-radius:var(--panel-radius);box-sizing:border-box;align-items:stretch;gap:6px;width:100vw;height:100vh;max-height:100vh;margin:0;padding:12px}.x-ella-shell[data-maximized][data-mode=overlay]>nav{height:100%;max-height:100%;padding:17px 1px}.x-ella-shell[data-maximized][data-mode=overlay]>nav:before{border-radius:var(--maximized-shell-radius);bottom:0}.x-ella-shell[data-maximized][data-mode=overlay]>nav:not([data-opened]):before{height:auto;bottom:0}.x-ella-shell[data-maximized][data-mode=overlay]>.pane[data-maximized]{width:auto;min-width:0;height:100%;max-height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto}.x-ella-shell[data-maximized][data-mode=overlay]>.pane[data-maximized]>.x-shell-pane-body{background:var(--studio-surface-1);border:1px solid var(--studio-line);border-radius:var(--maximized-shell-radius);box-shadow:inset 0 1px 0 var(--studio-line-top);margin-top:6px;overflow:hidden}.x-ella-shell[data-maximized][data-mode=overlay][data-side=right]>.pane[data-maximized]{border-radius:var(--maximized-shell-radius)}.x-ella-shell[data-maximized][data-mode=overlay]>nav>.x-navbar{flex:auto;min-height:0}.x-shell-maximized-nav-head{justify-content:space-between;align-items:center;gap:calc(var(--pad) * .75);width:100%;margin-bottom:calc(var(--pad) * .75);display:flex}.x-ella-shell[data-maximized][data-mode=overlay][data-side=right]>nav[data-opened] .x-shell-maximized-nav-head{flex-direction:row-reverse}.x-shell-nav-toggle{border-radius:calc(var(--round) * 1.25);width:2rem;height:2rem;color:color-mix(in oklch, var(--text), var(--fg) 24%);cursor:pointer;transition:color var(--anim), background var(--anim), border-color var(--anim), transform var(--anim);background:0 0;border:1px solid #0000;place-items:center;display:grid}.x-shell-nav-toggle:is(:hover,:focus-visible){color:var(--fg);border-color:var(--ella-hover-line);background:var(--ella-hover-surface);transform:translateY(var(--motion-hover-y));outline:none}.x-shell-nav-toggle svg{width:1rem;height:1rem}.x-ella-shell[data-maximized][data-mode=overlay]>nav:not([data-opened]) .x-shell-maximized-nav-head{flex-direction:column;justify-content:flex-start}.x-ella-shell[data-maximized][data-mode=overlay]{--maximized-rail-width:15.5rem;--maximized-active-rail-width:var(--sidebar-width)}.x-ella-shell[data-maximized][data-mode=overlay]:has(>nav[data-opened]){--maximized-active-rail-width:var(--maximized-rail-width)}.x-ella-shell[data-maximized][data-mode=overlay]>nav{--active-sidebar-width:var(--maximized-active-rail-width);padding:var(--pad)}.x-ella-shell[data-maximized][data-mode=overlay]>nav .x-navbutton.x-navbutton-logo{background:0 0;border-radius:0;width:2rem;height:2rem}.x-ella-shell[data-maximized][data-mode=overlay]>nav:not([data-opened])>.x-navbar{pointer-events:auto;opacity:1;transform:none}.x-ella-shell[data-maximized][data-mode=overlay]>nav:not([data-opened]){padding-inline:0}.x-ella-shell[data-maximized][data-mode=overlay]>nav>.x-navbar,.x-ella-shell[data-maximized][data-mode=overlay]>nav>.x-navbar>div{align-items:stretch;width:100%}.x-ella-shell[data-maximized][data-mode=overlay]>nav .x-navbutton.x-navbutton-labeled{justify-content:flex-start;gap:calc(var(--pad) * .9);height:2.35rem;padding:0 calc(var(--pad) * 1.15);border-radius:calc(var(--round) * 1.15);flex-direction:row}.x-ella-shell[data-maximized][data-mode=overlay]>nav .x-navbutton-label{text-align:left;font-size:.82rem;line-height:1}.x-ella-shell[data-maximized][data-mode=overlay]>nav[data-opened] .x-navbutton-badge{display:inline-flex}.x-ella-shell[data-maximized][data-mode=overlay]>nav .x-navbutton.x-navbutton-labeled[data-clickable]:is(:hover,:focus-visible){color:var(--fg);background:color-mix(in oklch, var(--fg), transparent 96%);transform:translateY(0)}.x-ella-shell[data-maximized][data-mode=overlay]>nav .x-navbutton.x-navbutton-labeled[data-marked]{color:var(--fg);background:var(--ella-active-surface);box-shadow:inset 2px 0 0 var(--alpha)}.x-ella-shell[data-maximized][data-mode=overlay]>nav:not([data-opened]) .x-navbutton-label{display:none}.x-ella-shell[data-maximized][data-mode=overlay]>nav:not([data-opened]) .x-navbutton.x-navbutton-labeled{justify-content:center;padding:0}.x-ella-shell[data-maximized][data-mode=overlay]>nav:not([data-opened]) .x-shell-nav-toggle{margin-top:calc(var(--pad) * .25)}.x-ella-shell>.pane{flex-direction:column;display:flex}.x-shell-pane-body{flex:auto;min-height:0;display:flex}.x-shell-pane-body>.x-panel{flex:auto;min-height:0}.x-ella-shell[data-maximized][data-mode=overlay] .x-shell-maximized-bar{justify-content:flex-end;align-items:center;gap:calc(var(--pad) * .75);min-height:48px;padding:0 var(--space);display:flex}.x-shell-maximized-bar :where(button,span){font:inherit}.x-shell-maximized-actions{align-items:center;gap:calc(var(--pad) * .6);display:flex}.x-ella-shell[data-rail-edge=top][data-maximized][data-mode=overlay]{gap:0;padding:0}.x-ella-shell[data-rail-edge=top][data-maximized][data-mode=overlay]>.pane[data-maximized]>.x-shell-pane-body{box-shadow:none;border:0;border-radius:0;margin-top:0}.x-ella-shell[data-rail-edge=top][data-maximized][data-mode=overlay] .x-shell-maximized-bar{justify-content:space-between;gap:var(--pad);padding-inline:var(--pad)}.x-ella-shell[data-rail-edge=top][data-maximized][data-mode=overlay] .x-shell-rail{min-width:0;display:flex}@media (width<=300px){.x-ella-shell[data-rail-edge=top] .x-shell-credits .x-shell-control-copy,.x-ella-shell[data-rail-edge=top] .x-shell-account-signin span,.x-ella-shell[data-rail-edge=top] .x-shell-upgrade{display:none}}.x-shell-account-menu{transform-origin:100% 0;animation:x-motion-pop var(--motion-fast) var(--ease-sticky) both}.x-ella-shell[data-mode=sidebar]{align-items:stretch;gap:0;width:100%;height:100%}.x-ella-shell[data-mode=sidebar]>nav{height:100%;padding:var(--pad);gap:var(--pad);border-inline-end:1px solid var(--line-soft);background:var(--surface-sidebar);-webkit-backdrop-filter:var(--frosted)}.x-ella-shell[data-mode=sidebar]>nav>.x-navbar{max-height:var(--sidebar-height)}.x-ella-shell[data-mode=sidebar]>.pane>.x-pane-resize{display:none}.x-ella-shell[data-side=right]{right:0;left:unset;flex-direction:row-reverse}.x-ella-shell[data-side=right] .x-shortcut-menu{right:calc(var(--sidebar-width) + calc(var(--pad) * 2.5));transform-origin:100%;left:auto}.x-ella-shell[data-side=right]>.pane:not([data-opened]){transform:translate3d(calc(100% + var(--motion-panel-x)), 0, 0) scale(.985)}.x-ella-shell[data-side=right]>.pane>.x-pane-resize{left:-7px;right:auto}.x-ella-shell[data-side=right]>.pane>.x-pane-resize:before{left:6px;right:auto}.x-ella-shell[data-mode=overlay]{transition:height var(--motion-panel) var(--ease-panel), max-height var(--motion-panel) var(--ease-panel), padding var(--motion-panel) var(--ease-panel), margin var(--motion-panel) var(--ease-panel)}.x-ella-shell[data-mode=overlay]>nav{transition:width var(--motion-panel) var(--ease-panel), height var(--motion-panel) var(--ease-panel)}.x-ella-shell[data-mode=overlay]>nav .x-navbar{transition:opacity var(--motion-view) ease, transform var(--motion-view) var(--ease-enter)}.x-ella-shell[data-mode=overlay]>.pane{transition:opacity var(--motion-view) ease, transform var(--motion-panel) var(--ease-panel), width var(--motion-panel) var(--ease-panel), height var(--motion-panel) var(--ease-panel), border-radius var(--motion-panel) var(--ease-panel)}.x-ella-shell[data-mode=overlay]>.pane[data-resizing]{transition:none}.x-ella-shell:has(>.x-confirm)>:is(nav,.pane){transition:filter var(--motion-view) ease, opacity var(--motion-view) ease, transform var(--motion-panel) var(--ease-panel)}.x-ella-shell .x-dropdown{--dropdown-surface:var(--ella-menu-surface)}.x-ella-shell :is(.x-dropdown-menu,.chat-history-menu,.chat-mention-menu,.library-filter-menu,.library-context-menu,.chat-tool-menu,.chat-message-save-menu){background:var(--ella-menu-surface);-webkit-backdrop-filter:none;overflow-x:hidden}.x-ella-shell :is(.x-dropdown-menu,.chat-history-menu,.chat-mention-menu,.library-filter-menu,.library-context-menu,.chat-tool-menu,.chat-message-save-menu) ::selection{color:var(--fg);background:color-mix(in oklch, var(--alpha), transparent 6%);text-shadow:none}.x-navbar-section{gap:calc(var(--pad) * .42);display:grid}.x-navbar-section+.x-navbar-section{margin-top:calc(var(--pad) * .72);padding-top:calc(var(--pad) * 1.08);border-top:1px solid var(--line-soft)}.x-navbar-section-toggle,.x-navbar-section-header{justify-content:space-between;align-items:center;gap:calc(var(--pad) * .8);width:100%;padding:0 calc(var(--pad) * 1.15);color:color-mix(in oklch, var(--fg), transparent 55%);font:inherit;background:0 0;display:flex}.x-navbar-section-toggle{cursor:pointer;transition:color var(--anim) ease;border:0}.x-navbar-section-toggle:is(:hover,:focus-visible){color:var(--fg);outline:none}.x-navbar-section-toggle svg{width:.8rem;height:.8rem;transition:transform var(--anim)}.x-navbar-section-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.x-navbar-section-title{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.x-navbar-section-body,.x-navbar-subbuttons{gap:2px;display:grid}.x-navbar-subbutton{align-items:center;gap:calc(var(--pad) * .85);width:100%;height:2.35rem;padding:0 calc(var(--pad) * 1.15);border-radius:calc(var(--round) * 1.5);color:var(--fg);font:inherit;text-align:left;background:0 0;border:0;font-size:.82rem;line-height:1;text-decoration:none;display:flex;position:relative}.x-navbar-subbutton:is(:hover,:focus-visible){color:var(--fg);background:color-mix(in oklch, var(--fg), transparent 96%);outline:none}.x-navbar-subbutton[data-active]{color:var(--fg);background:var(--ella-active-surface);box-shadow:var(--edge-highlight)}.x-navbar-subbutton[data-active]:before{content:"";background:var(--alpha);border-radius:999px;width:3px;position:absolute;top:26%;bottom:26%;left:0}.x-navbar-subbutton:focus-visible{box-shadow:var(--focus-ring), var(--edge-highlight)}.x-navbar-subbutton-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.x-ella-shell[data-rail-edge=top] .x-navbar{gap:calc(var(--pad) * .5);flex-direction:row;flex:auto;min-width:0}.x-ella-shell[data-rail-edge=top] .x-navbar>div{gap:calc(var(--pad) * .5);flex-direction:row;width:auto;min-width:0}.x-ella-shell[data-rail-edge=top] .x-navbar>hr{display:none}.x-ella-shell[data-rail-edge=top] .x-navbar-main{overflow:auto visible}.x-ella-shell[data-rail-edge=top] .x-navbutton{aspect-ratio:auto;width:auto;height:2rem;padding-inline:calc(var(--pad) * .75)}.x-ella-shell[data-rail-edge=top] .x-navbutton-label{display:none}.x-ella-shell[data-rail-edge=top] .x-navbutton[data-clickable][data-marked]:before{width:auto;height:2px;inset:auto 0 0}.x-navbar-create-tint{display:contents}.x-navbar-create-tint .x-navbutton[data-marked]{--ella-active-bar:var(--fam-tint)}.x-navbar-create-tint .x-navbutton[data-marked] svg{color:var(--fam-tint)}.x-navbar{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:12px;height:auto;min-height:0;display:flex;overflow:visible}.x-navbar>div{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.x-navbar .x-navbar-main{scrollbar-width:none;flex:0 auto;min-height:0;overflow-y:auto}.x-navbar .x-navbar-main::-webkit-scrollbar{display:none}.x-navbar .x-navbar-shortcut[data-animate]{animation:navbar-shortcut-in var(--motion-fast) var(--ease-enter) both}.x-navbar .x-navbar-profile{flex:none}.x-navbar>hr{background:linear-gradient(to right, transparent, color-mix(in oklch, var(--fg), transparent 88%), transparent);border:none;flex:none;align-self:center;width:28px;height:1px;display:block}.x-navbar .x-avatar{--size:36px;border-width:2px}.x-ella-shell[data-side=right] .x-navbar-message-icon{transform:scaleX(-1)}@keyframes navbar-shortcut-in{0%{opacity:0;transform:translateY(calc(var(--motion-entrance-y) * .6)) scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.x-panel{gap:var(--space);width:100%;height:100%;padding:var(--pad);text-align:center;animation:x-motion-stage-in var(--motion-view) var(--ease-enter) both;flex-direction:column;display:flex;position:relative}.x-panel .x-panel-login{flex:auto;place-items:center;min-height:0;display:grid}.x-panel .spread{flex-direction:column;flex:auto;justify-content:space-around;display:flex}.x-panel .stack,.x-panel .row{gap:var(--pad);display:flex}.x-panel .stack{flex-direction:column}.x-panel .row{flex-wrap:wrap}.x-panel .row.center{justify-content:center}.x-panel:is([data-panel=chat],[data-panel=library],[data-panel=profile],[data-panel=studio]){--panel-top-chrome-trail:calc(5.85em + calc(var(--pad) * 2.5));gap:0;padding:0;overflow:hidden}.x-panel[data-panel=library] .btn-samples{justify-content:center;gap:var(--pad);flex-wrap:wrap;display:flex}.x-panel[data-panel=chat] .chat-bar,.x-panel[data-panel=library] .library-bar,.x-panel[data-panel=profile] .profile-bar,.x-panel[data-panel=studio] .studio-bar{padding-right:var(--panel-top-chrome-trail)}}