@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(--alpha), transparent 42%);opacity:0;width:2px;transition:opacity var(--motion-fast) ease;border-radius:999px;position:absolute;top:0;bottom:0;right:6px}.x-ella-shell>.pane[data-resizing]>.x-pane-resize:before,.x-ella-shell .x-pane-resize:is(:hover,:focus-visible):before{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(--surface-sidebar);border:1px solid var(--lines-strong);box-shadow:var(--shadow);transform-origin:0;animation:shortcut-menu-in var(--motion-fast) var(--ease-sticky) both;border-radius:10px;padding:4px;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, border-color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);background:0 0;border:1px solid #0000;border-radius:7px;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),.x-ella-shell .x-shortcut-menu button[data-added]{color:var(--alpha);background:color-mix(in srgb, var(--alpha), transparent 92%);border-color:color-mix(in srgb, var(--alpha), transparent 72%);transform:translate(1px)}.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]{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:clip}.x-ella-shell[data-mode=overlay]>nav:before,.x-ella-shell[data-mode=overlay]>.pane{box-shadow:var(--shadow);border:1px solid var(--lines);-webkit-backdrop-filter:var(--frosted)}.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]{--minimized-edge:calc(var(--sidebar-width) / 2)}.x-ella-shell[data-mode=overlay]:is([data-minimize=bubble],[data-minimize=fixed]):has(>nav:not([data-opened])){overflow:visible}.x-ella-shell[data-mode=overlay]: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]:is([data-minimize=bubble],[data-minimize=fixed])>nav:not([data-opened]):active{cursor:grabbing}.x-ella-shell[data-mode=overlay]:is([data-minimize=bubble],[data-minimize=fixed],[data-minimize=hover])>nav:not([data-opened])>.x-navbar{display:none}.x-ella-shell[data-mode=overlay][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][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][data-minimize=fixed][data-minimized-side=left]:has(>nav:not([data-opened])){left:0;right:auto}.x-ella-shell[data-mode=overlay][data-minimize=fixed][data-minimized-side=right]:has(>nav:not([data-opened])){left:auto;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:color-mix(in oklch, var(--text), var(--bg) 14%);transform:none}.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-maximized][data-mode=overlay]{--maximized-shell-radius:var(--panel-radius);align-items:stretch;gap:0;width:100vw;height:100vh;max-height:100vh;margin:0;padding:0}.x-ella-shell[data-maximized][data-mode=overlay]>nav{height:100vh;max-height:100vh;padding:17px 1px}.x-ella-shell[data-maximized][data-mode=overlay]>nav:before{border-radius:var(--maximized-shell-radius) 0 0 var(--maximized-shell-radius);bottom:0}.x-ella-shell[data-maximized][data-mode=overlay][data-side=right]>nav:before{border-radius:0 var(--maximized-shell-radius) var(--maximized-shell-radius) 0}.x-ella-shell[data-maximized][data-mode=overlay]>nav:not([data-opened]):before{height:var(--sidebar-width);border-radius:var(--sidebar-radius);bottom:auto}.x-ella-shell[data-maximized][data-mode=overlay]>.pane[data-maximized]{width:calc(100vw - var(--sidebar-width));border-radius:0 var(--maximized-shell-radius) var(--maximized-shell-radius) 0;height:100vh;max-height:100vh}.x-ella-shell[data-maximized][data-mode=overlay][data-side=right]>.pane[data-maximized]{border-radius:var(--maximized-shell-radius) 0 0 var(--maximized-shell-radius)}.x-ella-shell[data-maximized][data-mode=overlay]>nav>.x-navbar{flex:auto;min-height:0}.x-ella-shell[data-maximized][data-mode=overlay] .x-navbar-profile{margin-top:auto}.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);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{--ella-menu-surface:color-mix(in oklch, var(--bg), white 9%)}.x-ella-shell .x-dropdown{--dropdown-surface:var(--ella-menu-surface)}.x-ella-shell :is(.x-dropdown-menu,.library-filter-menu,.chat-tool-menu,.chat-generation-menu,.chat-message-save-menu){background:var(--ella-menu-surface);-webkit-backdrop-filter:none;overflow-x:hidden}.x-ella-shell :is(.x-dropdown-menu,.library-filter-menu,.chat-tool-menu,.chat-generation-menu,.chat-message-save-menu) ::selection{color:var(--fg);background:color-mix(in oklch, var(--alpha), transparent 6%);text-shadow:none}.x-confirm{--confirm-danger:#f26d5b;z-index:30;box-sizing:border-box;padding:calc(var(--pad) * 2);pointer-events:auto;animation:x-confirm-backdrop-in var(--motion-view) ease both;background:0 0;place-items:center;display:grid;position:absolute;inset:0}.x-confirm-card{box-sizing:border-box;width:min(18.5em,100%);padding:calc(var(--pad) * 1.8);border:1px solid var(--lines-strong);border-radius:calc(var(--round) * 1.25);color:var(--fg);background:var(--surface-panel);box-shadow:var(--shadow);text-align:left;transform-origin:50%;animation:x-confirm-card-in var(--motion-view) var(--ease-enter) both}.x-confirm .x-confirm-card h2{opacity:1;margin:0;font-family:inherit;font-size:1em;font-style:normal;font-weight:700;line-height:1.2}.x-confirm-message{gap:calc(var(--pad) * .45);margin:calc(var(--pad) * 1.05) 0 0;color:color-mix(in oklch, var(--fg), transparent 26%);font-size:.9em;line-height:1.45;display:grid}.x-confirm-name{color:var(--fg);overflow-wrap:anywhere;font-weight:700}.x-confirm-actions{gap:calc(var(--pad) * .65);margin-top:calc(var(--pad) * 1.55);grid-template-columns:1fr 1fr;display:grid}.x-confirm-button{width:100%;padding:calc(var(--pad) * .75) calc(var(--pad) * 1.25);border:1px solid var(--line-soft);color:var(--fg);background:var(--surface-control);font:inherit;cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);border-radius:999px;font-size:.88em;font-weight:700;transform:translateY(0)scale(1)}.x-confirm-button:first-child{color:color-mix(in oklch, var(--fg), transparent 12%);background:color-mix(in srgb, var(--surface-control) 72%, transparent)}.x-confirm-button:is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--fg), transparent 60%);background:var(--surface-message);transform:translateY(var(--motion-hover-y)) scale(1.01);outline:none}.x-confirm-button:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.x-confirm-button[data-tone=danger]{border-color:color-mix(in srgb, var(--confirm-danger) 78%, transparent);color:var(--fg);background:color-mix(in srgb, var(--confirm-danger) 34%, var(--surface-message))}.x-confirm-button[data-tone=danger]:is(:hover,:focus-visible){border-color:var(--confirm-danger);background:color-mix(in srgb, var(--confirm-danger) 44%, var(--surface-message))}@keyframes x-confirm-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes x-confirm-card-in{0%{opacity:0;transform:translateY(var(--motion-entrance-y)) scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.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:.16s ease-out both navbar-shortcut-in}.x-navbar .x-navbar-profile{flex:none}.x-navbar>hr{background:#ffffff14;border:none;flex:none;width:28px;height:1px;display:block}.x-navbar .x-avatar{--size:36px;border-width:2px}@keyframes navbar-shortcut-in{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.x-navbutton{font:inherit;color:color-mix(in oklch, var(--text), var(--bg) 14%);aspect-ratio:1;box-sizing:border-box;width:100%;padding:var(--pad);border-radius:var(--round);background:0 0;border:.15em solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.25em;text-decoration:none;display:flex;transform:translateY(0)scale(1)}.x-navbutton[data-clickable]{opacity:.92;cursor:pointer}.x-navbutton[data-clickable]:is(:hover,:focus-visible){opacity:1;color:color-mix(in oklch, var(--text), var(--alpha) 50%);transform:translateY(var(--motion-hover-y)) scale(1.04);outline:none}.x-navbutton[data-clickable][data-marked]{opacity:1;color:var(--alpha);background:0 0;border-color:#0000}.x-navbutton :is(img,svg){width:100%}.x-navbutton img{display:block}.x-navbutton svg{height:100%}.x-navbutton.x-navbutton-logo{aspect-ratio:auto;flex:none;align-self:center;width:28px;height:28px;padding:0}.x-navbutton.x-navbutton-logo img{object-fit:contain;height:28px}.x-navbutton.x-navbutton-labeled{aspect-ratio:auto;border-radius:12px;gap:2px;height:44px;padding:1px 2px}.x-navbutton.x-navbutton-labeled,.x-navbutton.x-navbutton-labeled[data-clickable]:is(:hover,:focus-visible){color:#fff}.x-navbutton.x-navbutton-labeled[data-clickable][data-marked]{color:var(--alpha)}.x-navbutton.x-navbutton-labeled svg{width:18px;height:18px}.x-navbutton.x-navbutton-plus{aspect-ratio:auto;width:32px;height:32px;color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 90%);border-radius:16px;padding:0}.x-navbutton.x-navbutton-plus svg{width:16px;height:16px}.x-navbutton .x-navbutton-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;line-height:10px;overflow:hidden}.x-navbutton{transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease, opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky)}.x-navbutton[data-clickable]:active{opacity:.9;transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.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 h1,.x-panel h2{font-family:serif;font-style:italic}.x-panel h1{color:var(--alpha)}.x-panel h2{opacity:.5}.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]){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{padding-right:calc(5.85em + calc(var(--pad) * 2.5))}.x-panel-close{--btn-icon-size:1.05em}.x-panel>.x-tooltip:has(.x-panel-close){z-index:5;top:var(--pad);right:var(--space);position:absolute}.x-panel .x-panel-close{position:static}.x-panel-maximize{--btn-icon-size:1.05em}.x-panel>.x-tooltip:has(.x-panel-maximize){z-index:5;top:var(--pad);right:calc(var(--space) + 2.35em);position:absolute}.x-panel .x-panel-maximize{position:static}.chat-panel[data-cramped] .chat-main{position:relative}.chat-panel[data-cramped] :is(.chat-history-drawer,.chat-generation-drawer){z-index:var(--chat-generation-drawer-layer);background:var(--surface-panel);max-width:100%;-webkit-backdrop-filter:var(--frosted);position:absolute;top:0;bottom:0}.chat-panel[data-cramped] .chat-history-drawer{left:0}.chat-panel[data-cramped] .chat-history-drawer[data-open]{flex-basis:auto;width:min(13.25em,100%)}.chat-panel[data-cramped] .chat-generation-drawer{right:0}.chat-panel[data-cramped] .chat-generation-drawer[data-open]{flex-basis:auto;width:min(18em,100%)}.chat-panel{--chat-readable-width:54em;border-radius:calc(var(--round) * 2.5);text-align:left;background:0 0;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.chat-panel-body{background:0 0;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.chat-panel-body:before{content:"";z-index:2;height:var(--lines-thickness);background:var(--lines);pointer-events:none;position:absolute;top:50px;left:0;right:0}:is(.chat-history-drawer,.chat-generation-drawer) ::selection{color:var(--fg);background:color-mix(in oklch, var(--alpha), transparent 6%);text-shadow:none}.chat-main{background:0 0;flex-direction:row;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-surface{background:0 0;flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-surface:has(.chat-generation-menu){z-index:var(--chat-composer-menu-layer);position:relative;overflow:visible}.x-panel[data-maximized] .chat-panel :is(.chat-thread,.chat-composer){width:auto;margin-inline:0}@keyframes chat-title-in{0%{opacity:0;transform:translateY(.35em)}}@keyframes chat-title-out{to{opacity:0;transform:translateY(-.35em)}}.chat-thread-choice-bar{gap:calc(var(--pad) * .45);min-height:2.2em;padding:calc(var(--pad) * .45) calc(var(--pad) * .9);border-bottom:1px solid var(--lines);scrollbar-width:none;align-items:center;display:flex;overflow-x:auto}.chat-thread-choice-bar::-webkit-scrollbar{display:none}.chat-thread-choice-group{gap:calc(var(--pad) * .35);flex:none;align-items:center;display:flex}.chat-thread-choice{border:1px solid var(--lines);color:color-mix(in oklch, var(--fg), transparent 18%);background:var(--control-plate);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;padding:.38em .72em;font-size:.8em;font-weight:760;line-height:1}.chat-thread-choice:is(:hover,:focus-visible),.chat-thread-choice[data-active]{color:var(--alpha);border-color:color-mix(in oklch, var(--alpha), transparent 42%);background:color-mix(in oklch, var(--alpha), transparent 86%);outline:none}.chat-thread-choice[disabled]{opacity:.45;cursor:not-allowed}.chat-tab-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;position:relative;overflow:hidden}.chat-tab-title-old,.chat-tab-title-new{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-tab-title-old{animation:chat-title-out .24s var(--ease-enter) both;position:absolute;inset:0}.chat-tab-title-new{animation:chat-title-in .24s var(--ease-enter) both}.chat-bar{box-sizing:border-box;align-items:center;gap:calc(var(--pad) * .75);min-height:50px;padding:0 calc(var(--pad) * 2);padding-right:calc(2em + calc(var(--pad) * 2.5));background:0 0;flex:none;font-size:13px;display:flex}.chat-panel:has(.chat-generation-drawer[data-open]) .chat-bar{padding-right:calc(var(--pad) * 2)}.chat-history,.chat-new{align-self:center}.chat-tab-strip{align-self:stretch;align-items:center;gap:calc(var(--pad) * .75);flex:auto;min-width:0;display:flex}.x-tabs.chat-tabs{gap:calc(var(--pad) * .75);border-bottom:0;flex:auto}.chat-tabs button{max-width:min(13em,42vw);min-height:50px;padding:0 calc(var(--pad) * .75);color:color-mix(in oklch, var(--fg), transparent 40%);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;font-size:13px;font-weight:700;overflow:hidden}.chat-tabs button[data-active]{border-color:var(--alpha);color:var(--fg)}.chat-tabs button:disabled{opacity:.45;cursor:not-allowed}.chat-bar-shell:has(.chat-thread-choice-bar) .chat-bar{border-bottom:0}.x-tabs{border-bottom:var(--lines-thickness) solid var(--lines);scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.x-tabs::-webkit-scrollbar{display:none}.x-tabs button{max-width:min(14em,48vw);min-height:3em;padding:0 calc(var(--pad) * 1.2);color:color-mix(in oklch, var(--fg), transparent 40%);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;font-weight:750;overflow:hidden;transform:translateY(0)}.x-tabs button[data-active]{border-color:var(--alpha);color:var(--fg)}.x-tabs button:disabled{cursor:not-allowed;opacity:.45}.x-tabs button:not([data-active]):not(:disabled):is(:hover,:focus-visible){color:var(--fg);transform:translateY(var(--motion-hover-y));outline:none}.x-tabs button:not(:disabled):active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.chat-thread-shell{flex:auto;min-height:0;display:flex;position:relative}.chat-thread{gap:calc(var(--pad) * 2.6);overflow-anchor:none;min-height:0;padding:calc(var(--pad) * 2);background:0 0;flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.chat-thread>:not(.chat-scroll-bottom){width:min(100%, var(--chat-readable-width));box-sizing:border-box;margin-inline:auto}.chat-thread[data-empty]{justify-content:center;overflow:hidden auto}.chat-bubble-row{animation:x-motion-list-item-in var(--motion-view) var(--ease-enter) both;flex-direction:column;align-items:flex-start;display:flex}.chat-bubble-row:nth-child(2){animation-delay:var(--motion-stagger-step)}.chat-bubble-row:nth-child(3){animation-delay:calc(var(--motion-stagger-step) * 2)}.chat-bubble-row:nth-child(n+4){animation-delay:calc(var(--motion-stagger-step) * 3)}.chat-bubble-row[data-align=end]{align-items:flex-end}.chat-assistant-response{gap:calc(var(--pad) * 1.1)}.chat-assistant-label{align-items:center;gap:calc(var(--pad) * .45);color:var(--alpha);font-size:.85em;font-weight:700;display:flex}.chat-assistant-label svg{width:1.1em;height:1.1em}.chat-message{max-width:100%;color:color-mix(in oklch, var(--fg), transparent 8%);text-align:left;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.58}.chat-message[data-format=markdown]{white-space:normal}.chat-message[data-role=user]{max-width:min(75%,28em);padding:calc(var(--pad) * 1.2) calc(var(--pad) * 1.55);border-radius:calc(var(--round) * 2);background:var(--surface-message);align-self:flex-end}.chat-message[data-loading]{min-width:3.2em;min-height:2.35em;padding:calc(var(--pad) * .8);border-radius:calc(var(--round) * .8);background:var(--surface-message);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.chat-message[data-loading]:after{content:"";border-radius:inherit;background:linear-gradient(100deg, transparent 14%, color-mix(in oklch, var(--fg), transparent 88%) 46%, transparent 80%);opacity:.32;pointer-events:none;animation:1.35s ease-in-out infinite x-motion-shimmer;position:absolute;inset:0;transform:translate(-105%)}.chat-message[data-role=assistant][data-state=ready]{animation:chat-assistant-reply-in var(--motion-view) var(--ease-enter) both}.x-chip{align-items:center;gap:calc(var(--pad) * .55);max-width:100%;min-height:2em;padding:0 calc(var(--pad) * .8);border:1px solid var(--lines);border-radius:var(--round);color:color-mix(in oklch, var(--fg), transparent 45%);background:var(--surface-control);font:inherit;white-space:nowrap;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);font-size:.75em;font-weight:750;display:inline-flex;transform:translateY(0)scale(1)}.x-chip[data-variant=entity]{color:var(--fg);background:var(--beta);box-shadow:0 0 0 1px color-mix(in oklch, var(--beta), transparent 50%);border-color:#0000}.x-chip[data-variant=tag]{border-color:color-mix(in oklch, var(--alpha), transparent 70%);color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 90%)}.x-chip[data-size=md]{min-height:2.45em;padding:0 calc(var(--pad) * 1.05);font-size:.88em}.x-chip:is(button){cursor:pointer}.x-chip:is(button):is(:hover,:focus-visible){opacity:.9;transform:translateY(var(--motion-hover-y)) scale(1.015);outline:none}.x-chip:is(button):active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.x-chip[data-active]{box-shadow:inset 0 0 0 1px color-mix(in oklch, currentColor, transparent 70%)}.x-chip>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.x-chip svg{flex:none;width:1em;height:1em}.x-chip button{color:currentColor;cursor:pointer;opacity:.72;width:1.25em;height:1.25em;transition:background var(--motion-fast) ease, opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.x-chip button:is(:hover,:focus-visible){opacity:1;background:color-mix(in oklch, currentColor, transparent 88%);outline:none;transform:scale(1.08)}.x-collapsible-section{border-block:1px solid var(--lines);width:100%;color:color-mix(in oklch, var(--fg), transparent 18%);display:grid}.x-collapsible-section>button{justify-content:space-between;align-items:center;gap:var(--pad);width:100%;min-height:2.4em;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);background:0 0;border:0;padding:0;font-size:.9em;font-weight:800;display:flex}.x-collapsible-section>button:is(:hover,:focus-visible){color:var(--fg);transform:translateY(var(--motion-hover-y));outline:none}.x-collapsible-section svg{width:1em;height:1em;transition:transform var(--motion-fast) var(--ease-sticky);flex:none}.x-collapsible-section>button[aria-expanded=true] svg{transform:rotate(180deg)}.x-collapsible-section-content{gap:calc(var(--pad) * .75);padding:0 0 var(--pad);color:color-mix(in oklch, var(--fg), transparent 36%);font-size:.88em;line-height:1.45;display:grid}.x-collapsible-section-content[hidden]{display:none}.x-collapsible-section-content p{margin:0}.x-dropdown{--dropdown-surface:var(--surface-control);width:fit-content;max-width:100%;display:inline-flex;position:relative}.x-dropdown>button{justify-content:space-between;align-items:center;gap:calc(var(--pad) * .5);max-width:100%;min-height:2.5em;padding:0 calc(var(--pad) * .9) 0 calc(var(--pad) * 1.35);border:1px solid var(--lines-strong);border-radius:calc(var(--round) * 1.5);color:var(--fg);background:var(--dropdown-surface);font:inherit;cursor:pointer;transition:background var(--anim), border-color var(--anim), color var(--anim), transform var(--motion-fast) var(--ease-sticky);font-size:.84em;font-weight:500;display:inline-flex}.x-dropdown-chevron{width:1em;height:1em;transition:transform var(--anim)}.x-dropdown-label{align-items:center;gap:calc(var(--pad) * .5);min-width:0;display:inline-flex}.x-dropdown-leading{flex:none;align-items:center;display:inline-flex}.x-dropdown-leading svg{width:1em;height:1em}.x-dropdown-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.x-dropdown>button:is(:hover,:focus-visible),.x-dropdown>button[aria-expanded=true]{color:var(--fg);border-color:color-mix(in oklch, var(--fg), transparent 62%);background:var(--dropdown-surface);outline:none}.x-dropdown>button:is(:hover,:focus-visible){transform:translateY(var(--motion-hover-y))}.x-dropdown>button:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.x-dropdown>button[aria-expanded=true] .x-dropdown-chevron{transform:rotate(180deg)}.x-dropdown-menu{z-index:3;left:0;top:calc(100% + calc(var(--pad) * .5));width:max-content;min-width:100%;max-width:min(24em, calc(100vw - calc(var(--pad) * 4)));max-height:min(24em, calc(100vh - calc(var(--pad) * 8)));border:1px solid var(--lines-strong);border-radius:calc(var(--round) * 1.5);background:var(--dropdown-surface);transform-origin:0 0;animation:x-dropdown-menu-in var(--motion-fast) var(--ease-sticky) both;padding:0;font-size:.86em;display:grid;position:absolute;overflow:auto;box-shadow:0 18px 40px #0009,inset 0 1px #fff1}.x-dropdown-search-shell{z-index:1;padding:calc(var(--pad) * .55);background:color-mix(in oklch, var(--dropdown-surface), transparent 4%);-webkit-backdrop-filter:var(--frosted);backdrop-filter:var(--frosted);position:sticky;top:0}.x-dropdown-search{border-color:var(--lines-strong);width:100%}.x-dropdown-option{grid-template-columns:1fr auto;align-items:stretch;display:grid}.x-dropdown-menu button{justify-content:center;align-items:center;gap:calc(var(--pad) * .2);min-width:100%;min-height:2.55em;padding:0 calc(var(--pad) * 1.35);color:color-mix(in oklch, var(--fg), transparent 34%);font:inherit;text-align:left;cursor:pointer;transition:background var(--anim), color var(--anim), transform var(--motion-fast) var(--ease-sticky);background:0 0;border:0;border-radius:0;flex-direction:column;font-size:.95em;font-weight:500;display:flex}.x-dropdown-option>button:first-child{align-items:flex-start;min-width:0}.x-dropdown-menu .x-dropdown-favorite{min-width:2.8em;color:color-mix(in oklch, var(--special), var(--fg) 35%);padding:0}.x-dropdown-favorite svg{width:1.05em;height:1.05em;transition:transform var(--motion-fast) var(--ease-sticky)}.x-dropdown-favorite:is(:hover,:focus-visible) svg{transform:scale(1.12)rotate(-8deg)}.x-dropdown-menu button span,.x-dropdown-menu button small{white-space:nowrap;width:100%}.x-dropdown-menu button[data-active]{color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 88%)}.x-dropdown-menu button:is(:hover,:focus-visible){color:var(--fg);background:color-mix(in oklch, var(--fg), transparent 94%);outline:none;transform:translate(1px)}.x-dropdown-menu button[data-active]:is(:hover,:focus-visible){color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 84%)}.x-dropdown-menu small{color:color-mix(in oklch, var(--fg), transparent 48%);font-size:.82em;line-height:1.25}@keyframes x-dropdown-menu-in{0%{opacity:0;transform:scale(.98)translateY(-.25em)}to{opacity:1;transform:scale(1)translateY(0)}}.x-field{align-items:center;gap:calc(var(--pad) * .55);min-height:2.5em;padding:0 var(--pad);border:1px solid var(--lines);border-radius:var(--round);color:var(--fg);background:var(--surface-control);transition:background var(--motion-fast) ease, border-color var(--anim) ease, box-shadow var(--anim) ease, transform var(--motion-fast) var(--ease-sticky);font-size:.92em;display:flex;transform:translateY(0)}.x-field:focus-within{border-color:color-mix(in oklch, var(--alpha), transparent 42%);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--alpha), transparent 78%);transform:translateY(var(--motion-hover-y))}.x-field[data-shape=soft]{border-radius:calc(var(--round) * 1.5)}.x-field input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;flex:auto;padding:0}.x-field input::placeholder{color:color-mix(in oklch, var(--fg), transparent 54%)}.x-field input[type=color]{cursor:pointer;flex:0 0 3.4em;height:2.15em}.x-field-slot{color:color-mix(in oklch, var(--fg), transparent 42%);flex:none;align-items:center;display:inline-flex}.x-field-slot svg{width:1.1em;height:1.1em}.x-toggle{border:1px solid var(--lines);background:var(--surface-control);cursor:pointer;width:2.55em;height:1.45em;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);border-radius:999px;flex:none;align-items:center;padding:0;display:inline-flex;position:relative}.x-toggle[aria-checked=true]{border-color:color-mix(in oklch, var(--beta), transparent 20%);background:var(--beta)}.x-toggle span{background:var(--fg);width:1.05em;height:1.05em;transition:transform var(--motion-fast) var(--ease-sticky);border-radius:999px;position:absolute;left:.18em}.x-toggle[aria-checked=true] span{transform:translate(1.1em)}.x-toggle:is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--alpha), transparent 48%);transform:translateY(var(--motion-hover-y));outline:none}.x-toggle:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.x-toggle:disabled{opacity:.5;cursor:not-allowed}.chat-message-actions{align-items:center;gap:calc(var(--pad) * .25);margin-top:calc(var(--pad) * .45);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);display:flex;transform:translateY(-.2em)}.chat-bubble-row:is(:hover,:focus-within) .chat-message-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.chat-message-actions .x-btn[data-shape=icon]{--btn-icon-size:1em;width:1.8em;height:1.8em}.chat-message-save{display:inline-flex;position:relative}.chat-message-save-menu{z-index:12;border:1px solid var(--lines-strong);border-radius:var(--round);background:var(--surface-control);min-width:8em;box-shadow:var(--shadow);gap:.2em;padding:.32em;display:grid;position:absolute;bottom:calc(100% + .4em);left:0}.chat-bubble-row[data-align=end] .chat-message-save-menu{left:auto;right:0}.chat-message-save-menu button{border-radius:calc(var(--round) * .75);color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;padding:.45em .6em}.chat-message-save-menu button:is(:hover,:focus-visible){background:color-mix(in oklch, var(--alpha), transparent 84%);outline:none}.chat-message-save-menu small{color:var(--bad);padding:.25em .45em}.chat-message-attachments{gap:calc(var(--pad) * .5);margin-bottom:calc(var(--pad) * .45);flex-wrap:wrap;display:flex}.chat-message-attachment{border:1px solid var(--lines-strong);border-radius:calc(var(--round) * .75);background:var(--surface-control);width:6.75em;min-height:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-content:start;gap:0;padding:0;display:grid;overflow:hidden;box-shadow:0 8px 22px oklch(0% none none/.24)}.chat-message-attachment-preview{aspect-ratio:1;background:color-mix(in oklch, var(--fg), transparent 94%);border-radius:0;width:100%;position:relative;overflow:hidden}.chat-message-attachment-preview>:is(img,video){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.chat-message-attachment pre{padding:calc(var(--pad) * .35);white-space:pre-wrap;font:inherit;margin:0;font-size:.72em}.chat-message-attachment-name{text-overflow:ellipsis;white-space:nowrap;color:color-mix(in oklch, var(--fg), transparent 30%);background:color-mix(in oklch, var(--bg), transparent 22%);padding:.45em .55em;font-size:.72em;overflow:hidden}.chat-message-attachment-dialog-backdrop{z-index:120;box-sizing:border-box;isolation:isolate;background:0 0;justify-content:center;align-items:center;padding:1.25em;display:flex;position:absolute;inset:0;overflow:hidden}.chat-message-attachment-dialog-backdrop:before{content:"";z-index:-1;-webkit-backdrop-filter:var(--frosted);background:oklch(0% none none/.62);position:absolute;inset:0}.chat-message-attachment-dialog{z-index:1;box-sizing:border-box;gap:calc(var(--pad) * .8);border:1px solid var(--lines-strong);width:min(100%,48em);height:auto;max-height:min(100%,40em);color:var(--fg);background:var(--surface-panel);box-shadow:var(--shadow);border-radius:16px;grid-template-rows:auto minmax(0,1fr);padding:.75em;display:grid;position:relative;overflow:hidden}.chat-message-attachment-dialog-header{justify-content:space-between;align-items:center;gap:1em;min-width:0;display:flex}.chat-message-attachment-dialog-header h2{min-width:0;color:var(--alpha);font:inherit;opacity:1;text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;font-size:.86em;font-weight:850;overflow:hidden}.chat-message-attachment-dialog-header button{cursor:pointer;width:2em;height:2em;color:color-mix(in oklch, var(--fg), transparent 28%);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-message-attachment-dialog-preview{box-sizing:border-box;aspect-ratio:16/9;width:100%;min-width:0;max-height:min(58vh,30em);padding:calc(var(--pad) * .5);opacity:1;will-change:auto;border:1px solid color-mix(in oklch, var(--lines), transparent 8%);background:color-mix(in oklch, black, var(--surface-control) 20%);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.chat-message-attachment-dialog .chat-attachment-image-dialog-preview{opacity:1;animation:none;transform:none}.chat-message-attachment-dialog-preview .chat-attachment-image-dialog-load{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.chat-message-attachment-dialog-preview :is(img,video){border-radius:calc(var(--round) * .75);object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}.chat-message-attachment-dialog-text{border:1px solid var(--lines);border-radius:var(--round);background:var(--surface-control);min-height:0;color:var(--fg);white-space:pre-wrap;padding:1em;overflow:auto}.chat-message-edit{gap:calc(var(--pad) * .65);width:min(100%,28em);padding:calc(var(--pad) * .85);border:1px solid color-mix(in oklch, var(--alpha), transparent 38%);border-radius:calc(var(--round) * 1.5);background:var(--surface-message);display:grid}.chat-message-edit textarea{resize:none;min-height:1.5em;max-height:min(35vh,14em);color:var(--fg);font:inherit;background:0 0;border:0;outline:none;line-height:1.5;overflow-y:auto}.chat-message-edit-actions{justify-content:flex-end;gap:calc(var(--pad) * .35);display:flex}.chat-message-edit-error{color:color-mix(in oklch, #ff7a7a, var(--fg) 20%);margin:0;font-size:.85em}.chat-message[data-format=markdown]>:first-child{margin-block-start:0}.chat-message[data-format=markdown]>:last-child{margin-block-end:0}.chat-message[data-format=markdown] p,.chat-message[data-format=markdown] ul,.chat-message[data-format=markdown] ol,.chat-message[data-format=markdown] blockquote,.chat-message[data-format=markdown] pre{margin:0 0 .75em}.chat-message[data-format=markdown] :is(ul,ol){font:inherit;margin-inline-start:0;padding-inline-start:1.7em}.chat-message[data-format=markdown] li{color:inherit;font:inherit;padding-inline-start:.25em}.chat-message[data-format=markdown] li::marker{color:inherit;font-weight:600}.chat-message[data-format=markdown] :is(h1,h2,h3,h4,h5,h6){color:inherit;font:inherit;font-size:1em;font-style:normal;font-weight:700;line-height:inherit;opacity:1;margin:0 0 .65em}.chat-message[data-format=markdown] :is(strong,b,em,i,s,del){color:inherit;opacity:1}.chat-message[data-format=markdown] blockquote{border-inline-start:2px solid color-mix(in oklch, var(--fg), transparent 70%);color:inherit;margin:0 0 .75em;padding-inline-start:.75em}.chat-message[data-format=markdown] hr{border:0;border-block-start:1px solid color-mix(in oklch, var(--fg), transparent 74%);margin:.8em 0}.chat-message[data-format=markdown] img{object-fit:contain;border-radius:var(--radius);background:var(--chat-input-bg);max-width:min(100%,18rem);max-height:16rem;display:block}.chat-message[data-format=markdown] table{border:1px solid var(--lines-strong);border-radius:var(--round);border-collapse:collapse;border-spacing:0;width:max-content;max-width:100%;color:inherit;background:var(--surface-message);font:inherit;margin:0 0 .75em;display:block;overflow-x:auto}.chat-message[data-format=markdown] :is(thead,tbody,tr){color:inherit;font:inherit}.chat-message[data-format=markdown] :is(th,td){border:1px solid var(--lines);color:inherit;font:inherit;line-height:inherit;text-align:left;vertical-align:top;padding:.45em .65em}.chat-message[data-format=markdown] th{background:var(--surface-control);font-weight:700}.chat-message[data-format=markdown] :not(pre)>code{border:1px solid var(--lines-strong);border-radius:var(--round);color:inherit;background:var(--surface-message);-webkit-box-decoration-break:clone;box-decoration-break:clone;font:inherit;white-space:break-spaces;padding:.08em .42em .12em;font-size:1em}.chat-code-block{border:1px solid var(--lines-strong);border-radius:var(--round);color:color-mix(in oklch, var(--fg), transparent 4%);background:var(--surface-message);font:inherit;white-space:pre;overflow-wrap:normal;-webkit-user-select:text;user-select:text;padding:2.1em 1em 1em;font-size:1em;line-height:1.65;display:block;position:relative;overflow-x:auto}.chat-code-block code{color:inherit;font:inherit;white-space:pre;background:0 0;padding:0;display:block}.chat-code-language{color:color-mix(in oklch, var(--fg), transparent 34%);text-transform:uppercase;font-size:.78em;font-weight:700;position:absolute;top:.68em;left:.95em}.chat-code-copy{border-radius:calc(var(--round) * .75);width:1.6em;height:1.6em;color:color-mix(in oklch, var(--fg), transparent 16%);font:inherit;cursor:pointer;transition:color var(--anim) ease, transform var(--motion-fast) var(--ease-sticky);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:.5em;right:.55em}.chat-code-copy:before{content:"";width:.62em;height:.72em;box-shadow:-.18em -.17em 0 -.06em var(--surface-message), -.18em -.17em 0 0 currentColor;border:1.25px solid;border-radius:.18em}.chat-code-copy:is(:hover,:focus-visible){color:var(--fg);transform:translateY(var(--motion-hover-y));outline:none}.chat-code-copy[data-copy-state=copied]{color:var(--alpha)}.chat-code-block .hljs-keyword,.chat-code-block .hljs-built_in,.chat-code-block .hljs-selector-tag{color:#c792ea}.chat-code-block .hljs-string,.chat-code-block .hljs-attr,.chat-code-block .hljs-symbol{color:#c3e88d}.chat-code-block .hljs-title,.chat-code-block .hljs-name,.chat-code-block .hljs-variable{color:#82aaff}.chat-code-block .hljs-number,.chat-code-block .hljs-literal{color:#f78c6c}.chat-code-block .hljs-comment{color:color-mix(in oklch, var(--fg), transparent 52%);font-style:italic}.chat-code-block .hljs-property,.chat-code-block .hljs-attribute{color:#ffcb6b}.chat-progress-inline{gap:calc(var(--pad) * .2);width:fit-content;color:color-mix(in oklch, var(--fg), transparent 22%);animation:chat-progress-in var(--motion-slow) var(--ease-sticky) both;font-size:.9em;font-weight:650;line-height:1.35;display:grid;position:relative;overflow:hidden}.chat-progress-inline small{color:var(--chat-creative-helper,var(--text));font-size:.86em;font-weight:500}.chat-progress-inline[data-state=running] span{color:var(--alpha);text-shadow:0 0 14px color-mix(in oklch, var(--alpha), transparent 72%)}.chat-progress-stack{gap:calc(var(--pad) * .45);width:min(86%,31em);margin-bottom:calc(var(--pad) * .45);display:grid}.chat-progress{color:color-mix(in oklch, var(--fg), transparent 22%);animation:chat-progress-in var(--motion-slow) var(--ease-sticky) both;font-size:.9em;line-height:1.45}.chat-progress summary{border-bottom:1px solid color-mix(in oklch, var(--fg), transparent 82%);cursor:pointer;width:fit-content;color:inherit;transition:color var(--motion-fast) ease, border-color var(--motion-fast) ease, background var(--motion-fast) ease;background:0 0;align-items:center;gap:.35em;padding:.12em 0;font-weight:650;list-style:none;display:inline-flex}.chat-progress summary:is(:hover,:focus-visible){color:var(--fg);border-bottom-color:color-mix(in oklch, var(--fg), transparent 58%);outline:none}.chat-progress summary::-webkit-details-marker{display:none}.chat-progress summary:after{content:"›";transition:transform var(--motion-fast) var(--ease-sticky);margin-left:.4em;display:inline-block}.chat-progress[open] summary:after{transform:rotate(90deg)}.chat-progress-body{margin-top:calc(var(--pad) * .55);padding-left:calc(var(--pad) * .95);border-left:1px solid color-mix(in oklch, var(--fg), transparent 78%);color:color-mix(in oklch, var(--fg), transparent 10%);animation:chat-progress-body-in var(--motion-fast) var(--ease-sticky) both}.chat-progress-body>:first-child{margin-top:0}.chat-progress-body>:last-child{margin-bottom:0}.chat-progress-source-head{justify-content:flex-end;align-items:center;gap:var(--pad);margin-bottom:calc(var(--pad) * .45);color:color-mix(in oklch, var(--fg), transparent 28%);font-weight:700;display:flex}.chat-progress-source-head small{border:1px solid var(--lines-strong);color:var(--fg);background:var(--surface-control);font:inherit;border-radius:999px;padding:.12em .5em;font-size:.78em}.chat-progress-sources{max-height:min(16em,38vh);padding:calc(var(--pad) * .35);border:1px solid var(--lines);border-radius:var(--round);background:var(--surface-message);scrollbar-gutter:stable;overflow-y:auto}.chat-progress[data-state=running] summary{color:var(--alpha);text-shadow:0 0 14px color-mix(in oklch, var(--alpha), transparent 72%);animation:1.4s ease-in-out infinite chat-progress-active}.chat-progress-sources li{align-items:center;gap:calc(var(--pad) * .55);padding:calc(var(--pad) * .42);border:1px solid var(--lines);border-radius:var(--round);animation:chat-progress-source-in var(--motion-view) var(--ease-enter) both;background:0 0;grid-template-columns:1.2em minmax(0,1fr);display:grid}.chat-progress-sources li:nth-child(2n){animation-delay:calc(var(--motion-stagger-step) * 1)}.chat-progress-sources li:nth-child(3n){animation-delay:calc(var(--motion-stagger-step) * 2)}.chat-progress-sources img{border-radius:calc(var(--round) * .35);background:var(--surface-control);width:1em;height:1em}.chat-progress-sources a{min-width:0;color:inherit;text-decoration:none;display:grid}.chat-progress-sources :is(span,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-progress-sources small{color:color-mix(in oklch, var(--fg), transparent 46%);font:inherit;font-size:.82em}.chat-progress-list,.chat-progress-sources{gap:calc(var(--pad) * .45);margin:0;padding:0;list-style:none;display:grid}.chat-progress-list li{justify-content:space-between;gap:var(--pad);display:flex}.chat-progress-list small{color:color-mix(in oklch, var(--fg), transparent 42%);white-space:nowrap}.chat-progress-source-group{margin-top:calc(var(--pad) * .8)}.chat-creative-items{gap:var(--space);width:min(100%,36em);margin:var(--space) 0;display:grid}.chat-creative-card{gap:var(--space);border:1px solid var(--lines);border-radius:var(--round);padding:var(--space);background:var(--surface-message);display:grid;box-shadow:inset 0 1px #fff1}.chat-creative-card-head,.chat-creative-actions{align-items:center;gap:var(--pad);display:flex}.chat-creative-card-head{justify-content:space-between}.chat-creative-card-head strong{font-size:1.02em}.chat-creative-status{border:1px solid var(--lines);padding:calc(var(--pad) * .45) calc(var(--pad) * .75);background:var(--surface-control);color:var(--alpha);border-radius:100em;font-size:.82em;font-weight:700}.chat-creative-actions{justify-content:flex-end}.chat-creative-card .x-btn[disabled]{text-decoration:none}.chat-creative-alerts{border:1px solid color-mix(in oklch, var(--angry), var(--lines) 55%);border-radius:var(--round);padding:calc(var(--pad) * .75);color:color-mix(in oklch, var(--fg), var(--angry) 25%);background:color-mix(in oklch, var(--angry), transparent 88%)}.chat-creative-alerts[data-tone=status]{border-color:color-mix(in oklch, var(--alpha), var(--lines) 55%);color:color-mix(in oklch, var(--fg), var(--alpha) 16%);background:color-mix(in oklch, var(--alpha), transparent 90%)}.chat-creative-alerts p{margin:0}.chat-creative-credit{align-items:center;gap:calc(var(--pad) * .35);color:var(--muted);white-space:nowrap;margin-right:auto;font-size:.9em;font-weight:700;display:inline-flex}.chat-creative-credit svg{width:1em;height:1em;color:var(--alpha)}.chat-creative-model{gap:calc(var(--pad) * .55);display:grid}.chat-creative-provider{gap:calc(var(--pad) * .55);padding-top:var(--pad);border-top:1px solid var(--lines);color:var(--fg);display:grid}.chat-creative-provider>span{gap:calc(var(--pad) * .25);display:grid}.chat-creative-provider strong{border:1px solid var(--lines);border-radius:calc(var(--round) * .5);padding:calc(var(--pad) * .8);background:var(--surface-control);color:var(--fg);font-size:.86em}.chat-creative-note{color:var(--chat-creative-helper,var(--text));font-size:.78em}.chat-creative-dropdown{--x-dropdown-placement:above}.chat-creative-dropdown .x-dropdown-menu{top:auto;left:auto;right:0;bottom:calc(100% + calc(var(--pad) * .5));transform-origin:100% 100%;overflow-x:hidden}.chat-creative-dropdown .x-dropdown-search{box-sizing:border-box;border-color:var(--lines);min-height:2.35em;color:color-mix(in oklch, var(--fg), transparent 35%)}.chat-creative-dropdown .x-dropdown-menu button:is(:hover,:focus-visible){transform:none}.chat-creative-dropdown .x-dropdown-menu button span{text-overflow:ellipsis;overflow:hidden}.chat-creative-dropdown .x-dropdown-favorite:is(:hover,:focus-visible){color:var(--special);background:0 0}.chat-creative-model-label{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.chat-creative-model-label>span:not(.x-tooltip){gap:calc(var(--pad) * .25);display:grid}.chat-creative-model-label>.x-tooltip{align-self:start}.chat-creative-model-refresh{min-width:calc(var(--space) * 1.8);min-height:calc(var(--space) * 1.8);border:1px solid var(--lines);border-radius:calc(var(--round) * .5);background:var(--surface-control);color:var(--text);cursor:pointer;place-items:center;padding:0;display:grid}.chat-creative-model-refresh:disabled{opacity:.55;cursor:default}.chat-creative-model-refresh:not(:disabled):is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--special), var(--lines) 40%);color:var(--special)}.chat-creative-model-refresh svg{width:1em;height:1em}.chat-creative-field,.chat-creative-settings{gap:calc(var(--pad) * .85);display:grid}.chat-creative-field>span{justify-content:space-between;align-items:center;gap:var(--pad);color:var(--fg);font-size:.86em;font-weight:700;display:flex}.chat-creative-field[data-kind=boolean]{grid-template-columns:1fr auto;align-items:center}.chat-creative-field small{color:var(--chat-creative-helper,var(--text));font-size:.78em}.chat-creative-card textarea{box-sizing:border-box;border:1px solid var(--lines);border-radius:calc(var(--round) * .75);width:100%;padding:calc(var(--pad) * .8);background:var(--surface-control);color:var(--fg);font:inherit;resize:none;scrollbar-gutter:stable;min-height:7em}.chat-creative-color{display:grid;position:relative}.chat-creative-color .x-field{position:relative;overflow:hidden}.chat-creative-color input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.chat-creative-color-swatch,.chat-creative-color-value,.chat-creative-color-clear{z-index:1;position:relative}.chat-creative-color-swatch{width:calc(var(--space) + var(--pad));height:calc(var(--space) + var(--pad));border:1px solid var(--lines-strong);border-radius:var(--round);background:color-mix(in oklch, var(--fg), transparent 88%)}.chat-creative-color-value{color:color-mix(in oklch, var(--fg), transparent 34%);flex:auto}.chat-creative-color-clear{color:color-mix(in oklch, var(--fg), transparent 32%);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.chat-creative-draft{--chat-creative-helper:color-mix(in oklch, var(--fg), var(--text) 45%);box-shadow:none;background:0 0;border:0;padding:0}.chat-creative-draft-head,.chat-creative-draft-body{gap:var(--pad);display:grid}.chat-creative-draft-head p{color:var(--fg);margin:0;font-size:.94em}.chat-creative-draft-title{justify-content:space-between;align-items:center;gap:var(--pad);padding-block:calc(var(--pad) * .35);display:flex}.chat-creative-draft-title strong{color:var(--fg);font-size:1.05em}.chat-creative-draft-body{border-block:1px solid var(--lines);padding-block:var(--space);background:0 0;border-bottom:0}.chat-creative-draft-brief{gap:calc(var(--pad) * 1.25);border-inline-start:2px solid var(--alpha);padding-block:calc(var(--pad) * .25);background:linear-gradient(90deg, color-mix(in oklch, var(--alpha), transparent 94%), transparent 58%);padding-inline-start:var(--pad);display:grid}.chat-creative-draft .chat-creative-actions{margin-top:calc(var(--pad) * .25);gap:calc(var(--pad) * .75)}.chat-creative-draft .chat-creative-actions .x-btn{min-height:2.65em;padding:0 calc(var(--pad) * 1.25);font-size:.9em;font-weight:750}.chat-creative-draft .chat-creative-actions .x-btn[data-vibe=neutral]{font-weight:500}.chat-creative-prompt{gap:calc(var(--pad) * .35)}.chat-creative-prompt textarea{border-radius:calc(var(--round) * .65);min-height:6em;padding:calc(var(--pad) * .65);background:color-mix(in oklch, var(--bg), transparent 82%);border:1px solid #0000;font-size:.98em;line-height:1.45}.chat-creative-prompt textarea:focus-visible{border-color:var(--alpha);outline:1px solid var(--alpha);outline-offset:0}.chat-creative-advanced{gap:calc(var(--pad) * .75);display:grid}.chat-creative-advanced summary{color:var(--chat-creative-helper,var(--text));cursor:pointer;font-size:.86em}.chat-creative-inputs{gap:calc(var(--pad) * .75);display:grid}.chat-creative-input{align-items:center;gap:var(--pad);padding-block:calc(var(--pad) * .65);border-top:1px solid var(--lines);grid-template-columns:auto auto auto;justify-content:start;display:grid}.chat-creative-input-value{color:var(--fg);justify-self:start}.chat-creative-input-label{color:var(--fg);font-weight:700}.chat-creative-input-role{field-sizing:content;width:auto;max-width:16em;color:var(--fg);background:0 0;border:0;padding:0;font-weight:700}.chat-creative-input-needed{color:var(--alpha);font-size:.8em;font-weight:700}.chat-creative-asset{gap:calc(var(--pad) * .85);min-width:0;display:grid}.chat-creative-result{box-shadow:none;background:0 0;border:0;padding:0}.chat-creative-result-head{justify-content:flex-start;align-items:center;gap:8px;display:flex}.chat-creative-result-head p{color:var(--fg);margin:0;font-size:.94em}.chat-creative-result-actions{gap:calc(var(--pad) * .65);flex-wrap:wrap;justify-content:flex-start}.chat-creative-result-actions .x-btn{min-height:2.35em;padding:0 calc(var(--pad) * 1.05);border-radius:calc(var(--round) * .75);opacity:1;font-size:.82em;font-weight:500}.chat-creative-preview-frame{isolation:isolate;aspect-ratio:16/9;border:1px solid var(--lines);background:var(--surface-message);border-radius:8px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff1}.chat-creative-preview-shell{border-radius:inherit;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0;overflow:hidden}.chat-creative-preview-backdrop{inset:calc(var(--pad) * -2);object-fit:cover;width:auto;height:auto;filter:var(--frosted);opacity:var(--inactive);pointer-events:none;position:absolute}.chat-creative-preview{z-index:1;border-radius:inherit;object-fit:contain;width:100%;height:100%;min-height:0;display:block;position:relative}.chat-creative-preview:is(img){cursor:zoom-in}.chat-creative-failure-copy{gap:var(--pad);text-align:center;overflow-wrap:anywhere;max-width:100%;display:grid}.chat-creative-failure-copy strong{color:var(--fg)}.chat-creative-failure-copy small{color:var(--text)}.chat-creative-preview-audio{aspect-ratio:auto;padding:calc(var(--pad) * 1.05);place-items:stretch stretch}.chat-creative-audio-panel{align-items:center;gap:calc(var(--pad) * .9);grid-template-columns:auto 1fr;width:100%;display:grid}.chat-creative-audio-mark{aspect-ratio:1;border-radius:calc(var(--round) * .75);width:3lh;color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 86%);place-items:center;display:grid}.chat-creative-audio-mark svg{width:1.45em;height:1.45em}.chat-creative-audio-copy{gap:calc(var(--pad) * .2);min-width:0;display:grid}.chat-creative-audio-copy small{color:var(--chat-creative-helper,var(--text));font-size:.78em}.chat-creative-audio-control{grid-column:1/-1;width:100%;min-height:3lh}.chat-pending-dots{align-items:center;gap:.28em;display:inline-flex}.chat-pending-dots span{background:currentColor;border-radius:50%;width:.35em;height:.35em;animation:1s ease-in-out infinite chat-pending-pulse}.chat-pending-dots span:nth-child(2){animation-delay:.15s}.chat-pending-dots span:nth-child(3){animation-delay:.3s}.chat-scroll-bottom{--jump-button-icon:1.85em;--jump-button-offset:calc(var(--pad) * 5.6);z-index:2;left:50%;bottom:var(--jump-button-offset);border:1px solid var(--lines-strong);width:2.85em;height:2.85em;color:var(--fg);isolation:isolate;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;line-height:0;display:inline-grid;position:absolute;overflow:hidden;transform:translate(-50%)}.chat-scroll-bottom[data-hidden]{opacity:0;pointer-events:none;transform:translate(-50%)translateY(.6em)scale(.92)}.chat-scroll-bottom:before{content:"";border-radius:inherit;background:var(--surface-control);grid-area:1/1;width:100%;height:100%}.chat-scroll-bottom[data-overlap]:before{background:color-mix(in srgb, var(--surface-control) 82%, transparent);-webkit-backdrop-filter:var(--frosted) brightness(.68)}.chat-scroll-bottom:is(:hover,:focus-visible){color:var(--alpha);transform:translateX(-50%) translateY(var(--motion-hover-y));outline:none}.chat-scroll-bottom-icon{width:var(--jump-button-icon);height:var(--jump-button-icon);z-index:1;grid-area:1/1;place-self:center;display:block}.chat-scroll-bottom-icon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;vector-effect:non-scaling-stroke}@keyframes chat-pending-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-.12em)}}@keyframes chat-assistant-reply-in{0%{opacity:0;transform:translateY(calc(var(--motion-entrance-y) * .55))}to{opacity:1;transform:translateY(0)}}.chat-starter{justify-items:center;gap:calc(var(--pad) * 1.15);width:min(100%,22em);padding:calc(var(--pad) * 1.5) var(--pad);text-align:center;margin:auto;display:grid}.chat-starter-header{gap:calc(var(--pad) * .35);display:grid}.chat-starter h2{opacity:1;color:color-mix(in oklch, var(--fg), transparent 8%);margin:0;font-family:inherit;font-size:1.02em;font-style:normal;font-weight:680;line-height:1.25}.chat-starter-prompts{justify-content:center;gap:calc(var(--pad) * .6);flex-wrap:wrap;display:flex}.chat-starter-prompts .chat-starter-prompt{min-width:0;color:color-mix(in oklch, var(--fg), transparent 28%);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);flex:0 auto;transform:translateY(0)scale(1)}.chat-starter-prompts .chat-starter-prompt svg{color:var(--alpha)}.chat-starter-prompts .chat-starter-prompt:is(:hover,:focus-visible){color:var(--fg);border-color:color-mix(in oklch, var(--alpha), transparent 42%);background:color-mix(in oklch, var(--alpha), transparent 91%);transform:translateY(var(--motion-hover-y)) scale(1.01)}.chat-starter-prompts .chat-starter-prompt:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.chat-starter-prompts .chat-starter-prompt:focus-visible{box-shadow:0 0 0 var(--lines-thickness) color-mix(in oklch, var(--alpha), transparent 55%)}.chat-composer{gap:calc(var(--pad) * .75);padding:calc(var(--pad) * 2);background:0 0;flex-direction:column;flex:none;display:flex;position:relative;container-type:inline-size}.chat-composer-error{color:var(--bad);margin:0;font-size:.9em}.chat-composer-splitter{z-index:3;cursor:ns-resize;touch-action:none;background:0 0;border:0;height:12px;padding:0;position:absolute;top:-5px;left:0;right:0}.chat-composer-splitter:before{content:"";height:var(--lines-thickness);background:var(--lines);opacity:0;transition:background var(--anim) ease, opacity var(--anim) ease;position:absolute;top:5px;left:0;right:0}.chat-composer-splitter:after{content:"";background:color-mix(in oklch, var(--lines-strong), transparent 18%);opacity:.55;width:44px;height:3px;transition:opacity var(--anim) ease, transform var(--anim) ease;border-radius:999px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.chat-composer[data-resizing] .chat-composer-splitter:before,.chat-composer-splitter:is(:hover,:focus-visible):before{opacity:1;background:color-mix(in oklch, var(--alpha), transparent 38%)}.chat-composer[data-resizing] .chat-composer-splitter:after,.chat-composer-splitter:is(:hover,:focus-visible):after{opacity:0;transform:translate(-50%)scaleX(.7)}.chat-composer-splitter:focus-visible{outline:none}.chat-composer:has(.chat-mention-menu) .chat-composer-splitter{pointer-events:none}:is(.chat-composer:has(.chat-tool-menu) .chat-composer-splitter,.chat-composer:has(.chat-tool-menu) .chat-composer-resize){visibility:hidden;pointer-events:none}.chat-composer:has(.chat-mention-menu) .chat-composer-splitter:before{opacity:0}.chat-composer:has(.chat-mention-menu) .chat-composer-splitter:after{opacity:0}.chat-main{--chat-composer-menu-layer:18;--chat-generation-drawer-layer:14;--chat-composer-popover-layer:16}.chat-composer>:not(.chat-composer-splitter){width:min(100%, var(--chat-readable-width));box-sizing:border-box;margin-inline:auto}.chat-composer-card{align-items:end;gap:calc(var(--pad) * .7);padding:calc(var(--pad) * 1.45);border:1px solid color-mix(in oklch, var(--lines), transparent 12%);border-radius:calc(var(--round) * 2);background:var(--surface-control);min-height:7em;transition:min-height var(--motion-view) var(--ease-panel), grid-template-rows var(--motion-view) var(--ease-panel), padding var(--motion-view) var(--ease-panel), border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);grid-template-rows:minmax(1.45em,1fr) auto;grid-template-columns:auto minmax(0,1fr) auto;display:grid;transform:translateY(0)}.chat-composer-card:focus-within{border-color:color-mix(in oklch, var(--alpha), transparent 34%);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--alpha), transparent 76%);transform:translateY(var(--motion-hover-y))}.chat-composer-card:has(.chat-composer-input[data-resizing]){transition:none}:is(.chat-composer-card:has(.chat-generation-menu),.chat-composer-card:has(.chat-tool-menu),.chat-composer-card:has(.chat-mention-menu)){z-index:var(--chat-composer-menu-layer);position:relative}.chat-composer-card[data-compact]{--chat-composer-control-height:2.4em;min-height:3.2em;padding:calc(var(--pad) * .9) calc(var(--pad) * 1.2);grid-template-rows:1fr;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center}.chat-composer-card[data-compact] .chat-composer-input{grid-area:1/2;min-width:0}.chat-composer-card[data-compact] .chat-composer-resize{display:none}.chat-composer-card[data-compact] textarea{height:var(--chat-composer-control-height);max-height:var(--chat-composer-control-height);min-height:var(--chat-composer-control-height);padding-block:calc((var(--chat-composer-control-height) - 1lh) / 2);padding-right:0;overflow:hidden}.chat-composer-input{grid-area:1/1/auto/-1;min-width:0;display:flex;position:relative}@container (width<=31.75em){.chat-composer-card{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);align-items:end}.chat-composer-card .chat-composer-input,.chat-composer-card .chat-composer-actions{grid-column:1/-1}.chat-composer-card .chat-composer-input{grid-row:1}.chat-composer-card .chat-composer-actions{align-items:center;gap:calc(var(--pad) * .55) calc(var(--pad) * .65);grid-row:2;grid-template-columns:auto minmax(0,1fr) auto auto auto;min-width:0;display:grid}.chat-composer-card .chat-composer-send-actions{display:contents}.chat-composer-card .chat-composer-tools{grid-area:2/1}.chat-composer-card .chat-send-tool{grid-area:2/5}}@container (width<=13.5em){.chat-composer-card .chat-composer-actions{grid-template-columns:minmax(0,1fr) auto}.chat-composer-card .x-tooltip:has(.chat-generation-settings){grid-area:2/2}.chat-composer-card .chat-composer-tools{grid-row:2}.chat-composer-card .chat-generation-mode{grid-area:3/1;justify-self:stretch;min-width:0}.chat-composer-card .chat-generation-mode-pill{width:100%;min-width:0;padding-inline:calc(var(--pad) * .45);justify-content:center}.chat-composer-card .chat-send{min-width:min-content;padding-inline:calc(var(--pad) * .95)}.chat-composer-card .chat-send-tool{grid-area:3/2;justify-self:end}}.chat-mention-menu{left:0;bottom:calc(100% + calc(var(--pad) * .6));z-index:var(--chat-composer-menu-layer);gap:calc(var(--pad) * .25);width:min(20em,100%);padding:calc(var(--pad) * .45);border:1px solid var(--lines-strong);background:var(--surface-control);box-shadow:var(--shadow);transform-origin:0 100%;animation:x-motion-pop var(--motion-fast) var(--ease-sticky) both;border-radius:12px;max-height:min(18em,42vh);display:grid;position:absolute;overflow-y:auto}.chat-mention-menu button{gap:calc(var(--pad) * .2);width:100%;padding:calc(var(--pad) * .35) calc(var(--pad) * .55);border-radius:calc(var(--round) * .55);color:color-mix(in oklch, var(--fg), transparent 12%);font:inherit;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;font-size:.82em;line-height:1.25;display:grid}.chat-mention-menu button:is(:hover,:focus-visible),.chat-mention-menu button[data-active]{color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 90%);outline:none;transform:translate(1px)}.chat-mention-row{align-items:center;gap:calc(var(--pad) * .45);min-width:0;display:flex}.chat-mention-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:700;overflow:hidden}.chat-mention-row .x-chip{flex:none}.chat-mention-detail{text-overflow:ellipsis;white-space:nowrap;color:color-mix(in oklch, var(--fg), transparent 42%);overflow:hidden}.chat-composer textarea{box-sizing:border-box;resize:none;width:100%;min-height:1.45em;max-height:11em;padding:0;padding-right:calc(var(--pad) * 2.8);scrollbar-gutter:stable;color:var(--fg);font:inherit;text-align:left;transition:height var(--motion-view) var(--ease-panel);background:0 0;border:0;border-radius:0;outline:none;line-height:1.45;overflow-y:auto}.chat-composer textarea::placeholder{color:color-mix(in oklch, var(--fg), transparent 50%)}.chat-composer textarea:disabled{opacity:.7;cursor:not-allowed}.chat-composer-resize{right:calc(var(--pad) * 1.25);width:1.35em;height:1.35em;color:color-mix(in oklch, var(--fg), transparent 58%);cursor:ns-resize;touch-action:none;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:0}.chat-composer-input[data-resizing] .chat-composer-resize,.chat-composer-resize:focus-visible,.chat-composer-resize:hover{color:var(--alpha)}.chat-composer-resize svg{width:1em;height:1em;overflow:visible}.chat-composer-resize path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chat-composer-input[data-resizing] textarea{transition:none}.chat-composer-actions{justify-content:flex-end;align-items:center;gap:calc(var(--pad) * .75);min-height:2.4em;margin-top:calc(var(--pad) * .75);grid-area:2/1/auto/-1;display:flex}.chat-composer-tools{align-items:center;gap:calc(var(--pad) * .65);flex:auto;display:flex}.chat-composer-send-actions{justify-content:flex-end;align-items:center;gap:calc(var(--pad) * .65);display:inline-flex}.chat-composer-card[data-compact] .chat-composer-actions{display:contents}.chat-composer-card[data-compact] .chat-composer-tools{flex:none;grid-area:1/1;justify-self:start;inline-size:max-content}.chat-composer-card[data-compact] .chat-composer-send-actions{grid-area:1/3;justify-self:end}.chat-composer-tool{display:inline-flex;position:relative}.chat-generation-mode{position:relative}.chat-generation-mode-pill,.chat-generation-settings{border:var(--lines-thickness) solid var(--line-soft);border-radius:calc(var(--round) * 1.35);background:color-mix(in oklch, var(--surface-control), var(--fg) 4%);height:2.15em;color:var(--fg)}.chat-generation-mode-pill{align-items:center;gap:calc(var(--pad) * .35);padding:0 calc(var(--pad) * .7);font:inherit;font-weight:700;display:inline-flex}.chat-generation-mode-pill:is(:hover,:focus-visible),.chat-generation-settings:is(:hover,:focus-visible){color:var(--alpha);border-color:color-mix(in oklch, var(--alpha), transparent 35%)}.chat-generation-settings{background:color-mix(in oklch, var(--alpha), transparent 90%);color:var(--alpha);border-color:#0000}.chat-generation-settings:is(:hover,:focus-visible),.chat-generation-settings[data-open=true]{background:color-mix(in oklch, var(--alpha), transparent 84%);border-color:color-mix(in oklch, var(--alpha), transparent 70%)}.chat-generation-settings svg{width:1em;height:1em}.chat-generation-menu{--chat-generation-menu-width:31.75em;--chat-generation-mode-list-width:12.5em;--chat-generation-menu-surface:var(--ella-menu-surface,var(--surface-control));left:0;bottom:calc(100% + var(--pad));z-index:var(--chat-composer-popover-layer);width:min(var(--chat-generation-menu-width), calc(100vw - var(--pad) * 2));grid-template-columns:var(--chat-generation-mode-list-width) 1fr;gap:calc(var(--pad) * .5);padding:var(--pad);border:var(--lines-thickness) solid var(--line-soft);border-radius:calc(var(--round) * 2);background:var(--chat-generation-menu-surface);-webkit-backdrop-filter:var(--frosted);box-shadow:var(--shadow);display:grid;position:absolute}.chat-generation-menu[data-placement=below]{top:calc(100% + var(--pad));bottom:auto}.chat-panel[data-cramped] .chat-generation-menu{width:min(var(--chat-generation-mode-list-width), calc(100vw - var(--pad) * 2));grid-template-columns:1fr;max-height:50vh;overflow-y:auto}.chat-panel[data-cramped] .chat-generation-menu-detail{display:none}.chat-generation-menu-list{padding-block:calc(var(--pad) * .5);align-content:start;display:grid}.chat-generation-menu-list button{justify-content:space-between;align-items:center;gap:var(--pad);border-radius:var(--round);min-height:2.25em;padding:0 calc(var(--pad) * 1.5);color:var(--fg);font:inherit;text-align:left;background:0 0;border:0;font-size:.82em;font-weight:600;display:flex}.chat-generation-menu-list button:not(:disabled):is(:hover,:focus-visible),.chat-generation-menu-list button[data-preview]:not(:disabled){background:color-mix(in oklch, var(--alpha), transparent 88%)}.chat-generation-menu-list button[data-active],.chat-generation-menu-list button[data-preview]:not(:disabled) span{color:var(--alpha)}.chat-generation-menu-list button:disabled{color:var(--muted);cursor:default}.chat-generation-menu-list small{color:var(--muted);font-size:.78em;font-weight:600}.chat-generation-menu-detail{gap:var(--pad);grid-template-rows:2fr 1fr;display:grid}.chat-generation-menu-card{width:100%;min-height:6.6em;padding:calc(var(--pad) * 3) calc(var(--pad) * 1.5) calc(var(--pad) * 1.25);border:var(--lines-thickness) solid var(--line-soft);border-radius:var(--round);background:var(--bg);color:var(--fg);font:inherit;text-align:center;align-content:center;justify-items:center;display:grid;position:relative}.chat-generation-menu-card:last-child{text-align:left;justify-items:start;min-height:4.8em}.chat-generation-menu-card:is(button):hover,.chat-generation-menu-card:is(button):focus-visible{border-color:color-mix(in oklch, var(--alpha), transparent 35%)}.chat-generation-menu-card strong{top:calc(var(--pad) * .85);left:calc(var(--pad) * .85);padding:calc(var(--pad) * .25) calc(var(--pad) * .75);border-radius:calc(var(--round) * .5);color:var(--alpha);letter-spacing:0;background:#0009;font-size:.56em;position:absolute}.chat-generation-menu-card p{color:var(--fg);margin:0;font-size:.82em;line-height:1.38}.chat-generation-menu-card:last-child p{color:var(--text);font-size:.75em}.chat-composer-input:has(.chat-composer-mention-chips){align-items:start;gap:var(--pad);display:grid}.chat-composer-mention-chips{align-items:center;gap:var(--pad);flex-wrap:wrap;min-width:0;max-width:100%;display:flex;overflow:hidden}.chat-composer-mention-chips .x-chip{max-width:min(28ch,100%)}.chat-composer-card[data-compact]:has(.chat-composer-mention-chips){grid-template-rows:minmax(1.45em,1fr) auto;align-items:end;min-height:7em}.chat-composer-card[data-compact]:has(.chat-composer-mention-chips) .chat-composer-input{grid-area:1/1/auto/-1}.chat-composer-card[data-compact]:has(.chat-composer-mention-chips) .chat-composer-actions{grid-area:2/1/auto/-1;display:flex}:is(.chat-composer-card[data-compact]:has(.chat-composer-mention-chips) .chat-composer-tools,.chat-composer-card[data-compact]:has(.chat-composer-mention-chips) .chat-composer-send-actions){grid-area:auto}.chat-send-tool{gap:calc(var(--pad) * .5);display:inline-flex;position:relative}.chat-send{min-width:4.7em;height:2.4em;color:var(--bg);background:var(--alpha);font:inherit;cursor:pointer;transition:background var(--anim) ease, color var(--anim) ease, opacity var(--anim) ease, transform var(--motion-fast) var(--ease-sticky);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 1.2em;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.chat-send:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 14%,oklch(100% 5.96046e-8 none/.44),#0000 86%);position:absolute;inset:0;transform:translate(-105%)}.chat-send[data-mode=stop]{animation:chat-send-confirm var(--motion-slow) var(--ease-sticky) both}.chat-send[data-mode=stop]:after{animation:chat-send-sweep var(--motion-slow) var(--ease-sticky) both}.chat-send:not(:disabled):is(:hover,:focus-visible){color:var(--bg);background:color-mix(in oklch, var(--alpha), var(--fg) 8%);transform:translateY(var(--motion-hover-y)) scale(1.01);outline:none}.chat-send:not(:disabled):active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.chat-send:disabled{opacity:.45;cursor:not-allowed}.chat-queued-draft{gap:var(--pad);padding:calc(var(--pad) * .55) calc(var(--pad) * .75);border:1px solid color-mix(in oklch, var(--alpha), var(--fg) 10%);border-radius:var(--round);color:var(--fg);background:var(--surface-control);box-shadow:var(--shadow);animation:chat-composer-pop var(--motion-fast) var(--ease-sticky) both;display:grid}.chat-queued-draft-row{justify-content:space-between;align-items:center;gap:var(--pad);min-width:0;display:flex}.chat-queued-draft-content{gap:.12em;min-width:0;display:grid}.chat-queued-draft strong{color:var(--alpha);text-shadow:0 0 12px color-mix(in oklch, var(--alpha), transparent 66%);font-size:.82em}.chat-queued-draft span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-queued-draft small{color:var(--muted);font-size:.76em}@keyframes chat-send-confirm{0%{transform:scale(1)}45%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes chat-send-sweep{0%{opacity:0;transform:translate(-105%)}25%{opacity:.65}to{opacity:0;transform:translate(105%)}}.chat-composer-tool{--tools-menu-width:11em;--tools-submenu-width:var(--tools-menu-width);--tools-menu-gap:calc(var(--pad) * .5);--tools-menu-height:0px;--tools-menu-max-height:calc(100vh - calc(var(--pad) * 8));--tools-submenu-max-height:var(--tools-menu-max-height)}.chat-tool-toggle{width:34px;height:34px;color:var(--alpha);font:inherit;cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex;transform:translateY(0)scale(1)}.chat-tool-toggle svg{width:1.15em;height:1.15em}.chat-tool-toggle[data-open],.chat-tool-toggle:is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--alpha), transparent 58%);color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 90%);outline:none}.chat-tool-toggle:is(:hover,:focus-visible){transform:translateY(var(--motion-hover-y)) scale(1.03)}.chat-tool-toggle:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.chat-tool-menu{--tools-menu-radius:12px;left:0;bottom:calc(100% + var(--tools-menu-gap));z-index:var(--chat-composer-menu-layer);min-width:8.5em;max-height:var(--tools-menu-max-height);border:1px solid var(--lines-strong);border-radius:var(--tools-menu-radius);background:var(--surface-control);box-shadow:var(--shadow);transform-origin:0 100%;animation:x-motion-pop var(--motion-fast) var(--ease-sticky) both;gap:0;padding:0;display:grid;position:absolute;overflow:hidden auto}.chat-tools-menu{width:var(--tools-menu-width)}.chat-tool-submenu{width:var(--tools-submenu-width);max-height:var(--tools-submenu-max-height)}.chat-composer-tool[data-tool-placement=side] .chat-tool-submenu{left:calc(var(--tools-menu-width) + var(--tools-menu-gap));bottom:calc(100% + var(--tools-menu-gap))}.chat-composer-tool[data-tool-placement=stack] .chat-tool-submenu{left:0;bottom:calc(100% + var(--tools-menu-height) + calc(var(--tools-menu-gap) * 2))}.chat-file-source-menu{width:var(--tools-submenu-width);max-height:min(8.5em, var(--tools-submenu-max-height));bottom:0}.chat-tool-menu-row{gap:calc(var(--pad) * .6)}.chat-tool-menu-row span{flex:auto}.chat-tool-menu-row[data-open]{color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 90%)}.chat-tool-menu-row svg:last-child{width:.95em;height:.95em;color:color-mix(in oklch, var(--fg), transparent 38%);transition:transform var(--motion-fast) var(--ease-sticky)}.chat-tool-menu-row[data-open] svg:last-child{transform:rotate(90deg)}.chat-tool-menu-row svg:first-child{width:1em;height:1em;color:var(--alpha)}.chat-tool-menu button{justify-content:flex-start;align-items:center;gap:calc(var(--pad) * .45);width:100%;min-height:2.35em;padding:calc(var(--pad) * .5) calc(var(--pad) * .75);border-radius:calc(var(--round) * .7);color:color-mix(in oklch, var(--fg), transparent 15%);font:inherit;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;font-size:.8em;line-height:1.3;display:flex;transform:translate(0)}.chat-tool-menu button:is(:hover,:focus-visible){color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 90%);outline:none;transform:translate(1px)}.chat-tool-menu button+button{border-top:1px solid color-mix(in oklch, var(--lines), transparent 30%)}.chat-tool-file-row:first-of-type>.chat-tool-menu-row,.chat-tool-menu>button:first-child{border-radius:var(--tools-menu-radius) var(--tools-menu-radius) 0 0}.chat-tool-menu button:active{transform:translateX(1px) scale(var(--motion-press-scale))}.chat-tool-menu button svg{flex:0 0 1em;width:1em;height:1em}.chat-tool-toggle:disabled,.chat-tool-menu button:disabled{opacity:.45;cursor:not-allowed}.chat-tools-menu{max-width:calc(100vw - calc(var(--pad) * 4))}.chat-attachment-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chat-attachments{--chat-attachment-tile-size:6.35em;gap:calc(var(--pad) * .45);padding:0 calc(var(--pad) * .1);flex-wrap:wrap;display:flex}.chat-attachment-tile{width:var(--chat-attachment-tile-size);aspect-ratio:1;flex:none;position:relative}.chat-attachment-tile[data-status=failed] .chat-attachment-media-frame{border-color:color-mix(in oklch, var(--angry), transparent 35%)}.chat-attachment-tile-button{border-radius:calc(var(--round) * .75);width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.chat-attachment-tile-button:is(:hover,:focus-visible){outline:none}.chat-attachment-tile-button:is(:hover,:focus-visible) .chat-attachment-media-frame{border-color:color-mix(in oklch, var(--alpha), transparent 35%)}.chat-attachment-media-frame{width:var(--chat-attachment-tile-size);aspect-ratio:1;border:1px solid color-mix(in oklch, var(--lines), transparent 16%);border-radius:calc(var(--round) * .75);color:color-mix(in oklch, var(--fg), transparent 42%);background:color-mix(in oklch, var(--fg), transparent 94%);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.chat-attachment-file,.chat-attachment-video{gap:calc(var(--pad) * .35);flex-direction:column}.chat-attachment-file svg,.chat-attachment-video svg{width:1.75em;height:1.75em;color:var(--alpha)}.chat-attachment-file span,.chat-attachment-video span{color:color-mix(in oklch, var(--fg), transparent 28%);font-size:.68em;font-weight:700}.chat-attachment-video video{object-fit:cover;width:100%;height:100%}.chat-attachment-source-tag{color:var(--bg);background:var(--alpha);text-transform:uppercase;border-radius:999px;padding:.12em .42em;font-size:.55em;font-weight:850;position:absolute;bottom:.45em;left:.45em}.chat-attachment-text{padding:calc(var(--pad) * .7);background:var(--surface-control);justify-content:stretch;align-items:stretch}.chat-attachment-text pre{width:100%;height:100%;color:color-mix(in oklch, var(--fg), transparent 15%);white-space:pre-wrap;word-break:break-word;margin:0;font:600 .57em/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.chat-attachment-text[data-failed]{justify-content:center;align-items:center;gap:calc(var(--pad) * .35);flex-direction:column}.chat-attachment-text[data-failed] svg{width:1.5em;height:1.5em;color:var(--alpha)}.chat-attachment-text[data-failed] span{color:color-mix(in oklch, var(--fg), transparent 28%);font-size:.65em;font-weight:700}.chat-attachment-image img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--motion-fast) ease;position:absolute;inset:0}.chat-attachment-image[data-loaded] img{opacity:1}.chat-attachment-image>svg{width:1.1em;height:1.1em}.chat-attachment-tile-action{z-index:3;border:1px solid color-mix(in oklch, var(--lines), transparent 16%);width:1.5em;height:1.5em;color:color-mix(in oklch, var(--fg), transparent 24%);background:var(--surface-control);box-shadow:var(--shadow);cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:-.4em}.chat-attachment-tile-action[data-side=start]{left:-.4em}.chat-attachment-tile-action[data-side=end]{right:-.4em}.chat-attachment-tile-action:is(:hover,:focus-visible){color:var(--alpha);background:var(--surface-control);outline:none;transform:scale(1.05)}.chat-attachment-tile-action svg{width:.9em;height:.9em}.chat-attachment-media-progress{left:calc(var(--pad) * .35);right:calc(var(--pad) * .35);bottom:calc(var(--pad) * .35);background:oklch(0% none none/.28);border-radius:999px;height:3px;position:absolute;overflow:hidden}.chat-attachment-media-progress span{border-radius:inherit;background:var(--alpha);height:100%;transition:width var(--motion-fast) ease;display:block}.chat-attachment-dialog-backdrop{z-index:8;box-sizing:border-box;isolation:isolate;background:0 0;justify-content:center;align-items:center;padding:1.25em;display:flex;position:absolute;inset:0;overflow:hidden}.chat-attachment-dialog-backdrop:before{content:"";z-index:-1;-webkit-backdrop-filter:var(--frosted);background:oklch(0% none none/.62);position:absolute;inset:0}.chat-attachment-text-dialog{z-index:1;box-sizing:border-box;gap:calc(var(--pad) * 1.1);border:1px solid var(--lines-strong);width:min(39em,100%);max-width:100%;min-height:min(20em,100%);max-height:min(28em,100%);color:var(--fg);background:var(--surface-panel);box-shadow:var(--shadow);animation:chat-attachment-dialog-in var(--motion-view) var(--ease-enter) both;border-radius:16px;grid-template-rows:auto minmax(0,1fr);padding:1.35em;display:grid;position:relative;overflow:hidden}.chat-attachment-image-dialog{--chat-image-dialog-x:0px;--chat-image-dialog-y:0px;--chat-image-dialog-scale:.16;z-index:1;box-sizing:border-box;gap:calc(var(--pad) * .8);border:1px solid var(--lines-strong);width:min(100%,48em);max-width:100%;height:auto;max-height:min(100%,40em);color:var(--fg);background:var(--surface-panel);box-shadow:var(--shadow);border-radius:16px;grid-template-rows:auto minmax(0,1fr);padding:.75em;display:grid;position:relative;overflow:hidden}.chat-attachment-image-dialog>*{min-width:0}.chat-attachment-image-dialog[data-state=closing]{box-shadow:none;background:0 0;border-color:#0000;overflow:visible}.chat-attachment-image-dialog[data-state=closing] .chat-attachment-image-dialog-header{opacity:0}.chat-attachment-image-dialog[data-state=closing] .chat-attachment-image-dialog-preview{background:0 0;border-color:#0000}.chat-attachment-image-dialog-header{justify-content:space-between;align-items:center;gap:1em;min-width:0;display:flex}.chat-attachment-image-dialog-header h2{min-width:0;color:var(--alpha);font:inherit;opacity:1;text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;font-size:.86em;font-weight:850;overflow:hidden}.chat-attachment-image-dialog-header button{width:2em;height:2em;color:color-mix(in oklch, var(--fg), transparent 28%);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:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-attachment-image-dialog-header button:is(:hover,:focus-visible){color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 90%);transform:translateY(var(--motion-hover-y));outline:none}.chat-attachment-image-dialog-header svg{width:1em;height:1em}.chat-attachment-image-dialog-preview,.chat-attachment-video-dialog-preview{box-sizing:border-box;aspect-ratio:16/9;width:100%;min-width:0;max-height:min(58vh,30em);padding:calc(var(--pad) * .5);border:1px solid color-mix(in oklch, var(--lines), transparent 8%);background:color-mix(in oklch, black, var(--surface-control) 20%);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.chat-attachment-image-dialog-preview{opacity:0;transform-origin:50%;will-change:transform, opacity}.chat-attachment-image-dialog-preview[data-motion=ready][data-state=open]{animation:chat-attachment-image-in .26s var(--ease-enter) both}.chat-attachment-image-dialog-preview[data-motion=ready][data-state=closing]{animation:chat-attachment-image-out .19s var(--ease-sticky) both}.chat-attachment-image-dialog-preview img{border-radius:calc(var(--round) * .75);object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.chat-attachment-image-dialog-load{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.chat-attachment-image-dialog-preview .chat-attachment-image-dialog-load>img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.chat-attachment-image-dialog-preview span:not(.chat-attachment-image-dialog-load){color:color-mix(in oklch, var(--fg), transparent 36%);padding:2em;font-size:.8em;font-weight:700}.chat-attachment-video-dialog-load{background:0 0;width:100%;height:100%}.chat-attachment-video-dialog-preview video{border-radius:var(--round);object-fit:contain;opacity:0;width:100%;max-width:100%;height:100%;max-height:100%;transition:opacity var(--motion-fast) ease;background:#000;display:block}.chat-attachment-video-dialog-preview video[data-ready=true]{opacity:1}.chat-attachment-video-dialog-poster{inset:calc(var(--pad) * .5);z-index:1;width:calc(100% - var(--pad));height:calc(100% - var(--pad));border-radius:calc(var(--round) * .75);object-fit:contain;background:color-mix(in oklch, black, var(--surface-control) 20%);transition:opacity var(--motion-fast) ease;pointer-events:none;display:block;position:absolute}.chat-attachment-video-dialog-poster[data-hidden=true]{opacity:0}.chat-attachment-video-dialog-preview span:not(.chat-attachment-video-dialog-load){color:color-mix(in oklch, var(--fg), transparent 36%);padding:2em;font-size:.8em;font-weight:700}.chat-attachment-dialog-header{justify-content:space-between;align-items:start;gap:1em;min-width:0;display:flex}.chat-attachment-dialog-title{gap:.34em;min-width:0;display:grid}.chat-attachment-dialog-header h2{color:var(--alpha);font:inherit;opacity:1;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:inherit;font-size:1.05em;font-style:normal;font-weight:850;overflow:hidden}.chat-attachment-dialog-meta{color:color-mix(in oklch, var(--fg), transparent 44%);flex-wrap:wrap;align-items:center;gap:.45em;font-size:.72em;font-weight:700;display:flex}.chat-attachment-dialog-meta span{align-items:center;gap:.45em;display:inline-flex}.chat-attachment-dialog-meta span+span:before{content:"";aspect-ratio:1;background:var(--alpha);border-radius:50%;width:.28em}.chat-attachment-dialog-actions{gap:calc(var(--pad) * .45);flex:none;display:flex}.chat-attachment-dialog-actions button{justify-content:center;align-items:center;gap:calc(var(--pad) * .35);min-width:2em;height:2em;padding:0 calc(var(--pad) * .7);color:color-mix(in oklch, var(--fg), transparent 28%);font:inherit;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:999px;font-size:.75em;font-weight:800;display:inline-flex}.chat-attachment-dialog-actions button:is(:hover,:focus-visible){color:var(--alpha);transform:translateY(var(--motion-hover-y));background:0 0;outline:none}.chat-attachment-dialog-actions button[aria-label="Close text preview"]:is(:hover,:focus-visible){background:color-mix(in oklch, var(--alpha), transparent 90%)}.chat-attachment-dialog-actions button:disabled{opacity:.45;cursor:not-allowed}.chat-attachment-dialog-actions button[data-copy-state=copied]{color:var(--alpha)}.chat-attachment-dialog-actions svg{width:1em;height:1em}.chat-attachment-text-reader{min-width:0;min-height:0;padding:calc(var(--pad) * 1.05);border:1px solid color-mix(in oklch, var(--lines), transparent 8%);color:var(--fg);background:var(--surface-control);border-radius:12px;overflow:auto}.chat-attachment-text-reader pre{color:color-mix(in oklch, var(--fg), transparent 8%);white-space:pre-wrap;word-break:break-word;margin:0;font:650 .74em/1.48 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.chat-attachment-text-reader span{color:color-mix(in oklch, var(--fg), transparent 36%);font-size:.8em;font-weight:700}@keyframes chat-attachment-dialog-in{0%{transform:translateY(var(--motion-entrance-y)) scale(.97)}to{transform:translateY(0)scale(1)}}@keyframes chat-attachment-image-in{0%{opacity:.72;transform:translate3d(var(--chat-image-dialog-x), var(--chat-image-dialog-y), 0) scale(var(--chat-image-dialog-scale))}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes chat-attachment-image-out{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translate3d(var(--chat-image-dialog-x), var(--chat-image-dialog-y), 0) scale(var(--chat-image-dialog-scale))}}.chat-history-drawer{box-sizing:border-box;border-right:var(--lines-thickness) solid transparent;opacity:0;visibility:hidden;pointer-events:none;width:0;min-width:0;transition:flex-basis var(--motion-panel) var(--ease-panel), opacity var(--motion-view) ease, width var(--motion-panel) var(--ease-panel), border-color var(--motion-view) ease, visibility 0s linear var(--motion-panel);background:0 0;flex-direction:column;flex:0 0 0;display:flex;overflow:hidden}.chat-history-drawer[data-open]{border-color:var(--line-soft);background:var(--surface-panel);width:min(13.25em,42%);-webkit-backdrop-filter:var(--frosted);opacity:1;visibility:visible;pointer-events:auto;transition:flex-basis var(--motion-panel) var(--ease-panel), opacity var(--motion-view) ease, width var(--motion-panel) var(--ease-panel), border-color var(--motion-view) ease, visibility 0s linear 0s;flex-basis:min(13.25em,42%)}.chat-history-header{justify-content:space-between;align-items:center;gap:var(--pad);min-height:50px;padding:var(--pad);box-sizing:border-box;flex:none;display:flex}.chat-history-header h2{color:var(--fg);opacity:1;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:inherit;font-size:.95em;font-style:normal;font-weight:700;line-height:1.2;overflow:hidden}.chat-history-list{gap:calc(var(--pad) * .45);min-height:0;padding:var(--pad);flex-direction:column;flex:auto;display:flex;overflow:auto}.chat-history-list .x-empty-state{padding:var(--space) 0}.chat-history-item{align-items:center;gap:calc(var(--pad) * .45);border-radius:calc(var(--round) * .75);background:0 0;display:flex;position:relative}.chat-history-item[data-active]{background:color-mix(in oklch, var(--alpha), transparent 86%)}.chat-history-select{box-sizing:border-box;align-items:center;gap:calc(var(--pad) * .55);min-width:0;padding:calc(var(--pad) * .7);padding-right:calc(var(--pad) * .95 + 4.45em);border-radius:calc(var(--round) * .75);color:color-mix(in oklch, var(--fg), transparent 14%);font:inherit;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;flex:auto;font-size:.88em;display:flex;transform:translateY(0)}.chat-history-select:is(:hover,:focus-visible){color:var(--fg);background:color-mix(in oklch, var(--fg), transparent 94%);transform:translateY(var(--motion-hover-y));outline:none}.chat-history-select:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.chat-history-select svg{width:1.05em;height:1.05em;color:var(--alpha);flex:none}.chat-history-select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-history-actions{top:50%;right:calc(var(--pad) * .35);align-items:center;gap:calc(var(--pad) * .25);opacity:0;pointer-events:none;width:4.45em;transition:opacity var(--motion-view) ease, transform var(--motion-view) var(--ease-panel);display:flex;position:absolute;overflow:hidden;transform:translateY(-50%)translate(.25em)}.chat-history-item:is(:hover,:focus-within) .chat-history-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}.chat-history-select{padding-right:calc(var(--pad) * .7)}.chat-history-item:is(:hover,:focus-within,[data-delete-confirming]) .chat-history-select{padding-right:calc(var(--pad) * .95 + 4.45em)}.chat-history-item[data-delete-confirming][data-active]{background:0 0}.chat-history-item[data-delete-confirming] .chat-history-select{color:color-mix(in oklch, var(--fg), transparent 4%);background:color-mix(in oklch, var(--angry), transparent 82%)}.chat-history-item[data-delete-confirming] .chat-history-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}.chat-history-edit{box-sizing:border-box;align-items:center;gap:calc(var(--pad) * .35);width:100%;min-width:0;padding:calc(var(--pad) * .4);border-radius:calc(var(--round) * .75);background:color-mix(in oklch, var(--alpha), transparent 90%);flex-direction:column;flex:auto;display:flex;overflow:hidden}.chat-history-edit .x-field{width:100%;font-size:.86em}.chat-history-edit .x-field:focus-within{border-color:color-mix(in oklch, var(--alpha), var(--fg) 18%);box-shadow:0 0 0 2px color-mix(in oklch, var(--alpha), transparent 72%)}.chat-history-edit-actions{align-self:flex-end;align-items:center;gap:calc(var(--pad) * .25);display:flex}.chat-history-edit .x-btn[data-shape=icon]{--btn-icon-size:1em;width:1.75em;height:1.75em}.x-empty-state{justify-items:center;gap:var(--pad);width:100%;padding:calc(var(--space) * 1.5) var(--space);color:color-mix(in oklch, var(--fg), transparent 18%);text-align:center;display:grid}.x-empty-state-icon{border:1px solid var(--lines);width:2.7em;height:2.7em;color:color-mix(in oklch, var(--fg), transparent 38%);background:var(--surface-control);border-radius:999px;place-items:center;display:grid}.x-empty-state-icon svg{width:1.25em;height:1.25em}.x-empty-state h3,.x-empty-state p{margin:0}.x-empty-state h3{color:var(--fg);font-size:.98em}.x-empty-state p{max-width:22em;color:color-mix(in oklch, var(--fg), transparent 42%);font-size:.86em;line-height:1.4}.x-empty-state-action{margin-top:calc(var(--pad) * .35);justify-content:center;display:flex}.library-picker-backdrop{z-index:30;isolation:isolate;padding:calc(var(--pad) * 1.25);contain:paint;background:0 0;place-items:center;display:grid;position:absolute;inset:0}.library-picker-backdrop:before{content:"";z-index:-1;-webkit-backdrop-filter:var(--frosted);backdrop-filter:var(--frosted);background:oklch(11.6334% .00615994 285.403/.72);position:absolute;inset:0;transform:translateZ(0)}.library-picker-dialog{z-index:1;border:1px solid var(--lines);border-radius:calc(var(--round) * 2);background:var(--surface-panel);width:min(92%,52em);height:min(82%,42em);min-height:24em;box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.library-picker-header{padding:calc(var(--pad) * .8) var(--pad);border-bottom:1px solid var(--lines);justify-content:space-between;align-items:center;display:flex}.library-picker-header h2{color:var(--fg);font:inherit;margin:0;font-weight:700}.library-picker-header button{aspect-ratio:1;border-radius:var(--round);width:2em;color:var(--fg);background:var(--surface-control);border:0;place-items:center;display:grid}.library-picker-dialog .library-panel{flex:auto;min-height:0}.library-panel{border-radius:calc(var(--round) * 2.5);text-align:left;min-height:0;text-shadow:none;background:0 0;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.library-bar{box-sizing:border-box;min-height:50px;padding:0 calc(var(--pad) * 2);padding-right:calc(2em + calc(var(--pad) * 2.5));border-bottom:var(--lines-thickness) solid var(--lines);background:0 0;flex:none;align-items:stretch;display:flex;position:relative}.library-body{background:0 0;flex-direction:column;flex:auto;gap:1.5em;min-height:0;padding:1.5em 1em 1em;display:flex}.library-drive-error{margin:0 calc(var(--pad) * 2);border:var(--lines-thickness) solid color-mix(in srgb, var(--angry) 42%, var(--lines));border-radius:var(--round);background:color-mix(in srgb, var(--angry) 12%, transparent);color:var(--fg);flex:none;margin-top:.75em;padding:.65em .85em;font-size:.86em;line-height:1.35}.library-stage{min-height:0;animation:x-motion-stage-in var(--motion-view) var(--ease-enter) both;flex-direction:column;flex:auto;display:flex}.library-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.x-panel[data-maximized] .library-panel{--library-maximized-width:74em;--library-results-width:77.25rem}.x-panel[data-maximized] .library-bar{justify-content:center;padding-inline:clamp(1em,4vw,3em)}.x-panel[data-maximized] .library-kinds{flex:0 1 var(--library-maximized-width)}.x-panel[data-maximized] .library-toolbar-body,.x-panel[data-maximized] .library-body{box-sizing:border-box;width:100%}.x-panel[data-maximized] .library-toolbar-body{padding-inline:clamp(1em,4vw,3em)}.x-panel[data-maximized] .library-body{padding-inline:0}.x-panel[data-maximized] .library-toolbar-body>*{box-sizing:border-box;width:min(100%, var(--library-maximized-width));margin-inline:auto}.x-panel[data-maximized] .library-stage{width:100%;margin-inline:0}.x-panel[data-maximized] .library-grid{justify-content:center}.x-panel[data-maximized] .library-media-virtual-window{left:50%;right:auto;translate:-50%}.library-dialog-backdrop{z-index:7;animation:library-dialog-backdrop-in var(--motion-view) ease both;background:oklch(0% none none/.58);place-items:center;padding:1.5em 1em 1em;display:grid;position:absolute;inset:0}.library-entity-dialog{box-sizing:border-box;border:1px solid var(--lines-strong);width:min(22em,100%);max-width:100%;max-height:100%;color:var(--fg);background:var(--surface-panel);box-shadow:var(--shadow);transform-origin:50%;animation:library-dialog-in var(--motion-view) var(--ease-enter) both;border-radius:16px;flex-direction:column;gap:.875em;padding:1em;display:flex;position:relative}.library-media-dialog{grid-template-rows:auto minmax(9em,1fr) auto auto auto;min-width:min(20em,100%);min-height:22.5em;padding:1.125em;display:grid;overflow:hidden}.library-media-dialog-compact-preview{grid-template-rows:auto auto auto auto auto;min-height:0}.library-entity-dialog h2{font:inherit;margin:0;font-size:1em;font-weight:800}.library-media-dialog-preview{box-sizing:border-box;border:1px solid var(--lines-strong);min-width:0;min-height:0;color:var(--alpha);background:var(--surface-control);border-radius:12px;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;overflow:hidden}.library-media-dialog-preview[data-preview-kind=audio],.library-media-dialog-preview[data-preview-kind=file],.library-media-dialog-preview[data-preview-kind=folder]{min-height:5.5em;padding:1em}.library-media-dialog-preview[data-preview-kind=file] span,.library-media-dialog-preview[data-preview-kind=folder] span{color:color-mix(in oklch, var(--fg), transparent 22%);font-size:.95em;font-weight:800}.library-media-dialog-preview img,.library-media-dialog-preview video{object-fit:contain;object-position:center;width:100%;min-width:0;height:100%;min-height:0;display:block}.library-media-dialog-preview audio{width:100%;max-width:24em}.library-media-dialog-asset{background:0 0;width:100%;height:100%}.library-media-dialog-preview[data-preview-kind=audio] .library-media-dialog-asset{max-width:24em;height:auto}.library-media-dialog-resize{border-bottom-right-radius:inherit;width:32px;height:32px;color:var(--lines-strong);cursor:nwse-resize;opacity:.3;touch-action:none;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);background:0 0;border:0;padding:0;position:absolute;bottom:-1px;right:-1px}.library-media-dialog-resize:before,.library-media-dialog-resize:after{content:"";border-right:2px solid color-mix(in oklch, currentColor, white 12%);border-bottom:2px solid color-mix(in oklch, currentColor, white 12%);pointer-events:none;position:absolute}.library-media-dialog-resize:before{border-bottom-right-radius:10px;width:20px;height:20px;bottom:6px;right:6px}.library-media-dialog-resize:after{opacity:.72;border-bottom-right-radius:6px;width:10px;height:10px;bottom:6px;right:6px}.library-media-dialog-resize:is(:hover,:focus-visible){opacity:1;transform:translateY(var(--motion-hover-y));outline:none}.library-media-dialog-resize:active{opacity:.78;transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.library-entity-dialog label{flex-direction:column;gap:.5em;font-size:.8125em;font-weight:700;display:flex}.library-media-dialog label,.library-media-dialog .library-dialog-actions{flex:none}.library-media-dialog .library-dialog-actions{border-top:1px solid var(--lines-strong);margin-top:.125em;padding-top:.875em}.library-entity-dialog input,.library-entity-dialog select,.library-entity-dialog textarea{box-sizing:border-box;border:1px solid var(--lines-strong);width:100%;color:var(--fg);background:var(--surface-control);font:inherit;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);border-radius:12px;padding:0 .75em;font-weight:500;transform:translateY(0)}.library-entity-dialog input:is(:hover,:focus-visible),.library-entity-dialog select:is(:hover,:focus-visible),.library-entity-dialog textarea:is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--fg), transparent 62%);transform:translateY(var(--motion-hover-y));outline:none;box-shadow:inset 0 1px #fff1}.library-entity-dialog input,.library-entity-dialog select{height:2.625em}.library-entity-dialog textarea{resize:vertical;min-height:7em;padding-top:.75em}.library-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5em;display:flex}.library-dialog-action-accessory{margin-right:auto;display:flex}.library-dialog-actions .x-btn{border-radius:12px;min-height:2.5em;padding:0 .875em;font-size:.8125em;font-weight:650}.library-dialog-actions .x-btn[data-vibe=neutral]{font-weight:500}@keyframes library-dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes library-dialog-in{0%{opacity:0;transform:translateY(var(--motion-entrance-y)) scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.library-empty{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:1em;min-height:0;padding:3em 0;display:flex}.library-empty>*{animation:x-motion-list-item-in var(--motion-view) var(--ease-enter) both}.library-empty>:nth-child(2){animation-delay:var(--motion-stagger-step)}.library-empty>:nth-child(3){animation-delay:calc(var(--motion-stagger-step) * 2)}.library-empty-icon{width:3em;height:3em;color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 90%);border-radius:.875em;place-items:center;display:grid}.library-empty-icon svg{width:1.5em;height:1.5em}.library-empty-copy{flex-direction:column;gap:.5em;width:100%;display:flex}.library-empty-copy h2,.library-empty-copy p{margin:0}.library-empty-copy h2{color:var(--fg);font:inherit;font-size:1.125em;font-weight:800}.library-empty-copy p{color:color-mix(in oklch, var(--fg), transparent 40%);font-size:.8125em}.library-empty-actions{align-items:center;gap:.5em;display:flex}.library-empty-secondary{border:1px solid var(--lines-strong);height:34px;color:var(--fg);background:var(--surface-control);font:inherit;cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);border-radius:12px;padding:0 1em;font-size:.8125em;font-weight:800;transform:translateY(0)scale(1)}.library-empty-clear{height:34px;color:var(--bg);background:var(--alpha);box-shadow:0 8px 9px color-mix(in oklch, var(--alpha), transparent 80%);font:inherit;white-space:nowrap;cursor:pointer;transition:background var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);border:0;border-radius:12px;padding:0 1em;font-size:.8125em;font-weight:800;transform:translateY(0)scale(1)}.library-empty-clear:is(:hover,:focus-visible){background:color-mix(in oklch, var(--alpha), white 8%);box-shadow:0 10px 16px color-mix(in oklch, var(--alpha), transparent 82%);transform:translateY(var(--motion-hover-y)) scale(1.01);outline:none}.library-empty-clear:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.library-empty-secondary:is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--alpha), transparent 58%);color:var(--alpha);transform:translateY(var(--motion-hover-y)) scale(1.01);outline:none}.library-empty-secondary:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.library-add{box-sizing:border-box;width:115px;height:34px;color:var(--bg);background:var(--alpha);box-shadow:0 8px 9px color-mix(in oklch, var(--alpha), transparent 80%);font:inherit;white-space:nowrap;cursor:pointer;transition:background var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:800;line-height:1;display:inline-flex;transform:translateY(0)scale(1)}.library-add:is(:hover,:focus-visible){background:color-mix(in oklch, var(--alpha), white 8%);box-shadow:0 10px 16px color-mix(in oklch, var(--alpha), transparent 82%);transform:translateY(var(--motion-hover-y)) scale(1.01);outline:none}.library-add:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.library-add svg{flex:none;width:16px;height:16px}.library-add.library-create-entity,.library-add.library-empty-add{width:138px}.library-add.library-create-text{gap:6px;width:108px;padding:0 12px}.library-stock-content{flex-direction:column;flex:auto;gap:12px;min-height:0;display:flex;container-type:inline-size}.library-stock-content:has(.library-dialog-backdrop){container-type:normal}.library-stage:has(.library-dialog-backdrop){animation:none;transform:none}.library-stock-content .library-dialog-backdrop{-webkit-backdrop-filter:var(--frosted)}.library-stock-attribution{box-sizing:border-box;width:100%;color:var(--text);flex:none;margin:0;font-size:12px;font-weight:600;line-height:1.35}.library-card-actions button:disabled{cursor:default;opacity:.7;transform:none}.library-stock-load-state{color:color-mix(in oklch, var(--fg), transparent 35%);margin:0;font-size:12px;font-weight:600;line-height:1.35}.library-entity-dialog.library-stock-dialog{grid-template-rows:auto minmax(0,1fr) auto auto auto;width:min(100%,760px);max-width:100%;height:min(100%,760px);display:grid;overflow:hidden}.library-entity-dialog.library-stock-dialog h2{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.library-stock-dialog-preview{background:var(--surface-panel);border-radius:12px;place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden;container-type:size}.library-stock-dialog-media{place-items:center;max-width:100%;max-height:100%;display:grid;position:relative}.library-stock-dialog-media img,.library-stock-dialog-media video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}@supports (width:1cqw){.library-stock-dialog-media{width:min(100cqw, calc(100cqh * var(--stock-media-aspect)));height:min(100cqh, calc(100cqw * var(--stock-media-inverse-aspect)))}.library-stock-dialog-media img,.library-stock-dialog-media video{width:100%;height:100%}}.library-stock-dialog-copy{color:color-mix(in oklch, var(--fg), transparent 36%);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.library-stock-dialog-error{color:color-mix(in oklch, var(--fg), transparent 35%);margin:0;font-size:12px;font-weight:600;line-height:1.35}.library-dialog-actions .library-stock-download{border:1px solid var(--lines-strong);width:auto;min-height:2.5em;color:color-mix(in oklch, var(--fg), transparent 16%);background:var(--surface-control);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 .875em;font-size:.8125em;font-weight:800;display:inline-flex}.library-dialog-actions .library-stock-download:is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--alpha), transparent 58%);color:var(--alpha);outline:none}.library-dialog-actions .library-stock-download:disabled{cursor:default;opacity:.7}.library-dialog-actions .library-stock-download svg{width:16px;height:16px}.library-stock-dialog-media{overflow:hidden}.library-stock-dialog-media video{opacity:0;transition:opacity var(--motion-fast) ease}.library-stock-dialog-media video[data-ready=true]{opacity:1}.library-stock-dialog-video-poster{z-index:1;object-fit:contain;background:var(--surface-panel);width:100%;height:100%;transition:opacity var(--motion-fast) ease;pointer-events:none;display:block;position:absolute;inset:0}.library-stock-dialog-video-poster[data-hidden=true]{opacity:0}.library-grid{--library-grid-card-min-width:240px;--library-grid-thumb-height:168px;grid-template-columns:repeat(var(--library-grid-column-count,auto-fit), minmax(min(100%, var(--library-grid-card-min-width)), 1fr));box-sizing:border-box;flex:auto;place-content:start stretch;gap:16px 12px;width:calc(100% + 2em);min-height:0;margin-inline:-1em;padding-inline:1em;display:grid;overflow:hidden auto}.library-media-virtual-grid,.library-media-virtual-grid[data-view=list]{overflow-anchor:none;overscroll-behavior:contain;contain:layout paint style;display:block;overflow:hidden auto}.library-media-virtual-spacer{width:100%;min-height:100%;position:relative}.library-media-virtual-window{will-change:transform;width:100%;display:grid;position:absolute;inset-block:0 auto;inset-inline:0}.library-media-virtual-grid[data-view=grid] .library-media-virtual-window{box-sizing:border-box;padding-inline:var(--space)}.library-card{box-sizing:border-box;border:1px solid var(--lines-strong);background:var(--surface-control);width:100%;min-width:0;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);animation:library-card-settle-in var(--motion-view) var(--ease-enter) both;border-radius:16px;flex-direction:column;gap:12px;padding:12px;display:flex;position:relative;transform:translateY(0)}.library-grid:not([data-view=list])>.library-card{justify-self:stretch;width:100%}.library-grid>.library-card:nth-child(2){animation-delay:var(--motion-stagger-step)}.library-grid>.library-card:nth-child(3){animation-delay:calc(var(--motion-stagger-step) * 2)}.library-grid>.library-card:nth-child(4){animation-delay:calc(var(--motion-stagger-step) * 3)}.library-grid>.library-card:nth-child(5){animation-delay:calc(var(--motion-stagger-step) * 4)}.library-grid>.library-card:nth-child(6){animation-delay:calc(var(--motion-stagger-step) * 5)}.library-grid>.library-card:nth-child(n+7){animation-delay:calc(var(--motion-stagger-step) * 6)}.library-card:is(:hover,:focus-within){border-color:color-mix(in oklch, var(--alpha), transparent 64%);transform:translateY(var(--motion-hover-y));box-shadow:0 12px 30px oklch(0% none none/.3)}.library-media-card{text-align:left;height:auto;min-height:220px;padding:0;overflow:hidden}.library-media-virtual-grid .library-media-card{contain:layout paint style;contain-intrinsic-size:300px 220px;height:220px;min-height:0;animation:none}.library-media-virtual-grid .library-media-card .library-card-thumb{aspect-ratio:auto;height:144px}.library-media-virtual-grid .library-media-card:is(:hover,:focus-within){transform:none}.library-text-card .library-card-title,.library-text-card .library-card-description{font-style:normal}.library-text-preview{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.library-media-card .library-card-thumb.library-text-thumb{color:color-mix(in oklch, var(--fg), transparent 10%);background:linear-gradient(180deg, color-mix(in oklch, var(--surface-control), var(--alpha) 8%), var(--surface-control));text-wrap:pretty;place-items:center;padding:1.35em 1.45em;font-size:.92em;font-weight:650;line-height:1.4}.library-text-thumb span{-webkit-line-clamp:4;-webkit-box-orient:vertical;width:min(100%,26ch);display:-webkit-box;overflow:hidden;-webkit-mask-image:linear-gradient(#000 74%,#0000);mask-image:linear-gradient(#000 74%,#0000)}.library-card-thumb{aspect-ratio:16/9;background:var(--surface-panel);border-radius:12px;flex:none;width:100%;min-height:0;position:relative;overflow:hidden}.library-media-open{box-sizing:border-box;width:100%;min-width:0;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:auto;gap:0;padding:0;display:flex}.library-grid:not(.library-media-virtual-grid) .library-media-open{min-height:inherit;height:auto}.library-media-virtual-grid .library-media-open{height:100%}.library-card-thumb[data-kind=folder],.library-card-thumb[data-kind=file],.library-card-thumb[data-kind=image],.library-card-thumb[data-kind=video]{color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 92%);place-items:center;display:grid}.library-card-thumb[data-kind=audio]{color:var(--alpha);background:linear-gradient(135deg, color-mix(in oklch, var(--alpha), transparent 86%), color-mix(in oklch, var(--beta), transparent 86%));place-items:center;display:grid}.library-card-thumb[data-loading-preview]:after{content:"";border-radius:inherit;background:linear-gradient(100deg, transparent 16%, color-mix(in oklch, var(--fg), transparent 88%) 46%, transparent 78%);opacity:.42;pointer-events:none;animation:1.35s ease-in-out infinite x-motion-shimmer;position:absolute;inset:0;transform:translate(-105%)}.library-card-thumb[data-loading-preview]>svg{opacity:.36}.library-card-thumb>svg{width:2em;height:2em}.library-preview-media{z-index:1;opacity:0;transition:opacity var(--motion-view) ease;margin:auto;position:absolute;inset:0}.library-card-thumb[data-has-preview=true]:before{content:"";z-index:0;background-image:var(--library-preview-backdrop);filter:blur(18px)saturate(1.12);opacity:.72;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-16px;transform:scale(1.04)}.library-card-thumb[data-preview-loaded=true] .library-preview-media{opacity:1}.library-card-thumb img,.library-card-thumb video{object-fit:contain;width:100%;height:100%;display:block}.library-media-card .library-card-thumb{box-sizing:border-box;width:100%;height:var(--library-grid-thumb-height);aspect-ratio:16/9;background:var(--surface-panel);border:0;border-radius:15px 15px 0 0;place-items:center;padding:0;display:grid}.library-media-card .library-card-thumb[data-has-preview=true]{background:var(--surface-panel)}.library-media-card .library-card-thumb img,.library-media-card .library-card-thumb video{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%}.library-card-thumb>svg{z-index:1;position:relative}.library-media-card.library-entity-card .library-card-thumb img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;display:block}.library-media-card[data-media-status]{border-color:color-mix(in oklch, var(--alpha), transparent 68%)}.library-media-card[data-media-status=failed]{border-color:color-mix(in oklch, var(--angry), transparent 36%)}.library-media-card[data-import-status=failed]{border-color:color-mix(in oklch, var(--angry), transparent 42%)}.library-media-card[data-picker-card][data-import-status=importing]{border-color:color-mix(in oklch, var(--happy), transparent 24%);box-shadow:0 0 0 1px color-mix(in oklch, var(--happy), transparent 62%)}.library-media-card[data-picker-card][data-import-status=importing]:after{content:"Adding to chat";z-index:4;color:var(--bg);background:var(--happy);border-radius:999px;padding:.45em .7em;font-size:12px;font-weight:800;position:absolute;bottom:12px;right:12px}.library-media-card[data-media-status] .library-media-open{cursor:default}.library-media-card[data-media-status] .library-card-description{color:var(--fg)}.library-media-card[data-media-status=failed] .library-card-description{color:color-mix(in oklch, var(--angry), var(--fg) 48%)}.library-grid{position:relative}.library-card[data-selection-key],.library-card[data-selection-key] *{-webkit-user-select:none;user-select:none}.library-card[data-selection-key] img{-webkit-user-drag:none}.library-card[data-selected]{border-color:color-mix(in oklch, var(--alpha), white 20%);box-shadow:0 0 0 2px color-mix(in oklch, var(--alpha), transparent 15%);background:color-mix(in oklch, var(--surface-control), var(--alpha) 12%)}.library-marquee{z-index:1000;pointer-events:none;border:1px solid var(--alpha,#59f39a);border-radius:var(--round,10px);background:color-mix(in oklch, var(--alpha,#59f39a), transparent 88%);box-shadow:0 0 0 1px color-mix(in oklch, var(--alpha,#59f39a), transparent 58%);position:fixed}.library-card-actions{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;top:20px;right:20px}.library-media-card .library-card-actions{top:10px;right:12px}.library-card-actions button{border:1px solid var(--lines-strong);width:28px;height:28px;color:var(--fg);cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);background:oklch(0% none none/.82);border-radius:999px;place-items:center;padding:0;display:grid;transform:translateY(0)scale(1)}.library-import-action{border:1px solid color-mix(in oklch, var(--happy), transparent 24%);min-width:112px;height:32px;color:var(--bg);background:var(--happy);box-shadow:none;text-shadow:none;font:inherit;cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease, opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:800;line-height:1;display:inline-flex;transform:translateY(0)scale(1)}.library-import-action:is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--happy), var(--fg) 20%);background:color-mix(in oklch, var(--happy), var(--fg) 8%);transform:translateY(var(--motion-hover-y)) scale(1.01);outline:none}.library-import-action:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.library-import-action[disabled]{cursor:default;opacity:.82;text-decoration:none;transform:none}.library-import-action[data-import-status=failed]{border-color:color-mix(in oklch, var(--angry), transparent 42%);color:var(--fg);background:color-mix(in oklch, var(--angry), transparent 20%)}.library-import-action[data-import-status=importing] svg{animation:.9s linear infinite library-import-spin}.library-card-actions .library-import-action{border-radius:999px;width:28px;min-width:28px;height:28px;padding:0}.library-card-actions button:is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--alpha), transparent 58%);color:var(--alpha);transform:translateY(var(--motion-hover-y)) scale(1.04);outline:none}.library-card-actions .library-import-action:is(:hover,:focus-visible){color:var(--bg)}.library-card-actions .library-import-action[data-import-status=failed]:is(:hover,:focus-visible){color:var(--fg)}.library-media-card[data-import-status=failed] .library-card-actions button{color:color-mix(in oklch, var(--angry), var(--fg) 18%)}.library-card-actions button:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.library-card-actions svg{width:14px;height:14px}.library-card-actions button>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.library-card-meta{flex-direction:column;flex:none;gap:4px;min-width:0;display:flex}.library-media-card .library-card-meta{padding:8px 12px 12px}.library-card-row,.library-card-subrow{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.library-card-title,.library-card-description{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.library-card-title{color:var(--fg);font-size:14px;font-style:normal;font-weight:700;line-height:1.25}.library-media-card .library-card-title,.library-media-card .library-card-description,.library-media-card .library-card-kind,.library-media-card h2{font-variant:normal;font-family:Nunito Sans,sans-serif;font-style:normal;text-decoration:none}.library-card-description,.library-card-kind{color:color-mix(in oklch, var(--fg), transparent 45%);font-size:12px;font-style:normal;font-weight:500;line-height:1.25}.library-card-kind{flex:none}.library-card-details{color:color-mix(in oklch, var(--alpha), transparent 18%);opacity:.78;flex:none;align-items:center;gap:4px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.library-card-details svg{width:12px;height:12px}.library-media-open:is(:hover,:focus-visible) .library-card-details{opacity:1}.library-card-badge{color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 88%);border-radius:999px;flex:none;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.25}.library-card-kind-icon{display:none}.library-grid[data-view=list] .library-card-kind-icon,.library-grid[data-view=column] .library-card-kind-icon{width:16px;height:16px;color:color-mix(in oklch, var(--fg), transparent 28%);place-items:center;display:grid}.library-card-kind-icon svg{width:15px;height:15px}.library-card-title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.library-grid[data-view=list]{flex-direction:column;gap:0;display:flex;overflow:auto}.library-media-virtual-grid[data-view=list] .library-media-virtual-window{gap:0}.library-grid[data-view=list] .library-media-card{border:0;border-block-end:1px solid var(--lines);background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) 120px;align-items:center;height:36px;min-height:36px;padding:0 12px;display:grid}.library-grid[data-view=list] .library-media-card[data-selected]{border-color:var(--lines);border-block-end-color:var(--lines);background:color-mix(in oklch, var(--surface-control), var(--alpha) 12%);box-shadow:none}.library-grid[data-view=list] .library-media-open{height:100%;padding:0;display:block}.library-grid[data-view=list] .library-card-thumb,.library-grid[data-view=list] .library-card-subrow{display:none}.library-grid[data-view=list] .library-card-meta,.library-grid[data-view=list] .library-card-row{min-width:0;height:100%}.library-grid[data-view=list] .library-card-row{grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:8px;display:grid}.library-grid[data-view=list] .library-card-title{align-items:center;gap:8px;font-size:13px;display:flex}.library-grid[data-view=list] .library-card-kind{text-transform:uppercase;letter-spacing:.08em}.library-grid[data-view=list] .library-card-actions{display:none}.library-grid[data-view=list] .library-text-preview{white-space:nowrap;display:block}.library-grid[data-view=column]{flex-direction:column;gap:0;display:flex;overflow:auto}.library-media-virtual-grid[data-view=column] .library-media-virtual-window{border-inline-end:1px solid var(--lines);background:color-mix(in oklch, var(--surface-panel), transparent 12%);gap:0;max-width:min(420px,100%)}.library-grid[data-view=column] .library-media-card{border:0;border-block-end:1px solid var(--lines);background:0 0;border-radius:0;height:44px;min-height:44px;padding:0 10px;display:block}.library-grid[data-view=column] .library-media-open{height:100%;padding:0;display:block}.library-grid[data-view=column] .library-card-thumb,.library-grid[data-view=column] .library-card-subrow{display:none}.library-grid[data-view=column] .library-card-meta,.library-grid[data-view=column] .library-card-row{min-width:0;height:100%}.library-grid[data-view=column] .library-card-row{grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:8px;display:grid}.library-grid[data-view=column] .library-card-title{align-items:center;gap:8px;font-size:13px;display:flex}.library-grid[data-view=column] .library-card-kind{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.library-grid[data-view=column] .library-card-actions{display:none}@keyframes library-import-spin{to{transform:rotate(360deg)}}@keyframes library-card-settle-in{0%{transform:translateY(calc(var(--motion-entrance-y) * .45)) scale(.995)}to{transform:translateY(0)scale(1)}}.library-selection-bar{z-index:7;box-sizing:border-box;border:1px solid var(--lines-strong);background:color-mix(in oklch, var(--surface-panel), #000 16%);border-radius:12px;align-items:center;gap:6px;max-width:calc(100% - 16px);min-height:32px;padding:3px;display:inline-flex;position:absolute;inset-block-start:8px;inset-inline:auto 8px;box-shadow:0 12px 32px oklch(0% none none/.34)}.library-selection-bar strong,.library-selection-bar small{white-space:nowrap;padding:0 8px}.library-selection-bar strong{color:var(--fg);padding-right:4px;font-size:.92em;font-weight:500}.library-selection-bar small{color:var(--muted);font-size:.84em}.library-selection-bar button{border:1px solid var(--lines);background:var(--surface-control);min-width:0;height:28px;color:color-mix(in oklch, var(--fg), var(--text) 16%);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:5px;padding:0 10px;font-weight:500;display:inline-flex}.library-selection-bar button:disabled{opacity:.45;cursor:default}.library-selection-bar button[data-kind=danger]{background:color-mix(in oklch, var(--surface-control), var(--angry) 9%);border-color:color-mix(in oklch, var(--angry), var(--lines) 72%);color:color-mix(in oklch, var(--angry), var(--fg) 58%)}.library-selection-bar button[data-confirming]{background:color-mix(in oklch, var(--angry), var(--surface-control) 70%);border-color:color-mix(in oklch, var(--angry), var(--fg) 34%);color:var(--fg)}.library-selection-bar button[data-kind=safe]{background:color-mix(in oklch, var(--alpha), transparent 74%);border-color:color-mix(in oklch, var(--alpha), transparent 48%)}.library-selection-bar svg{flex:none;width:16px;height:16px}.library-media-virtual-grid .library-media-card.library-music-card .library-card-thumb{height:116px}.library-music-card .library-media-open{padding-bottom:48px}.library-music-card audio{display:none}.library-music-controls{z-index:1;grid-template-columns:minmax(92px,1fr) auto;align-items:center;gap:8px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.library-music-volume{box-sizing:border-box;border:1px solid var(--lines-strong);min-width:92px;height:32px;color:color-mix(in oklch, var(--fg), transparent 35%);background:var(--surface-control);border-radius:12px;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:700;display:flex}.library-music-volume span{flex:none}.library-music-volume input{min-width:0;accent-color:var(--alpha);flex:auto}.library-music-import{min-width:84px;padding:0 10px}.library-music-import svg{width:15px;height:15px}.library-grid[data-view=list] .library-media-card.library-music-card .library-card-thumb{height:48px}.library-grid[data-view=list] .library-music-card .library-media-open{padding-bottom:12px}.library-grid[data-view=list] .library-music-volume{flex:0 0 96px;width:96px;min-width:0;position:static}.library-grid[data-view=list] .library-music-volume span{display:none}.library-grid[data-view=list] .library-music-controls{flex:none;grid-template-columns:96px auto;width:auto;padding-right:12px;display:grid;position:static}.library-music-licensing{gap:8px;padding:0;display:grid}.library-music-licensing summary{border:1px solid var(--lines-strong);width:fit-content;min-height:30px;color:var(--fg);background:var(--surface-control);cursor:pointer;border-radius:8px;padding:0 10px;font-size:12px;font-weight:700;line-height:30px}.library-music-licensing-form,.library-music-licensing-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}.library-music-licensing input,.library-music-licensing button{border:1px solid var(--lines-strong);height:30px;color:var(--fg);background:var(--surface-control);font:inherit;border-radius:8px;padding:0 8px;font-size:12px}.library-music-licensing[open] .library-music-licensing-form{margin-top:8px}.library-music-licensing-list{gap:4px;display:grid}.library-music-licensing-row{grid-template-columns:minmax(0,1fr) minmax(0,.6fr) auto;font-size:12px}.library-context-menu{--library-context-menu-edge-gap:8px;--library-context-menu-width:220px;z-index:160;width:min(var(--library-context-menu-width), calc(100dvw - (var(--library-context-menu-edge-gap) * 2)));border:1px solid var(--lines-strong);background:#1a1a1a;border-radius:12px;padding:6px;display:grid;position:fixed;inset-block-start:min(var(--library-context-menu-top), calc(100dvh - var(--library-context-menu-edge-gap)));inset-inline-start:min(var(--library-context-menu-left), calc(100dvw - var(--library-context-menu-width) - var(--library-context-menu-edge-gap)));box-shadow:0 18px 50px oklch(0% none none/.34)}.library-context-menu button{color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;display:flex}.library-context-menu-icon{width:16px;height:16px;color:color-mix(in oklch, var(--fg), transparent 28%);place-items:center;display:grid}.library-context-menu-icon svg{width:15px;height:15px}.library-context-menu-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.library-context-menu button:is(:hover,:focus-visible){background:color-mix(in oklch, var(--alpha), transparent 88%);outline:none}.library-context-menu button[data-danger]{color:color-mix(in oklch, var(--angry), var(--fg) 58%)}.library-context-menu-swatch{aspect-ratio:1;border:1px solid var(--lines-strong);background:var(--library-context-menu-swatch);border-radius:50%;width:12px}.library-media-columns{flex:auto;min-height:0;display:flex;overflow:auto}.library-media-column{border-inline-end:1px solid var(--lines);flex:0 0 min(260px,42%);grid-template-rows:auto minmax(0,1fr);min-width:190px;display:grid}.library-media-column-body{min-height:0;padding-block:4px;overflow:auto}.library-media-column-body>p{color:var(--muted);margin:8px 12px;font-size:12px}.library-media-column-header{border-block-end:1px solid var(--lines);min-height:28px;position:relative}.library-media-column-header-button{width:100%;min-height:28px;color:var(--muted);text-align:left;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:10.5px;font-weight:700;display:flex}.library-media-column-header-button:is(:hover,:focus-visible,[aria-expanded=true]){background:color-mix(in oklch, var(--alpha), transparent 92%);color:var(--fg);outline:none}.library-media-column-header-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-media-column-header-button svg{width:11px;height:11px;transition:transform .12s}.library-media-column-header-button[aria-expanded=true] svg{transform:rotate(180deg)}.library-media-column-menu{z-index:12;border:1px solid color-mix(in oklch, var(--fg), transparent 78%);background:#1c1c1f;border-radius:7px;width:min(158px,100% - 12px);padding:4px;display:grid;position:absolute;inset-block-start:calc(100% + 3px);inset-inline-start:6px;box-shadow:0 14px 32px oklch(0% none none/.5)}.library-media-column-menu p{color:var(--muted);text-transform:uppercase;margin:0;padding:2px 7px 4px;font-size:9.5px}.library-media-column-menu button{min-height:23px;color:var(--fg);text-align:left;background:0 0;border:0;border-radius:4px;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:5px;font-family:inherit;font-size:11.5px;display:grid}.library-media-column-menu button:is(:hover,:focus-visible){background:color-mix(in oklch, var(--alpha), transparent 88%);outline:none}.library-media-column-menu button:disabled{color:var(--muted);opacity:.55}.library-media-column-menu svg{width:12px;height:12px;color:var(--alpha)}.library-media-column-preview{border-inline-end:0;flex:1 0 240px}.library-media-column-preview .library-media-column-body{align-content:start;padding:14px;display:grid}.library-media-column-preview section{gap:10px;max-width:320px;display:grid}.library-media-column-preview h3{color:var(--fg);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:600}.library-media-column-preview dl{color:var(--muted);grid-template-columns:auto minmax(0,1fr);gap:6px 10px;margin:0;font-size:12px;display:grid}.library-media-column-preview dd{color:var(--fg);overflow-wrap:anywhere;margin:0}.library-media-column-row{box-sizing:border-box;width:100%;height:28px;color:color-mix(in oklch, var(--fg), transparent 22%);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px;display:grid}.library-media-column-row:is(:hover,:focus-visible,[data-active]){background:color-mix(in oklch, var(--alpha), transparent 86%);color:var(--fg);outline:none}.library-media-column-row[data-selected]{background:color-mix(in oklch, var(--surface-control), var(--alpha) 12%);color:var(--fg);outline:none}.library-media-column-row>span:first-child{width:14px;height:14px;color:color-mix(in oklch, var(--fg), transparent 38%);overflow:visible}.library-media-column-row>span:first-child>svg{width:100%;height:100%}.library-media-column-row>.library-media-column-color{color:var(--alpha)}.library-media-column-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-media-column-row small{color:var(--muted);justify-self:end;font-size:12px}.library-trash-view{box-sizing:border-box;flex-direction:column;gap:6px;min-height:0;padding:8px 12px 14px;display:flex}.library-trash-view header,.library-trash-list{width:min(680px,100%)}.library-trash-view header,.library-trash-row,.library-trash-row-actions{align-items:center;gap:12px;display:flex}.library-trash-view header,.library-trash-row{justify-content:space-between}.library-trash-view h2{color:var(--fg);letter-spacing:0;margin:0;font-family:inherit;font-size:13px;font-style:normal;font-weight:600}.library-trash-list{flex:auto;align-content:start;display:grid;overflow:auto}.library-trash-row{border-block-end:1px solid var(--lines);min-height:44px;padding:0 8px}.library-trash-row:last-child{border-block-end:0}.library-trash-row[data-selected]{background:color-mix(in oklch, var(--alpha), transparent 90%)}.library-trash-row span{gap:2px;min-width:0;display:grid}.library-trash-row strong,.library-trash-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-trash-row strong{color:var(--fg);font-size:13px}.library-trash-row small{color:var(--muted);font-size:11px}.library-trash-view header button,.library-trash-row-actions button{height:24px;color:color-mix(in oklch, var(--fg), transparent 16%);font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 6px;font-size:12px;display:inline-flex}.library-trash-view header button:is(:hover,:focus-visible),.library-trash-row-actions button:is(:hover,:focus-visible){background:color-mix(in oklch, var(--fg), transparent 92%);outline:none}.library-trash-row-actions svg{width:14px;height:14px}.library-trash-confirm{box-sizing:border-box;border:1px solid color-mix(in oklch, var(--angry), transparent 56%);background:color-mix(in oklch, var(--surface-panel), var(--angry) 8%);border-radius:8px;gap:6px;width:min(680px,100%);padding:10px 12px;display:grid}.library-trash-confirm h3,.library-trash-confirm p{margin:0}.library-trash-confirm h3{color:var(--fg);font:inherit;font-size:13px;font-weight:600}.library-trash-confirm p{color:var(--muted);font-size:12px}.library-trash-confirm div{gap:6px;display:flex}.library-trash-confirm button{background:color-mix(in oklch, var(--fg), transparent 92%);height:24px;color:var(--fg);font:inherit;border:0;border-radius:6px;padding:0 8px;font-size:12px}.library-trash-confirm button:last-child{background:color-mix(in oklch, var(--angry), transparent 76%)}.library-info-sheet{z-index:9;box-sizing:border-box;border:1px solid var(--lines-strong);background:color-mix(in oklch, var(--surface-panel), #000 18%);border-radius:10px;gap:12px;width:min(380px,100% - 28px);max-height:calc(100% - 28px);padding:14px;display:grid;position:absolute;inset:auto 14px 14px auto;overflow:auto;box-shadow:0 18px 46px oklch(0% none none/.38)}.library-info-sheet header,.library-info-sheet dl div{justify-content:space-between;align-items:center;gap:12px;display:flex}.library-info-sheet h2,.library-info-sheet dl{margin:0}.library-info-sheet h2{color:var(--fg);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:13px;font-style:normal;font-weight:600;overflow:hidden}.library-info-sheet button{background:var(--surface-control);width:28px;height:28px;color:var(--fg);border:0;border-radius:7px;place-items:center;display:grid}.library-info-sheet dl{display:grid}.library-info-sheet dl div{border-block-start:1px solid var(--lines);grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;padding-block:8px;display:grid}.library-info-sheet dt{color:var(--muted);font-size:12px}.library-info-sheet dd{min-width:0;color:var(--fg);overflow-wrap:anywhere;font-size:12px}.library-move-dialog header{border-block-end:1px solid var(--lines);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.library-move-dialog header span,.library-move-targets{min-width:0;display:grid}.library-move-dialog small{color:var(--muted);font-size:10px}.library-move-dialog strong{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.library-move-close{border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.library-move-dialog{z-index:8;box-sizing:border-box;border:1px solid var(--lines-strong);background:color-mix(in oklch, var(--surface-panel), #000 18%);border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(280px,100% - 20px);max-height:calc(100% - 20px);display:grid;position:absolute;inset:10px 10px auto auto;overflow:hidden;box-shadow:0 18px 46px oklch(0% none none/.38)}.library-move-close,.library-move-target{color:inherit;font:inherit;background:0 0;border:0}.library-move-close:is(:hover,:focus-visible),.library-move-target:is(:hover,:focus-visible){background:color-mix(in oklch, var(--fg), transparent 92%);outline:none}.library-move-targets{padding:4px;overflow:auto}.library-move-target{text-align:left;border-radius:6px;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:7px;min-height:26px;padding:0 7px;font-size:13px;display:grid}.library-move-target span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-move-target svg{width:14px;height:14px}.library-toolbar{flex-direction:column;flex:none;gap:0;display:flex;container:library-toolbar/inline-size}.library-toolbar-body{padding:1em 1em 0}.library-kinds,.library-controls{align-items:center;gap:.5em;min-width:0;display:flex}.library-kinds{scrollbar-width:none;flex:auto;max-width:100%;padding-bottom:0;position:relative;overflow:auto hidden}.library-kinds::-webkit-scrollbar{display:none}.library-kinds>.x-tooltip{flex:none;display:flex}.library-kind{box-sizing:border-box;border:0;font:inherit;cursor:pointer;height:50px;padding:0 calc(var(--pad) * .75);color:color-mix(in oklch, var(--fg), transparent 38%);transition:border-color .12s ease, background .12s ease, color .12s ease, transform var(--motion-fast) var(--ease-sticky);background:0 0;border-bottom:2px solid #0000;border-radius:0;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:visible}.library-kind>span{min-width:0}.library-kind{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}.library-kind:is(:active,[data-dragging]){cursor:grabbing}.library-kind:is(:hover,:focus-visible){color:color-mix(in oklch, var(--fg), transparent 18%);transform:translateY(var(--motion-hover-y));outline:none}.library-kind[data-dragging]{border-bottom-color:color-mix(in oklch, var(--alpha), transparent 64%);z-index:3;background:var(--surface-panel);transition:none;box-shadow:0 8px 20px oklch(0% none none/.38)}.library-kind[data-placeholder]{visibility:hidden}.library-kind[data-floating]{z-index:4;pointer-events:none;position:absolute;inset-block:0}.library-kind[data-active],.library-kind[data-active]:is(:hover,:focus-visible){border-bottom-color:var(--alpha);color:var(--fg)}.library-kind svg{display:none}.library-source svg,.library-search svg,.library-tool svg{flex:none;width:16px;height:16px}.library-tool svg{width:18px;height:18px}.library-controls{align-items:center;width:100%;min-width:0;max-width:100%;display:grid}.library-controls[data-section=media]{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px}.library-controls[data-section=stock],.library-controls[data-section=music]{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.library-controls[data-section=entities]{grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px}.library-controls[data-section=prompts]{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px}.library-tool{font:inherit;cursor:pointer;border:1px solid #0000}.library-search,.library-tool{box-sizing:border-box;background:var(--surface-control);border-radius:12px;height:34px}.library-search{border:1px solid var(--lines-strong);color:var(--fg);transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);transform:translateY(0)}.library-source-dropdown{justify-self:start;min-width:0;max-width:100%}.library-source-dropdown>button{height:34px;min-height:34px;padding:0 10px;font-size:13px;font-weight:600}.library-source-logo{border-radius:6px;flex:none;width:20px;height:20px;overflow:hidden}.library-source-logo-wide{border-radius:4px;width:30px;height:22px}.library-controls[data-section=stock] .library-search,.library-controls[data-section=music] .library-search,.library-controls[data-section=entities] .library-search,.library-controls[data-section=prompts] .library-search{width:100%}.library-search{width:100%;min-width:0;color:color-mix(in oklch, var(--fg), transparent 35%);align-items:center;gap:6px;padding:0 10px;display:flex}.library-search input{appearance:none;box-sizing:border-box;width:100%;min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;flex:auto;margin:0;padding:0;font-size:13px;font-weight:400;line-height:normal}.library-search input::placeholder{color:color-mix(in oklch, var(--fg), transparent 52%)}.library-search:is(:hover,:focus-within){border-color:color-mix(in oklch, var(--fg), transparent 62%);transform:translateY(var(--motion-hover-y));box-shadow:inset 0 1px #fff1}.library-search input::-webkit-search-cancel-button{appearance:none}.library-search input::-webkit-search-decoration{appearance:none}.library-search input::-webkit-search-results-button{appearance:none}.library-search input::-webkit-search-results-decoration{appearance:none}.library-filter-menu{z-index:3;box-sizing:border-box;border:1px solid var(--lines-strong);background:var(--surface-control);box-shadow:var(--shadow);transform-origin:100% 0;animation:x-motion-pop var(--motion-fast) var(--ease-sticky) both;border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px)}.library-filter-menu button{width:100%;min-height:30px;color:color-mix(in oklch, var(--fg), transparent 20%);font:inherit;text-align:left;white-space:nowrap;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;padding:0 8px;font-size:12px;font-weight:700;display:flex}.library-filter-menu button:is(:hover,:focus-visible),.library-filter-menu button[data-active]{color:var(--alpha);background:color-mix(in oklch, var(--alpha), transparent 90%);outline:none;transform:translate(1px)}.library-tool-cluster{align-items:center;gap:8px;width:auto;display:flex}.library-tool-cluster>.x-tooltip,.library-tool-stack>.x-tooltip{flex:none}.library-tool-stack{position:relative}.library-tool{border-color:var(--lines-strong);width:36px;height:36px;color:var(--fg);transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);place-items:center;padding:0;display:grid;transform:translateY(0)scale(1)}.library-tool[data-active],.library-tool[aria-pressed=true]{border-color:color-mix(in oklch, var(--alpha), transparent 68%);color:var(--alpha)}.library-tool:is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--alpha), transparent 58%);color:var(--alpha);transform:translateY(var(--motion-hover-y)) scale(1.03);outline:none}.library-tool:active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.library-filter-menu{width:max-content;min-width:164px;right:0}.library-create-entity{width:138px}.library-create-text{width:108px}@container library-toolbar (width<=430px){.library-controls{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.library-source-dropdown{grid-area:1/1}.library-search{grid-area:1/2/auto/-1}.library-tool-cluster{grid-area:2/1/auto/-1;justify-self:start}.library-controls>.x-tooltip:has(.library-add){grid-area:1/3;justify-self:end}.library-controls:has(.library-add) .library-search{grid-area:1/2}.library-filter-menu{transform-origin:0 0;left:0;right:auto}}.library-controls:has(.library-music-filter-panel){position:relative}.library-tool-stack:has(.library-music-filter-panel){position:static}.library-music-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:auto;max-height:min(620px,100vh - 190px);padding:12px;display:grid;top:calc(100% + 12px);left:0;right:0;overflow:auto}.library-music-filter-group{align-content:start;gap:8px;display:grid}.library-music-filter-group h3,.library-music-filter-field>span{color:color-mix(in oklch, var(--fg), transparent 32%);margin:0;font-size:11px;font-weight:800}.library-music-filter-field{gap:5px;min-width:0;display:grid}.library-music-filter-field input,.library-music-filter-field select{box-sizing:border-box;border:1px solid var(--lines-strong);width:100%;min-width:0;color:var(--fg);background:color-mix(in oklch, var(--surface-control), var(--fg) 3%);font:inherit;border-radius:8px;padding:0 8px;font-size:12px}.library-music-filter-field input,.library-music-filter-field select:not([multiple]){height:30px}.library-music-filter-choice,.library-music-filter-range{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.library-music-filter-range{grid-template-columns:repeat(2,minmax(0,1fr))}@container library-toolbar (width<=430px){.library-music-filter-panel{grid-template-columns:minmax(0,1fr)}}.library-music-tag-select{min-width:0;position:relative}.library-music-tag-select summary{box-sizing:border-box;border:1px solid var(--lines-strong);width:100%;height:30px;color:var(--fg);background:color-mix(in oklch, var(--surface-control), var(--fg) 3%);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:8px;padding:7px 24px 0 8px;font-size:12px;list-style:none;overflow:hidden}.library-music-tag-select summary::-webkit-details-marker{display:none}.library-music-tag-select summary:after{content:"";opacity:.72;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;top:12px;right:10px}.library-music-tag-select[open] summary{border-color:color-mix(in oklch, var(--alpha), transparent 35%)}.library-music-tag-select>div{z-index:4;border:1px solid var(--lines-strong);background:var(--surface-control);border-radius:8px;max-height:176px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 18px 40px #0009,inset 0 1px #fff1}.library-music-tag-select button{min-width:0;color:var(--fg);font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;padding:7px 8px;font-size:12px}.library-music-tag-select button:is(:hover,:focus-visible),.library-music-tag-select button[aria-pressed=true]{background:color-mix(in oklch, var(--alpha), transparent 82%);color:var(--alpha)}.library-thumbnail-slider{box-sizing:border-box;border:1px solid var(--lines-strong);background:var(--surface-control);border-radius:10px;align-items:center;gap:7px;height:36px;padding:0 9px;display:flex}.library-thumbnail-slider svg{width:14px;height:14px;color:color-mix(in oklch, var(--fg), transparent 36%);flex:none}.library-thumbnail-slider .library-thumbnail-icon-large{width:18px;height:18px}.library-thumbnail-slider input{appearance:none;cursor:pointer;background:0 0;width:82px;height:18px;margin:0}.library-thumbnail-slider input:focus-visible{outline:2px solid color-mix(in oklch, var(--alpha), transparent 36%);outline-offset:4px}.library-thumbnail-slider input::-webkit-slider-runnable-track{background:color-mix(in oklch, var(--fg), transparent 82%);border-radius:4px;height:4px}.library-thumbnail-slider input::-webkit-slider-thumb{appearance:none;border:2px solid var(--surface-control);background:var(--alpha);border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 2px 8px oklch(0% none none/.28)}.library-thumbnail-slider input::-moz-range-track{background:color-mix(in oklch, var(--fg), transparent 82%);border-radius:4px;height:4px}.library-thumbnail-slider input::-moz-range-thumb{border:2px solid var(--surface-control);background:var(--alpha);border-radius:50%;width:14px;height:14px}.library-view-switcher{border:1px solid var(--lines-strong);background:var(--surface-control);border-radius:12px;align-items:center;height:36px;padding:2px;display:flex}.library-view-switcher .x-tooltip{display:flex}.library-view-tool.library-tool{width:30px;height:30px;color:color-mix(in oklch, var(--fg), transparent 30%);background:0 0;border:0;border-radius:9px}.library-view-tool.library-tool:is(:hover,:focus-visible){background:color-mix(in oklch, var(--fg), transparent 94%);color:var(--fg);transform:none}.library-view-tool.library-tool[data-active]{background:color-mix(in oklch, var(--alpha), transparent 88%);color:var(--alpha)}.chat-generation-drawer{box-sizing:border-box;width:0;min-width:0;z-index:var(--chat-generation-drawer-layer);isolation:isolate;border-left:var(--lines-thickness) solid transparent;font:inherit;opacity:0;visibility:hidden;pointer-events:none;transition:flex-basis var(--motion-panel) var(--ease-panel), width var(--motion-panel) var(--ease-panel), opacity var(--motion-view) ease, border-color var(--motion-view) ease, visibility 0s linear var(--motion-panel);background:0 0;flex-direction:column;flex:0 0 0;display:flex;position:relative;overflow:hidden}.chat-generation-drawer[data-open]{border-color:var(--line-soft);background:var(--surface-panel);width:min(18em,44%);-webkit-backdrop-filter:var(--frosted);opacity:1;visibility:visible;pointer-events:auto;transition:flex-basis var(--motion-panel) var(--ease-panel), width var(--motion-panel) var(--ease-panel), opacity var(--motion-view) ease, border-color var(--motion-view) ease, visibility 0s linear 0s;flex-basis:min(18em,44%)}.chat-generation-drawer-body{min-height:0;padding:calc(var(--pad) * 2);flex:auto;overflow:hidden auto}.x-panel:has(.chat-generation-drawer[data-open])>.x-tooltip:has(:is(.x-panel-close,.x-panel-maximize)){opacity:0;visibility:hidden;pointer-events:none}.chat-generation-drawer-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--pad);min-height:50px;padding:var(--pad);flex:none;display:flex;position:relative}.chat-generation-drawer-header:after{content:"";height:var(--lines-thickness);background:var(--lines);pointer-events:none;position:absolute;top:50px;left:0;right:0}.chat-generation-drawer-header h2{color:var(--fg);opacity:1;margin:0;font-family:inherit;font-size:.95em;font-style:normal;font-weight:700}.chat-generation-drawer .chat-creative-card{box-shadow:none;background:0 0;border:0}.chat-generation-drawer .chat-creative-draft-head,.chat-generation-drawer .chat-creative-draft-title{display:none}.chat-generation-drawer .chat-creative-draft-body,.chat-generation-drawer .chat-creative-draft-brief{gap:calc(var(--pad) * 2);background:0 0;border:0;padding:0}.chat-generation-empty{gap:calc(var(--pad) * .5);padding:var(--pad);border:var(--lines-thickness) solid var(--line-soft);border-radius:var(--round);background:var(--bg);color:var(--text);display:grid}.chat-generation-empty small{color:var(--alpha);text-transform:uppercase;font-size:.7em;font-weight:700}.chat-generation-empty p{margin:0 0 var(--pad)}.profile-panel{text-align:left;min-height:0;text-shadow:none;flex-direction:column;flex:auto;display:flex;overflow:hidden}.profile-panel h2{opacity:1;font-family:inherit;font-style:normal}.profile-bar{min-height:48px;padding:0 calc(var(--pad) * 2);padding-right:calc(2em + calc(var(--pad) * 2.5));border-bottom:var(--lines-thickness) solid var(--lines);flex:none;align-items:stretch;display:flex}.x-tabs.profile-tabs{gap:calc(var(--pad) * .75);border-bottom:0;flex:auto}.profile-tabs button{min-height:48px;padding:0 calc(var(--pad) * .75);border-bottom:2px solid #0000;font-size:12px;font-weight:700}.profile-tabs button[data-active]{border-bottom-color:var(--alpha);color:var(--fg)}.profile-body{scrollbar-color:color-mix(in oklch, var(--fg), transparent 72%) transparent;flex-direction:column;flex:auto;min-height:0;padding:.85em;display:flex;overflow:auto}.profile-stage{min-height:0;animation:x-motion-stage-in var(--motion-view) var(--ease-enter) both;flex-direction:column;flex:auto;display:flex}.profile-account,.profile-workspace,.profile-ai{flex-direction:column;gap:.75em;min-width:0;display:flex}.profile-workspace{container-type:inline-size}.profile-account>*,.profile-workspace>*,.profile-ai>*{animation:x-motion-list-item-in var(--motion-view) var(--ease-enter) both}.profile-account>:nth-child(2),.profile-workspace>:nth-child(2),.profile-ai>:nth-child(2){animation-delay:var(--motion-stagger-step)}.profile-account>:nth-child(3),.profile-workspace>:nth-child(3),.profile-ai>:nth-child(3){animation-delay:calc(var(--motion-stagger-step) * 2)}.profile-account>:nth-child(n+4),.profile-workspace>:nth-child(n+4),.profile-ai>:nth-child(n+4){animation-delay:calc(var(--motion-stagger-step) * 3)}.profile-card{box-sizing:border-box;border:1px solid var(--lines);border-radius:calc(var(--round) * 1.5);background:var(--surface-control);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);position:relative;transform:translateY(0)}.profile-card:is(:hover,:focus-within){border-color:color-mix(in oklch, var(--fg), transparent 70%);transform:translateY(var(--motion-hover-y))}.profile-card:has(.x-dropdown>button[aria-expanded=true]){z-index:5}.profile-card h2,.profile-account-copy h2{color:var(--fg);font:inherit;margin:0;font-size:12px;font-weight:750;line-height:1.25}.profile-card p,.profile-account-copy p{color:color-mix(in oklch, var(--fg), transparent 42%);margin:.35em 0 0;font-size:11.5px;line-height:1.45}.profile-upsell-card{padding:.9em}.profile-footer{border-top:var(--lines-thickness) solid var(--lines);color:color-mix(in oklch, var(--fg), transparent 42%);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.75em;padding:.75em .9em;font-size:11.5px;display:flex}.profile-footer-updates,.profile-footer-links{align-items:center;gap:.75em;display:flex}.profile-footer a{color:inherit}.profile-footer a:last-of-type{color:var(--alpha);font-weight:800}.profile-footer-links span{font-family:monospace;font-size:11px}.x-panel[data-maximized] .profile-panel{--profile-maximized-width:54em}.x-panel[data-maximized] .profile-bar{justify-content:center;padding-inline:clamp(1em,4vw,3em)}.x-panel[data-maximized] .profile-tabs{flex:0 1 var(--profile-maximized-width)}.x-panel[data-maximized] .profile-body{box-sizing:border-box;width:100%;margin-inline:0;padding:clamp(1em,4vw,3em)}.x-panel[data-maximized] .profile-stage{box-sizing:border-box;width:min(100%, var(--profile-maximized-width));margin-inline:auto}.x-panel[data-maximized] .profile-footer{box-sizing:border-box;width:min(calc(100% - 2em), var(--profile-maximized-width));border:1px solid var(--lines);border-radius:calc(var(--round) * 1.5);background:var(--surface-control);margin:0 auto clamp(.75em,2vw,1.25em)}.profile-body{scrollbar-color:color-mix(in oklch, var(--alpha), transparent 55%) transparent}.x-btn.profile-button:not([disabled]):is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--profile-button-color), transparent 35%);background:color-mix(in oklch, var(--profile-button-color), transparent 88%);transform:translateY(var(--motion-hover-y));outline:none}.x-btn.profile-button:not([disabled]):active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.x-btn.profile-button-solid[data-shape=solid]:not([disabled]):is(:hover,:focus-visible){color:var(--bg);background:color-mix(in oklch, var(--profile-button-color), white 12%);border-color:#0000}.x-btn.profile-button-solid:is([data-vibe=special],[data-vibe=angry])[data-shape=solid]:not([disabled]):is(:hover,:focus-visible){color:var(--fg);background:color-mix(in oklch, var(--profile-button-color), white 8%)}.x-btn.profile-button-text[data-shape=solid]:not([disabled]):is(:hover,:focus-visible){color:var(--profile-button-color);text-underline-offset:.22em;background:0 0;text-decoration:underline}.x-btn.profile-button[data-vibe=happy]{--profile-button-color:var(--alpha)}.x-btn.profile-button[data-vibe=special]{--profile-button-color:var(--profile-button-special-text)}.x-btn.profile-button[data-vibe=angry]{--profile-button-color:#ff6b6b}.x-btn.profile-button.profile-button-solid[data-vibe=special]{--profile-button-color:var(--profile-button-special-fill)}.x-btn.profile-button[data-shape=solid]:not([disabled]){opacity:1}.x-btn.profile-button.profile-button-solid{color:var(--bg);background:var(--profile-button-color);border-color:#0000}.x-btn.profile-button.profile-button-solid:is([data-vibe=special],[data-vibe=angry]){color:var(--fg)}.x-btn.profile-button.profile-button-text{background:0 0;border:0;min-height:auto;padding:0}.x-btn.profile-button.profile-button-icon{border-radius:var(--round);background:var(--surface-panel);flex:none;place-items:center;width:2.25em;height:2.25em;padding:0;display:grid}.x-btn.profile-button.profile-button-wide{width:100%}.x-btn.profile-button{--profile-button-special-text:color-mix(in oklch, var(--beta), white 34%);--profile-button-special-fill:var(--beta);--profile-button-color:color-mix(in oklch, var(--fg), transparent 18%);--base-color:var(--profile-button-color);border:1px solid var(--lines);min-height:2.25em;color:var(--profile-button-color);background:color-mix(in oklch, var(--fg), transparent 96%);font:inherit;text-shadow:none;box-shadow:none;white-space:nowrap;cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--ease-sticky);border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:0 .95em;font-size:12px;font-weight:500;line-height:1;display:inline-flex;transform:translateY(0)scale(1)}.x-btn.profile-button svg{width:1.05em;height:1.05em;display:block}.x-btn.profile-button[disabled]{text-decoration:none}.profile-slim-card{justify-content:space-between;align-items:center;gap:1em;padding:.75em .85em;display:flex}.profile-slim-card p{color:color-mix(in oklch, var(--fg), transparent 26%);margin:0}.profile-slim-card strong{color:var(--fg);font-weight:850}.profile-account-card{align-items:center;gap:.85em;padding:.85em;display:flex}.profile-avatar-frame{flex:none;display:block;position:relative}.profile-avatar-frame .x-avatar{--size:2.65em;--avatar-bg:var(--surface-panel);width:2.65em;height:2.65em;box-shadow:none;border-width:1px}.profile-avatar-frame span{background:var(--alpha);width:.75em;height:.75em;box-shadow:0 0 0 2px var(--surface-control);border-radius:999px;position:absolute;bottom:0;right:0}.profile-account-copy{flex:auto;min-width:0}.profile-account-actions{flex-wrap:wrap;align-items:center;gap:.55em;margin-top:.55em;display:flex}.profile-plan-badge{border:1px solid var(--lines);border-radius:calc(var(--round) * .65);min-height:1.75em;color:color-mix(in oklch, var(--fg), transparent 22%);background:color-mix(in oklch, var(--fg), transparent 96%);align-items:center;padding:0 .65em;font-size:11px;font-weight:750;line-height:1;display:inline-flex}.profile-metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12em),1fr));gap:.65em;display:grid}.profile-metric-card{grid-template-rows:auto 1fr auto auto;min-height:10.75em;display:grid;overflow:hidden}.profile-metric-card>*{padding:.7em}.profile-metric-top{justify-content:space-between;align-items:flex-start;gap:.75em;display:flex}.profile-metric-heading,.profile-metric-number{min-width:0;display:flex}.profile-metric-heading{align-items:flex-start;gap:.45em}.profile-metric-heading-icon{color:color-mix(in oklch, var(--fg), transparent 42%);flex:none;margin-top:.05em}.profile-metric-heading-icon svg{width:1em;height:1em}.profile-metric-top h2{color:var(--fg);font-size:12.5px;font-weight:800}.profile-metric-top p{color:color-mix(in oklch, var(--fg), transparent 38%)}.profile-metric-stat{justify-content:space-between;align-self:end;align-items:baseline;gap:.7em;display:flex}.profile-metric-number{align-items:baseline;gap:.45em}.profile-metric-number svg{width:1.25em;height:1.25em;color:var(--alpha)}.profile-metric-number strong{color:var(--fg);font-size:2.05em;line-height:1}.profile-metric-number[data-size=compact] strong{font-size:1.45em}.profile-metric-number span{color:color-mix(in oklch, var(--fg), transparent 42%);font-size:.9em}.profile-metric-number[data-size=compact] span{font-size:.8em}.profile-meter-label{color:color-mix(in oklch, var(--fg), transparent 55%);font-size:11px;line-height:1}.profile-meter{background:var(--lines);border-radius:999px;height:.3em;margin:0 .7em .7em;padding:0;overflow:hidden}.profile-meter span{border-radius:inherit;background:var(--alpha);height:100%;display:block}.profile-metric-footer{border-top:1px solid color-mix(in oklch, var(--alpha), transparent 72%);background:radial-gradient(circle at 0 0, color-mix(in oklch, var(--alpha), transparent 62%), transparent 54%), linear-gradient(135deg, color-mix(in oklch, var(--alpha), transparent 86%) 0%, color-mix(in oklch, var(--beta), transparent 94%) 100%);flex-direction:column;gap:.55em;display:flex;position:relative}.profile-metric-footer p{color:var(--fg);text-shadow:0 1px 2px #000d,0 0 10px #0008;margin:0;font-size:11.5px;font-weight:850;position:relative}.profile-metric-card[data-tone=purple] .profile-metric-footer{border-top-color:color-mix(in oklch, var(--beta), transparent 72%);background:radial-gradient(circle at 100% 0, color-mix(in oklch, var(--beta), transparent 62%), transparent 54%), linear-gradient(135deg, color-mix(in oklch, var(--beta), transparent 84%) 0%, color-mix(in oklch, var(--alpha), transparent 96%) 100%)}.profile-choice-page{box-sizing:border-box;gap:.8em;inline-size:100%;min-inline-size:0;padding:.9em;display:grid}.profile-choice-header{color:var(--fg);align-items:center;gap:.8em;font-size:13px;font-weight:500;display:flex}.profile-choice-list{gap:.2em;margin-top:1.1em;display:grid;position:relative}@keyframes profile-choice-in{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.profile-choice-row{--profile-choice-color:var(--alpha);--profile-choice-stagger:55ms;box-sizing:border-box;border-radius:calc(var(--round) * .7);width:100%;min-height:3.4em;color:var(--fg);font:inherit;text-align:left;cursor:pointer;animation:profile-choice-in var(--motion-slow) var(--ease-sticky) both;animation-delay:calc(var(--choice-index) * var(--profile-choice-stagger));background:0 0;border:0;align-items:center;gap:.8em;padding:.45em .6em;display:grid;position:relative}.profile-choice-row[data-vibe=special]{--profile-choice-color:var(--beta)}.profile-choice-row:not(:disabled):is(:hover,:focus-visible){background:color-mix(in oklch, var(--profile-choice-color), transparent 92%);outline:0;transform:translateY(-.08em)}.profile-choice-row:disabled{cursor:not-allowed;opacity:.58}.profile-choice-main strong{color:var(--fg);font-size:1.18em;font-weight:500}.profile-choice-main small,.profile-choice-copy,.profile-choice-price del{color:color-mix(in oklch, var(--fg), transparent 38%);font-size:var(--profile-account-body-size)}.profile-choice-price,.profile-choice-tag{grid-column:4;justify-self:end}.profile-choice-price{text-align:right;gap:.05em;min-width:4.8em;display:grid}.profile-choice-price strong,.profile-choice-action,.profile-choice-tag{color:var(--profile-choice-color)}.profile-choice-tag{font-size:var(--profile-account-body-size);white-space:nowrap;line-height:1.1}.profile-choice-action{font-size:var(--profile-account-action-size);background:color-mix(in oklch, var(--profile-choice-color), transparent 84%);text-align:center;border-radius:999px;grid-area:1/5/span 2;place-self:center end;padding:.4em .7em}.profile-choice-board{border-radius:var(--round);background:linear-gradient(135deg, color-mix(in oklch, var(--alpha), transparent 90%), transparent 62%), color-mix(in oklch, var(--surface-control), transparent 8%);padding:1em 1.15em;position:relative}.profile-choice-board h2{margin:0;font-size:1.3em;font-weight:500}.profile-choice-board p{max-width:24em;margin:.35em 0 0}.profile-choice-page[data-layout=ladder] .profile-choice-list{gap:.45em}.profile-choice-page[data-layout=ladder] .profile-choice-row{--profile-choice-ladder-columns:5.5em minmax(8em, 1fr) minmax(7em, .9fr) 5.8em 4.8em;--profile-choice-rung-far:4.4em;--profile-choice-rung-near:1.2em;--profile-choice-angle-far:122deg;--profile-choice-angle-near:58deg;grid-template-columns:var(--profile-choice-ladder-columns);min-height:4.5em;padding-right:.85em}.profile-choice-rail{width:5.8em;height:100%;display:block;position:relative}.profile-choice-page[data-layout=ladder] .profile-choice-main small{display:none}.profile-choice-row[data-rung=far]{--choice-rung:var(--profile-choice-rung-far);--choice-angle:var(--profile-choice-angle-far)}.profile-choice-row[data-rung=near]{--choice-rung:var(--profile-choice-rung-near);--choice-angle:var(--profile-choice-angle-near)}.profile-choice-row:last-child .profile-choice-line{display:none}.profile-choice-line{top:50%;left:var(--choice-rung);background:color-mix(in oklch, var(--alpha), transparent 18%);width:5.3em;height:1px;transform:rotate(var(--choice-angle));transform-origin:0;position:absolute}.profile-choice-node{top:50%;left:var(--choice-rung);z-index:1;background:var(--profile-choice-color);width:.58em;height:.58em;box-shadow:0 0 1em color-mix(in oklch, var(--profile-choice-color), transparent 35%);border-radius:999px;position:absolute;transform:translate(-50%,-50%)}.profile-choice-page[data-layout=vault] .profile-choice-board{background:linear-gradient(135deg, color-mix(in oklch, var(--beta), transparent 82%), transparent), color-mix(in oklch, var(--surface-control), transparent 8%)}.profile-choice-page[data-layout=vault] .profile-choice-list{border:1px solid var(--lines);border-radius:var(--round);background:color-mix(in oklch, var(--fg), transparent 97%);gap:.35em;padding:.75em .85em}.profile-vault-row{--profile-choice-vault-columns:minmax(6em, .8fr) 4.2em minmax(6.5em, 1fr) 4.8em 4.4em;grid-template-columns:var(--profile-choice-vault-columns);min-height:3.7em}.profile-choice-page[data-layout=vault] .profile-choice-main small{display:none}.profile-vault-row .profile-choice-copy{display:block}.profile-vault-bars{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);background:repeating-linear-gradient(90deg, transparent 0 .65em, color-mix(in oklch, var(--surface-control), transparent 8%) .65em .8em), linear-gradient(90deg, var(--beta) var(--choice-level), transparent 0), color-mix(in oklch, var(--beta), transparent 88%);width:100%;height:.55em;box-shadow:0 0 0 1px color-mix(in oklch, var(--beta), transparent 58%)}.profile-account-back{border:1px solid color-mix(in oklch, var(--fg), transparent 78%);color:var(--fg);background:linear-gradient(180deg, color-mix(in oklch, var(--fg), transparent 90%), color-mix(in oklch, var(--surface-control), transparent 18%));font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--fg), transparent 92%);border-radius:999px;padding:.65em 1em;font-weight:600}.profile-account-back:is(:hover,:focus-visible){border-color:color-mix(in oklch, var(--happy), transparent 38%);color:var(--happy);outline:0}.profile-account-stage{justify-items:center;inline-size:100%;display:grid;container-type:inline-size}.profile-account-stage-inner{--profile-account-stage-reference-width:64em;--profile-account-body-scale:1.4em;--profile-account-preview-scale:1em;--profile-account-preview-action-scale:1em;--profile-account-action-scale:1.2em;--profile-account-font-max:16px;--profile-account-container-scale:1.5625cqw;--profile-stage-width:var(--profile-account-stage-reference-width);--profile-account-body-size:var(--profile-account-body-scale);--profile-account-preview-size:var(--profile-account-preview-scale);--profile-account-preview-action-size:var(--profile-account-preview-action-scale);--profile-account-action-size:var(--profile-account-action-scale);inline-size:var(--profile-stage-width);min-inline-size:0;font-size:min(var(--profile-account-font-max), var(--profile-account-container-scale))}.profile-plan-page{box-sizing:border-box;gap:1em;inline-size:100%;min-inline-size:0;padding:.85em;display:grid}.profile-plan-header{justify-content:space-between;align-items:center;display:flex}.profile-plan-carousel{box-sizing:border-box;inline-size:100%;min-inline-size:0;justify-content:center;align-items:center;gap:0;min-height:34em;padding-inline:2.2em;display:flex;position:relative}.profile-plan-switch{border:1px solid color-mix(in oklch, var(--fg), transparent 78%);background:color-mix(in oklch, var(--surface-control), transparent 14%);border-radius:999px;padding:.25em;display:flex}.profile-plan-option{color:color-mix(in oklch, var(--fg), transparent 28%);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.45em .85em}.profile-plan-option[data-active=true]{color:var(--fg);background:color-mix(in oklch, var(--happy), transparent 78%);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--happy), transparent 45%)}.profile-plan-nav{z-index:2;border:1px solid var(--lines);width:2.4em;height:2.4em;color:var(--fg);background:color-mix(in oklch, var(--surface-control), transparent 18%);cursor:pointer;border-radius:999px;position:absolute}.profile-plan-nav-left{left:2.2em;translate:-50%}.profile-plan-nav-right{right:2.2em;translate:50%}.profile-plan-dots{justify-content:center;gap:.45em;display:flex}.profile-plan-dot{background:color-mix(in oklch, var(--fg), transparent 72%);border:0;border-radius:999px;width:.55em;height:.55em}.profile-plan-dot[data-active=true]{background:var(--happy)}.profile-plan-copy{max-width:20em;color:color-mix(in oklch, var(--fg), transparent 36%);font-size:var(--profile-account-body-size);margin:0;line-height:1.35}.profile-plan-checks{font-size:var(--profile-account-body-size);gap:.45em;display:grid}.profile-plan-check{color:color-mix(in oklch, var(--fg), transparent 12%);align-items:center;gap:.55em;display:flex}.profile-plan-check span{width:1em;height:1em;color:var(--bg);background:var(--plan-glow);border-radius:.28em;place-items:center;font-size:.75em;display:grid}.profile-plan-estimate{font-size:var(--profile-account-body-size);color:var(--fg);gap:.1em;display:grid}.profile-plan-estimate-line{color:var(--happy);font-weight:700}.profile-plan-estimate em{color:var(--fg);font-style:italic}.profile-plan-preview{font-size:var(--profile-account-preview-size);max-width:12em;min-block-size:0;color:color-mix(in oklch, var(--fg), transparent 34%);gap:.1em;line-height:1.35;display:grid;overflow:hidden}.profile-plan-preview-stat{display:block}.profile-plan-preview-copy{color:color-mix(in oklch, var(--fg), transparent 45%);font-size:var(--profile-account-preview-size);margin-block:.2em .35em}.profile-plan-card-side .profile-plan-price{font-size:1.5em}.profile-plan-card-side .profile-plan-cta{font-size:var(--profile-account-preview-action-size)}.profile-plan-card{--plan-glow:var(--happy);border:1px solid color-mix(in oklch, var(--plan-glow), transparent 50%);color:var(--fg);background:radial-gradient(circle at 92% 0, color-mix(in oklch, var(--plan-glow), transparent 52%), transparent 34%), linear-gradient(155deg, color-mix(in oklch, var(--plan-glow), transparent 56%), transparent 54%), color-mix(in oklch, var(--surface-control), transparent 4%);font:inherit;text-align:left;cursor:pointer;transition:transform var(--motion-fast) var(--ease-sticky), opacity var(--motion-fast) var(--ease-sticky), margin var(--motion-fast) var(--ease-sticky);border-radius:1.35em;gap:.7em;padding:1.35em;display:grid}.profile-plan-card[data-theme=pro]{--plan-glow:var(--beta)}.profile-plan-card[data-theme=max]{--plan-glow:oklch(72% .19 335)}.profile-plan-card-side{opacity:.82;flex:0 0 18em;grid-template-rows:auto auto auto minmax(0,1fr) auto;block-size:22em;transform:scale(.98)}.profile-plan-card-left{margin-right:-1.15em}.profile-plan-card-right{margin-left:-1.15em}.profile-plan-card-center{z-index:2;min-block-size:36em;box-shadow:0 1.2em 3em color-mix(in oklch, var(--plan-glow), transparent 84%);flex:0 0 24em}.profile-plan-card:not(:disabled):is(:hover,:focus-visible){opacity:1;outline:0;transform:translateY(-.25em)scale(1)}.profile-plan-card strong{font-size:1.4em;font-weight:500}.profile-plan-eyebrow{color:color-mix(in oklch, var(--fg), transparent 36%)}.profile-plan-price{color:var(--happy);font-size:2em;font-weight:600}.profile-plan-cta{font-size:var(--profile-account-action-size);color:var(--fg);background:color-mix(in oklch, var(--plan-glow), transparent 74%);border-radius:999px;place-self:end start;padding:.55em .9em}.profile-model-card{justify-content:space-between;align-items:center;gap:1em;padding:.8em .9em;display:flex}.profile-model-card h2{color:var(--fg);font-weight:800}.profile-model-card .x-dropdown{flex:0 auto}.profile-model-card .x-dropdown>button{justify-content:space-between}.profile-model-card .x-dropdown-menu{transform-origin:100% 0;left:auto;right:0}.profile-workspace-settings{gap:.75em;display:grid}.profile-setting-card{align-content:space-between;gap:.8em;min-height:6.9em;padding:.85em;display:grid}.profile-placement-card{justify-content:space-between;align-items:flex-start;gap:1em;padding:.85em;display:flex}.profile-setting-header h2,.profile-shortcuts-card h2,.profile-browser-card h2{color:var(--fg);margin:0;font-size:12px;font-weight:800;line-height:1.2}.profile-setting-header p,.profile-shortcuts-card p,.profile-browser-card p{color:color-mix(in oklch, var(--fg), transparent 44%);margin:.25em 0 0;font-size:11px;line-height:1.25}@container (width<=560px){.profile-minimized-control{flex-wrap:wrap}.profile-setting-card{min-height:0}.profile-placement-card{flex-direction:column;gap:.55em}}.profile-option-group{border:1px solid var(--lines);background:var(--surface-panel);border-radius:999px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:2px;width:max-content;max-width:100%;padding:2px;display:inline-flex}.profile-setting-card .profile-option-group,.profile-setting-card .x-dropdown{width:fit-content;max-width:100%}.profile-minimized-control{justify-content:flex-start;align-items:center;gap:.55em;min-width:0;display:flex}.profile-minimized-control .profile-option-group{flex-wrap:nowrap;flex:0 auto;width:fit-content}.profile-minimized-side{flex:none;align-items:center;gap:.4em;display:inline-flex}.profile-minimized-side>span{color:color-mix(in oklch, var(--fg), transparent 42%);font-size:11px;font-weight:500;line-height:1}.profile-minimized-side .x-dropdown>button{min-height:1.95em;padding:0 .45em 0 .7em;font-size:11px}.profile-minimized-side .x-dropdown-menu{max-width:min(9em, calc(100vw - calc(var(--pad) * 4)));transform-origin:100% 0;left:auto;right:0}.profile-option-group .profile-option-button{min-height:1.95em;color:color-mix(in oklch, var(--fg), transparent 34%);font:inherit;text-align:center;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:999px;padding:0 .65em;font-size:11px;font-weight:500;line-height:1.1;transform:translateY(0)scale(1)}.profile-option-group .profile-option-button:not(:disabled){cursor:pointer}.profile-option-group .profile-option-button:not(:disabled):is(:hover,:focus-visible){color:var(--fg);background:color-mix(in oklch, var(--fg), transparent 94%);transform:translateY(var(--motion-hover-y));outline:none}.profile-option-group .profile-option-button[data-active]{color:var(--fg);background:var(--beta)}.profile-option-group .profile-option-button:not(:disabled):active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.profile-option-group .profile-option-button:disabled{color:color-mix(in oklch, var(--fg), transparent 48%);cursor:not-allowed}.profile-card-header{justify-content:space-between;align-items:flex-start;gap:1em;display:flex}.profile-advanced-stack .profile-card-header{align-items:center;gap:1.2em}.profile-advanced-stack .profile-card-header>div{flex:auto;min-width:0}.profile-card-divider span{color:color-mix(in oklch, var(--fg), transparent 48%);font-size:11px;line-height:1.2}.profile-advanced-card{padding:.25em 1.05em 1em}.profile-advanced-card .x-collapsible-section{border-block:0}.profile-advanced-card .x-collapsible-section-content{padding:.35em 0 1em;font-size:1em}.profile-advanced-card .x-collapsible-section>button{align-items:center;min-height:3.15em}.profile-advanced-card .x-collapsible-section>button svg{align-self:center}.profile-advanced-stack,.profile-shortcuts-card,.profile-browser-card{display:grid}.profile-advanced-stack{gap:1.2em}.profile-shortcuts-card,.profile-browser-card{gap:.75em}.profile-browser-card{border-top:1px solid var(--lines);padding-top:1.2em}.profile-shortcuts{flex-direction:column;gap:.5em;display:flex}.profile-shortcut-row,.profile-card-divider{justify-content:space-between;align-items:center;gap:1em;display:flex}.profile-shortcut-row{border-bottom:1px solid color-mix(in oklch, var(--lines), transparent 54%);min-height:2.7em;padding:.55em 0}.profile-shortcut-row:last-child{border-bottom:0}.profile-shortcut-label{color:color-mix(in oklch, var(--fg), transparent 34%);font-size:12px;line-height:1.25}.profile-shortcut-badge,.profile-visibility-action,.profile-reset-action{border-radius:999px;min-height:2em;font-size:11px;font-weight:700;line-height:1}.profile-shortcut-badge{border:1px solid var(--lines);color:color-mix(in oklch, var(--fg), transparent 28%);background:color-mix(in oklch, var(--fg), transparent 96%);font:inherit;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 .65em;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.profile-shortcut-badge[data-empty]{color:color-mix(in oklch, var(--fg), transparent 55%);font-style:normal}.profile-advanced-card .profile-visibility-action,.profile-advanced-card .profile-reset-action{flex:none;min-height:2em;padding-inline:.75em;font-size:11px;font-weight:700}.profile-card-divider{border-top:1px solid var(--lines);margin-top:.8em;padding-top:.8em}.profile-reset-state-row{margin-top:.6em}}.chat-thread-choice-switcher{color:var(--muted);align-items:center;gap:.25em;margin-left:.2em;font-size:.78em;line-height:1;display:inline-flex}.chat-thread-choice-step{width:1.6em;height:1.6em;color:inherit;font:inherit;cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:inline-grid}.chat-thread-choice-step:is(:hover,:focus-visible){background:color-mix(in oklch, var(--fg), transparent 92%);color:var(--text);outline:none}.chat-thread-choice-step:disabled{opacity:.35;cursor:default}.chat-thread-choice-step svg{width:1em;height:1em}.chat-thread-choice-count{text-align:center;min-width:2.6em}@keyframes chat-progress-in{0%{opacity:0;transform:translateY(.18em)}to{opacity:1;transform:translateY(0)}}@keyframes chat-progress-body-in{0%{opacity:0}to{opacity:1}}@keyframes chat-progress-active{0%,to{opacity:.76}50%{opacity:1}}@keyframes chat-progress-source-in{0%{opacity:0;transform:translateY(.28em)}to{opacity:1;transform:translateY(0)}}.library-saved-search{gap:6px;padding:12px;display:grid;overflow:auto}.library-saved-search-row{border:1px solid color-mix(in srgb, currentColor 12%, transparent);color:inherit;text-align:left;background:0 0;border-radius:6px;gap:2px;padding:10px 12px;display:grid}.library-saved-search-row span{color:color-mix(in srgb, currentColor 62%, transparent);font-size:12px}.library-folder-frame{border-top:1px solid color-mix(in srgb, currentColor 10%, transparent);grid-template-columns:minmax(150px,200px) minmax(0,1fr);height:100%;min-height:0;display:grid}.library-body[data-view=column] .library-folder-frame{grid-template-columns:minmax(0,1fr)}.library-body[data-view=column] .library-folder-sidebar{display:none}.library-folder-sidebar{border-right:1px solid color-mix(in srgb, currentColor 10%, transparent);min-width:0;min-height:0;padding:6px}.library-folder-tree,.library-folder-main{height:100%;min-height:0;display:grid}.library-folder-tree{grid-template-rows:minmax(0,1fr) auto;gap:6px}.library-folder-main{grid-template-rows:minmax(0,1fr);min-width:0}.library-folder-main[data-folder-path],.library-folder-main[data-drop-error]{grid-template-rows:auto minmax(0,1fr)}.library-folder-main[data-folder-path][data-drop-error]{grid-template-rows:auto auto minmax(0,1fr)}.library-folder-content{min-height:0;display:flex;position:relative;overflow:hidden}.library-folder-rows{align-content:start;gap:2px;min-height:0;display:grid;overflow:auto}.library-folder-trash{border-top:1px solid color-mix(in srgb, currentColor 10%, transparent);padding-top:6px}.library-folder-trash .library-folder-row:is(:hover,:focus-visible,[data-active]){background:0 0}.library-folder-root{z-index:3;display:grid;position:relative}.library-folder-root-button,.library-folder-filter-menu button{color:inherit;font:inherit;background:0 0;border:0}.library-folder-root-button{min-height:24px;color:var(--fg);text-align:left;justify-content:space-between;align-items:center;gap:6px;padding:2px 6px;font-size:14px;line-height:1.1;display:flex}.library-folder-root-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-folder-root-button svg{width:12px;height:12px}.library-folder-filter-menu{z-index:8;border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:#18181a;border-radius:8px;gap:1px;width:min(180px,100vw - 32px);padding:6px;display:grid;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;box-shadow:0 12px 30px #0000006b}.library-folder-filter-menu button{min-height:26px;color:var(--muted);text-align:left;border-radius:5px;padding:0 8px}.library-folder-filter-menu button:is(:hover,:focus-visible,[data-active]){background:color-mix(in oklch, var(--alpha), transparent 84%);color:var(--fg);outline:none}.library-folder-breadcrumbs{border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);align-items:center;gap:4px;padding:8px 12px;display:flex}.library-folder-breadcrumbs button{color:inherit;font:inherit;background:0 0;border:0}.library-folder-breadcrumbs button:is(:hover,:focus-visible){background:color-mix(in srgb, currentColor 8%, transparent);color:var(--fg);border-radius:4px;outline:none}.library-folder-crumb{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.library-folder-drop-error{color:#d64040;border:1px solid #d640406b;border-radius:6px;margin:8px 12px 0;padding:8px 10px}.library-folder-row{min-height:24px;color:color-mix(in oklch, var(--fg), transparent 22%);font:inherit;text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:12px 14px minmax(0,1fr) auto;align-items:center;gap:5px;padding:2px 6px;font-size:14px;line-height:1.1;display:grid}.library-folder-row:is(:hover,:focus-visible,[data-active]){color:var(--fg);outline:none}.library-folder-row:is(:hover,:focus-visible){background:color-mix(in srgb, currentColor 6%, transparent)}.library-folder-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-folder-row small{color:color-mix(in oklch, var(--fg), transparent 42%);font-size:11px}.library-folder-row-toggle{place-items:center;transition:transform .12s;display:grid;overflow:visible}.library-folder-row svg{width:14px;height:14px}.library-folder-row-toggle[data-expanded]{transform:rotate(90deg)}.library-folder-row-toggle[data-hidden]{visibility:hidden}.library-folder-color{color:var(--alpha)}
