@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-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){background:var(--ella-menu-surface);-webkit-backdrop-filter: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{--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}.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}.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));border-bottom:1px solid var(--lines);background:0 0;flex:none;font-size:13px;display:flex}.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}.chat-thread-shell{flex:auto;min-height:0;display:flex;position:relative}.chat-thread{gap:calc(var(--pad) * 2.6);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-asset-loading-frame{border-radius:inherit;background:0 0;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.x-asset-loading-frame[data-loading]{background:color-mix(in oklch, var(--fg), transparent 94%)}.x-asset-loading-frame:before{content:"";z-index:2;border-radius:inherit;background:linear-gradient(100deg, transparent 10%, color-mix(in oklch, var(--fg), transparent 88%) 46%, transparent 82%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:translate(-105%)}.x-asset-loading-frame[data-loading]:before{opacity:.45;animation:1.35s ease-in-out infinite x-motion-shimmer}.x-asset-loading-frame[data-failed]:before{opacity:0;animation:none}.x-asset-loading-frame>:is(img,video,audio){z-index:1;opacity:0;transition:opacity var(--motion-fast) ease;position:relative}.x-asset-loading-frame>[data-loading-visible],.x-asset-loading-frame[data-loaded]>:is(img,video,audio):not([data-hidden]){opacity:1}.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-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-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}.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-composer{--chat-composer-menu-layer:12}.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))}:is(.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]{min-height:3.2em;padding:calc(var(--pad) * .9) calc(var(--pad) * 1.2);grid-template-rows:1fr;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{padding-right:0;overflow:hidden}.chat-composer-input{grid-area:1/1/auto/-1;min-width:0;display:flex;position:relative}.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-card[data-compact] .chat-composer-actions{display:contents}.chat-composer-card[data-compact] .chat-composer-tools{flex:none;grid-area:1/1}.chat-composer-card[data-compact] .chat-send-tool{grid-area:1/3}.chat-composer-tool{display:inline-flex;position:relative}.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}.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);border:1px solid var(--lines-strong);border-radius:var(--tools-menu-radius);background:var(--surface-control);min-width:8.5em;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:visible}.chat-tools-menu{width:var(--tools-menu-width)}.chat-tool-submenu{width:var(--tools-submenu-width)}.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:8.5em;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);opacity:1;visibility:visible;pointer-events:auto;width:min(13.25em,42%);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);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-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}.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-stage:has(.library-selection-bar){gap:.7em}.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 button{border:1px solid var(--lines-strong);height:2.5em;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 .875em;font-size:.8125em;font-weight:800;transform:translateY(0)scale(1)}.library-dialog-actions button[type=submit]{color:var(--bg);background:var(--alpha);border-color:#0000}.library-dialog-actions button:not(:disabled):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-dialog-actions button[type=submit]:not(:disabled):is(:hover,:focus-visible){color:var(--bg);background:color-mix(in oklch, var(--alpha), white 8%)}.library-dialog-actions button:not(:disabled):active{transform:translateY(var(--motion-press-y)) scale(var(--motion-press-scale))}.library-dialog-actions button:disabled{cursor:not-allowed;opacity:.45}@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-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;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: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-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-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-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-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-grid[data-view=list]{flex-direction:column;gap:8px;display:flex;overflow:auto}.library-grid[data-view=list] .library-card{flex-direction:row;align-items:center;width:100%;height:auto;min-height:72px}.library-media-virtual-grid[data-view=list] .library-media-card{height:72px;min-height:72px}.library-media-virtual-grid[data-view=list] .library-media-card .library-card-thumb{height:48px}.library-grid[data-view=list] .library-card-thumb{width:56px;height:48px}.library-grid[data-view=list] .library-media-card .library-card-thumb{border-radius:12px;padding:0}.library-grid[data-view=list] .library-media-open{flex-direction:row;flex:auto;align-items:center;gap:14px;padding:12px}.library-grid[data-view=list] .library-card-meta{flex:auto}.library-grid[data-view=list] .library-media-card .library-card-meta{padding:0}.library-grid[data-view=list] .library-card-actions{margin-left:auto;position:static}.library-grid[data-view=list] .library-media-card .library-card-actions{padding-right:12px}.library-grid[data-view=list] .library-text-card .library-card-row{padding-right:8px}.library-grid[data-view=list] .library-text-card .library-card-title{flex:0 auto}.library-grid[data-view=list] .library-text-preview{white-space:nowrap;display:block}@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{background:0 0;align-self:flex-start;align-items:center;gap:6px;max-width:100%;min-height:34px;padding:0;display:inline-flex}.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:34px;color:color-mix(in oklch, var(--fg), var(--text) 16%);font:inherit;cursor:pointer;border-radius:12px;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}.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{--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[data-vibe=happy]{--profile-button-color:var(--alpha)}.x-btn.profile-button[data-vibe=special]{--profile-button-color:var(--beta)}.x-btn.profile-button[data-vibe=angry]{--profile-button-color:#ff6b6b}.x-btn.profile-button[data-shape=solid]:not([disabled]){opacity:1}.x-btn.profile-button-solid{color:var(--bg);background:var(--profile-button-color);border-color:#0000}.x-btn.profile-button-solid:is([data-vibe=special],[data-vibe=angry]){color:var(--fg)}.x-btn.profile-button-text{background:0 0;border:0;min-height:auto;padding:0}.x-btn.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-wide{width:100%}.x-btn.profile-button svg{width:1.05em;height:1.05em;display:block}.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[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-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-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-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)}}
