:root{--bg: #f7f7f8;--bg-grad: #f7f7f8;--surface: #ffffff;--surface-soft: #f3f4f6;--border: #e3e6eb;--text: #111318;--muted: #5f6774;--accent: #0f9d78;--accent-strong: #0b8767;--bubble-user-bg: #e2e7ee;--bubble-user-fg: #111318;--bubble-assistant-bg: #f5f6f8;--danger: #b42318;font-family:Inter,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:clamp(15px,.2vw + 14px,18px);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg: #1f2023;--bg-grad: #1f2023;--surface: #26282d;--surface-soft: #2d3036;--border: #3a3d45;--text: #eceff4;--muted: #a6adb8;--accent: #10a37f;--accent-strong: #0f8a6d;--bubble-user-bg: #30343b;--bubble-user-fg: #f1f4f8;--bubble-assistant-bg: #24272c;--danger: #ff7a6b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg: #1f2023;--bg-grad: #1f2023;--surface: #26282d;--surface-soft: #2d3036;--border: #3a3d45;--text: #eceff4;--muted: #a6adb8;--accent: #10a37f;--accent-strong: #0f8a6d;--bubble-user-bg: #30343b;--bubble-user-fg: #f1f4f8;--bubble-assistant-bg: #24272c;--danger: #f97066}}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px;background:var(--bg);color:var(--text);overflow:hidden}button,textarea,input,select{font:inherit}.app-shell{--chat-max-width: 1200px;--touch-target-min: 44px;width:100%;height:100svh;height:100dvh;display:grid;grid-template-columns:minmax(264px,304px) minmax(0,1fr);overflow:hidden}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(420px,100%);border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 14px 38px #00000014;padding:1rem;display:grid;gap:.7rem}.auth-card h1{margin:0;font-size:1.2rem}.auth-card p{margin:0;color:var(--muted)}.auth-card label{display:grid;gap:.3rem}.auth-card input{border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:.65rem;min-height:2.5rem;padding:0 .7rem;background:color-mix(in srgb,var(--surface-soft) 93%,transparent);color:var(--text)}.auth-error{margin:0;color:var(--danger);font-size:.82rem}.sidebar{border-right:1px solid color-mix(in srgb,var(--border) 90%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:.75rem;padding:.8rem;min-width:0;overflow-x:hidden}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.brand-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;color:var(--muted)}.sidebar-head h1{margin:0;font-size:1.02rem}.sidebar-search{display:block}.sidebar-search input{width:100%;min-height:2.12rem;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.62rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:var(--text);padding:0 .6rem}.sidebar-head-actions{display:inline-flex;gap:.35rem}.sidebar-selected-actions{display:grid;gap:.34rem;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.62rem;padding:.42rem;background:color-mix(in srgb,var(--surface-soft) 94%,transparent)}.sidebar-selected-label{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-selected-buttons{display:flex;gap:.35rem}.sidebar-selected-buttons .btn{flex:1 1 auto;min-height:34px}.chat-list{overflow:auto;overflow-x:hidden;display:grid;align-content:start;gap:.18rem;padding-right:.2rem}.chat-list-empty{margin:.36rem .25rem 0;color:var(--muted);font-size:.76rem}.chat-item{border:0;border-radius:.72rem;background:transparent;color:var(--text);padding:.54rem .58rem;display:grid;gap:.14rem;text-align:left;cursor:pointer;min-width:0}.chat-item:hover{background:color-mix(in srgb,var(--surface-soft) 76%,transparent)}.chat-item.active{background:color-mix(in srgb,var(--surface-soft) 62%,var(--accent) 11%)}.chat-item-head{display:flex;align-items:center;justify-content:space-between;gap:.45rem;min-width:0}.chat-item-title-row{display:inline-flex;align-items:center;gap:.36rem;min-width:0;flex:1 1 auto}.chat-item-title{display:block;flex:1 1 auto;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}.chat-mode-dot{width:.46rem;height:.46rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);background:color-mix(in srgb,var(--border) 85%,transparent);flex:0 0 auto}.chat-mode-dot.mode-research{background:color-mix(in srgb,#ef8f00 78%,#fff 2%)}.chat-mode-dot.mode-create,.chat-mode-dot.mode-picture{background:color-mix(in srgb,#007f5f 82%,#fff 2%)}.chat-mode-dot.mode-story{background:color-mix(in srgb,#9f6d00 80%,#fff 4%)}.chat-mode-dot.mode-automation{background:color-mix(in srgb,#1d4ed8 84%,#fff 2%)}.chat-item-check{width:.88rem;height:.88rem;margin:0;accent-color:var(--accent);flex:0 0 auto}.chat-item-tools{display:inline-flex;align-items:center;gap:.25rem;flex:0 0 auto}.chat-item-preview{margin:0;color:var(--muted);font-size:.72rem;display:block;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item small{display:none}.chat-mini-mode{border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:.45rem;padding:.08rem .33rem;font-size:.61rem;text-transform:capitalize;color:var(--muted)}.chat-mini-mode.mode-research{border-color:color-mix(in srgb,#ef8f00 45%,var(--border))}.chat-mini-mode.mode-create,.chat-mini-mode.mode-picture{border-color:color-mix(in srgb,#007f5f 45%,var(--border))}.chat-mini-mode.mode-story{border-color:color-mix(in srgb,#9f6d00 45%,var(--border))}.chat-mini-mode.mode-automation{border-color:color-mix(in srgb,#1d4ed8 45%,var(--border))}.chat-item-action{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.42rem;padding:.08rem .32rem;background:color-mix(in srgb,var(--surface) 91%,transparent);color:var(--muted);font-size:.72rem;line-height:1;min-width:2rem;min-height:2rem;cursor:pointer;opacity:0;pointer-events:none}.chat-item:hover .chat-item-action,.chat-item.active .chat-item-action,.chat-item:focus-within .chat-item-action{opacity:1;pointer-events:auto}.chat-item-menu-wrap{position:relative}.chat-item-menu-trigger{min-width:1.76rem;padding:.08rem .28rem;opacity:1;pointer-events:auto}.chat-item-menu{position:absolute;top:calc(100% + .26rem);right:0;z-index:10;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.58rem;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 10px 20px #00000020;padding:.24rem;display:grid;gap:.18rem;min-width:110px}.chat-item-menu-btn{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.48rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:var(--text);text-align:left;padding:.3rem .44rem;font-size:.72rem;cursor:pointer}.chat-item-menu-btn.danger{color:var(--danger)}.chat-main{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:transparent;padding:clamp(.36rem,.7vw,.62rem) max(.62rem,env(safe-area-inset-right)) max(.28rem,env(safe-area-inset-bottom)) max(.62rem,env(safe-area-inset-left))}.topbar{width:min(var(--chat-max-width),100%);margin:0 auto;min-height:56px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.4rem .72rem;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:.95rem;background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:0 6px 18px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-toggle{display:none}.topbar-title{min-width:0}.topbar h2{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-subline{margin:0;color:var(--muted);font-size:.73rem;display:inline-flex;align-items:center;gap:.36rem}.topbar-sep{width:.18rem;height:.18rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 54%,transparent)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#9aa7bc}.status-dot.loading{background:#f59e0b}.status-dot.ready{background:#16a34a}.status-dot.offline{background:#dc2626}.topbar-actions{display:inline-flex;align-items:center;gap:.44rem;min-width:0}.user-pill{border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:999px;min-height:var(--touch-target-min);padding:.28rem .72rem;font-size:.75rem;color:var(--text);background:color-mix(in srgb,var(--surface-soft) 92%,transparent)}.user-menu-trigger{cursor:pointer}.account-menu-wrap{position:relative;z-index:24}.account-menu-backdrop{display:none}.account-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:22;min-width:176px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.74rem;background:color-mix(in srgb,var(--surface) 96%,transparent);padding:.36rem;display:grid;gap:.3rem;box-shadow:0 12px 28px #00000024}.account-menu .btn{width:100%;justify-content:flex-start}.passkey-notice{width:min(var(--chat-max-width),100%);margin:.28rem auto 0;padding:0 .2rem;font-size:.78rem;color:var(--muted)}.password-panel,.admin-panel{width:min(var(--chat-max-width),100%);margin:.45rem auto 0;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.86rem;background:color-mix(in srgb,var(--surface) 97%,transparent);padding:.65rem;box-shadow:0 8px 24px #00000014}.password-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.5rem}.password-panel label,.admin-panel form,.admin-panel label{display:grid;gap:.2rem}.password-panel label,.admin-panel span{font-size:.74rem;color:var(--muted)}.password-panel input,.admin-panel select,.admin-panel input,.chat-manage-content input,.composer textarea{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.62rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:var(--text)}.password-panel input,.admin-panel select,.admin-panel input,.chat-manage-content input{min-height:2.22rem;padding:0 .55rem}.admin-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;align-items:start}.admin-panel>*{min-width:0}.admin-panel select,.admin-panel input{width:100%}.admin-card{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.72rem;background:color-mix(in srgb,var(--surface-soft) 90%,transparent);padding:.52rem;display:grid;gap:.44rem}.admin-card h4{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.admin-card .btn{width:100%}.admin-locked-note{margin:0;border:1px dashed color-mix(in srgb,var(--border) 84%,transparent);border-radius:.7rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);padding:.5rem .6rem;font-size:.76rem;color:var(--muted)}.admin-notice{margin:0;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));border-radius:.72rem;background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft));color:color-mix(in srgb,var(--text) 82%,var(--accent));padding:.48rem .56rem;font-size:.78rem}.admin-metrics{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.72rem;background:color-mix(in srgb,var(--surface-soft) 90%,transparent);padding:.45rem .5rem;display:grid;gap:.24rem}.admin-metrics-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.admin-metrics-head span{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.admin-metrics p{margin:0;font-size:.72rem;color:var(--muted)}.settings-modal{position:fixed;inset:0;z-index:26;display:grid;place-items:center;padding:1rem}.settings-backdrop{position:absolute;inset:0;border:0;margin:0;padding:0;background:#0000008a;cursor:pointer}.settings-content{position:relative;z-index:1;width:min(96vw,1020px);max-height:92dvh;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 16px 44px #00000032;padding:.82rem;display:grid;gap:.72rem}.settings-content-account{width:min(92vw,780px)}.settings-content-admin{width:min(96vw,1120px)}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.settings-head h3{margin:0;font-size:1rem}.settings-actions{display:flex;flex-wrap:wrap;gap:.5rem}.settings-content .password-panel,.settings-content .admin-panel{width:100%;margin:0;box-shadow:none}.admin-model-form{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.72rem;background:color-mix(in srgb,var(--surface-soft) 90%,transparent);padding:.52rem;display:grid;gap:.44rem}.admin-model-actions{display:flex;flex-wrap:wrap;gap:.38rem}.admin-model-actions .btn{flex:1 1 150px;min-width:0}.mode-panel{width:min(var(--chat-max-width),100%);margin:.45rem auto 0;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:1rem;background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 95%,color-mix(in srgb,var(--accent) 10%,transparent)),color-mix(in srgb,var(--surface) 97%,transparent) 58%,color-mix(in srgb,var(--surface) 94%,color-mix(in srgb,var(--accent) 8%,transparent)));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 10%,transparent);padding:.92rem;display:grid;gap:.68rem;min-height:0}.mode-panel-collapsed{min-height:auto}.chat-workspace{flex:1 1 auto;min-height:0;width:min(var(--chat-max-width),100%);margin:.42rem auto 0;display:grid;grid-template-columns:minmax(0,1fr);gap:.72rem}.chat-workspace .mode-panel,.chat-workspace .messages{width:100%;margin:0}.picture-layout-switch{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;position:sticky;top:0;z-index:2;padding:.2rem;border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:.8rem;background:color-mix(in srgb,var(--surface) 95%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-workspace.mode-picture.layout-chat .mode-panel,.chat-workspace.mode-picture.layout-settings .messages{display:none}.chat-workspace.mode-picture.layout-settings .mode-panel{max-height:none;height:calc(100dvh - 210px);overflow:auto}.mode-panel-head{display:grid;gap:.2rem}.mode-panel h3{margin:0;font-size:1rem;color:color-mix(in srgb,var(--text) 88%,var(--accent))}.mode-panel-head p{margin:0;font-size:.8rem;color:color-mix(in srgb,var(--text) 65%,var(--muted))}.mode-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.55rem}.mode-panel-card{border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:.86rem;background:color-mix(in srgb,var(--surface) 96%,transparent);padding:.55rem;display:grid;gap:.5rem;min-height:140px}.mode-panel-note{margin:0;font-size:.76rem;line-height:1.35;color:var(--muted)}.mode-panel-research{border-color:color-mix(in srgb,#ef8f00 30%,var(--border))}.mode-panel-create,.mode-panel-picture{border-color:color-mix(in srgb,#007f5f 32%,var(--border))}.mode-panel-create .mode-panel-card-preview,.mode-panel-picture .mode-panel-card-preview{align-content:start;min-height:260px}.mode-panel-create .mode-panel-grid,.mode-panel-picture .mode-panel-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start}.mode-panel-create .mode-panel-card-preview,.mode-panel-picture .mode-panel-card-preview{grid-column:1 / -1;min-height:0}.mode-panel-automation{border-color:color-mix(in srgb,#1d4ed8 28%,var(--border))}.mode-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.45rem}.mode-image-preview{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:.7rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);overflow:hidden;padding:0;display:grid;gap:0;text-align:left;cursor:zoom-in}.mode-image-preview img{width:100%;height:236px;object-fit:cover;display:block}.mode-image-preview span{display:block;padding:.35rem .45rem;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-character-list{display:grid;gap:.6rem}.story-character-card{display:grid;gap:.48rem;padding:.62rem;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:.8rem;background:color-mix(in srgb,var(--surface-soft) 94%,transparent)}.story-character-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.story-character-head strong{font-size:.8rem}.story-character-preview img{height:180px}.mode-job-list{display:grid;gap:.4rem}.mode-job-row{border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:.66rem;background:color-mix(in srgb,var(--surface-soft) 93%,transparent);padding:.42rem .48rem;display:grid;gap:.3rem}.mode-job-row>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:.34rem}.mode-job-row strong{font-size:.76rem}.mode-job-row span{font-size:.69rem;color:var(--muted)}.mode-job-actions{display:flex;flex-wrap:wrap;gap:.34rem}.media-progress-card,.chat-media-progress{border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));border-radius:.72rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);padding:.48rem .56rem;display:grid;gap:.34rem}.chat-media-progress{max-width:700px}.media-progress-head{display:flex;align-items:center;justify-content:space-between;gap:.44rem}.media-progress-head strong{font-size:.8rem}.media-progress-head span{font-size:.74rem;color:var(--muted)}.media-progress-track{position:relative;height:.58rem;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--border) 76%,var(--surface-soft))}.media-progress-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 90%,#fff 2%),var(--accent-strong));transition:width .22s ease}.messages{flex:1 1 auto;min-width:0;min-height:0;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:1.08rem;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 6px 18px #00000012;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;display:grid;align-content:start;gap:.84rem;padding:1rem clamp(.8rem,1.7vw,1.34rem)}.empty-state{border:1px dashed color-mix(in srgb,var(--border) 88%,transparent);border-radius:.9rem;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);padding:1rem}.empty-state h3{margin:0;font-size:.98rem}.empty-state p{margin:.35rem 0 0;color:var(--muted)}.message{border-radius:1rem;padding:.7rem .8rem;max-width:min(92%,84ch);min-width:0}.message-wrap{display:grid;gap:.36rem}.day-separator{margin:0;justify-self:center;font-size:.68rem;color:var(--muted);border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:999px;padding:.14rem .52rem;background:color-mix(in srgb,var(--surface-soft) 90%,transparent)}.message.assistant{justify-self:start;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:var(--bubble-assistant-bg)}.message.user{justify-self:end;border:1px solid color-mix(in srgb,var(--bubble-user-bg) 55%,var(--border));background:var(--bubble-user-bg);color:var(--bubble-user-fg)}.message-content{margin:0;white-space:pre-wrap;line-height:1.5;max-inline-size:68ch}.message-content>:first-child{margin-top:0}.message-content>:last-child{margin-bottom:0}.message-content p{margin:0 0 .56rem}.message-content ul,.message-content ol{margin:.2rem 0 .6rem 1.05rem;padding:0}.message-content li+li{margin-top:.16rem}.message-content pre{margin:.45rem 0 .66rem;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:.62rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);padding:.5rem .56rem;overflow:auto}.message-content code{font-family:IBM Plex Mono,Fira Code,Cascadia Mono,monospace;font-size:.86em;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:.38rem;background:color-mix(in srgb,var(--surface-soft) 90%,transparent);padding:.06rem .3rem}.message-content pre code{border:0;background:transparent;padding:0}.message-content blockquote{margin:.24rem 0 .62rem;border-left:3px solid color-mix(in srgb,var(--accent) 36%,var(--border));padding:.14rem 0 .14rem .56rem;color:var(--muted)}.message-content table{width:100%;border-collapse:collapse;margin:.4rem 0 .62rem}.message-content th,.message-content td{border:1px solid color-mix(in srgb,var(--border) 84%,transparent);padding:.28rem .34rem;text-align:left;font-size:.86rem}.message-content a{color:color-mix(in srgb,var(--accent) 84%,var(--text))}.message-time{margin:.38rem 0 0;font-size:.68rem;color:var(--muted)}.message-actions{margin-top:.42rem;display:inline-flex;gap:.35rem}.message-action-btn{border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:.46rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:var(--text);padding:.18rem .42rem;font-size:.7rem;line-height:1.1;cursor:pointer}.message-action-btn.danger{color:var(--danger)}.message-edit-box{display:grid;gap:.4rem}.message-edit-box textarea{width:100%;min-height:84px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:.6rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:inherit;font:inherit;line-height:1.45;padding:.45rem .52rem;resize:vertical}.message-edit-actions{display:inline-flex;gap:.35rem}.message.user .message-time{color:color-mix(in srgb,var(--bubble-user-fg) 72%,transparent)}.message-attachments{margin-top:.56rem;display:grid;gap:.48rem}.attachment-card{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--surface-soft) 90%,transparent);border-radius:.76rem;overflow:hidden}.attachment-card.image{border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:linear-gradient(160deg,color-mix(in srgb,var(--surface-soft) 92%,transparent),color-mix(in srgb,var(--surface) 95%,transparent))}.message.user .attachment-card{background:color-mix(in srgb,var(--bubble-user-bg) 80%,#fff 6%);border-color:color-mix(in srgb,var(--bubble-user-fg) 20%,transparent)}.attachment-card img{width:100%;max-height:min(68vh,640px);object-fit:contain;display:block;background:#00000014}.image-preview-trigger{border:0;margin:0;padding:0;width:100%;background:transparent;display:block;cursor:zoom-in}.attachment-meta{display:grid;gap:.25rem;padding:.48rem .55rem}.attachment-meta-head{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.attachment-meta strong,.attachment-meta span,.attachment-meta em{font-size:.74rem}.attachment-meta span,.attachment-meta em{color:var(--muted)}.attachment-meta-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.32rem}.message.user .attachment-meta span,.message.user .attachment-meta em{color:color-mix(in srgb,var(--bubble-user-fg) 70%,transparent)}.message-error{margin:.42rem 0 0;color:var(--danger);font-size:.76rem}.thinking-preview{margin:.3rem 0 0;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:.72rem;background:color-mix(in srgb,var(--surface-soft) 86%,transparent);padding:.42rem .56rem;width:min(100%,34rem)}.thinking-preview-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.01em;color:var(--muted);margin-bottom:.14rem}.thinking-preview-text{margin:0;color:var(--text);font-size:.78rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer{position:sticky;bottom:.22rem;width:min(var(--chat-max-width),100%);margin:.45rem auto .52rem;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 10px 24px #00000016;padding:.65rem;z-index:4}.tools-backdrop{display:none}.composer.drop-active{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 18%,transparent)}.composer-drop-hint{border:1px dashed color-mix(in srgb,var(--accent) 46%,var(--border));border-radius:.72rem;background:color-mix(in srgb,var(--accent) 8%,var(--surface-soft));padding:.42rem .56rem;font-size:.78rem;color:color-mix(in srgb,var(--text) 78%,var(--accent))}.composer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.46rem;align-items:end}.composer-count{border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:.62rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);min-height:var(--touch-target-min);padding:0 .36rem;display:inline-flex;align-items:center;gap:.26rem}.composer-count span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.composer-count select{border:0;background:transparent;color:var(--text);min-height:calc(var(--touch-target-min) - 4px);font-size:.86rem}.composer textarea{min-height:2.8rem;max-height:14rem;resize:none;padding:.68rem .74rem;width:100%}.composer-input{border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border))!important;border-radius:.86rem!important;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 95%,transparent),color-mix(in srgb,var(--surface) 93%,transparent))!important;box-shadow:inset 0 1px color-mix(in srgb,#fff 40%,transparent);font-size:.95rem;line-height:1.46}.composer-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 62%,var(--border))!important;box-shadow:inset 0 1px color-mix(in srgb,#fff 40%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.upload-trigger{min-width:104px;padding:0 .62rem;border-radius:.78rem;gap:.38rem;font-weight:600}.upload-trigger>span:first-child{width:1.22rem;height:1.22rem;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:color-mix(in srgb,var(--accent) 86%,var(--text));font-size:1rem;line-height:1}.send-btn{min-width:94px;font-weight:700;letter-spacing:.01em;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 26%,transparent)}.btn{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:color-mix(in srgb,var(--surface-soft) 91%,transparent);color:var(--text);border-radius:.66rem;min-height:var(--touch-target-min);padding:0 .78rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{border-color:color-mix(in srgb,var(--accent) 70%,black);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff}.btn.danger{border-color:color-mix(in srgb,var(--danger) 52%,var(--border));color:var(--danger)}.btn.icon{width:var(--touch-target-min);min-width:var(--touch-target-min);padding:0;font-size:1.25rem;line-height:1;border-radius:999px}.tools-panel{position:absolute;left:.58rem;bottom:calc(100% + .48rem);z-index:5;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:.8rem;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 14px 38px #00000024;padding:.52rem;display:grid;gap:.44rem;min-width:min(92vw,380px)}@media(min-width:1260px){.chat-workspace.mode-research,.chat-workspace.mode-picture.layout-split,.chat-workspace.mode-automation{grid-template-columns:minmax(0,1fr) 440px;align-items:start}.chat-workspace.mode-research .messages,.chat-workspace.mode-picture.layout-split .messages,.chat-workspace.mode-automation .messages{grid-column:1}.chat-workspace.mode-research .mode-panel,.chat-workspace.mode-picture.layout-split .mode-panel,.chat-workspace.mode-automation .mode-panel{grid-column:2;max-height:calc(100dvh - 168px);overflow:auto;position:sticky;top:0}}.tool-field,.tool-check{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:color-mix(in srgb,var(--surface-soft) 92%,transparent);border-radius:.64rem;min-height:2.18rem;padding:.34rem .48rem}.tool-field{display:grid;gap:.15rem}.tool-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.tool-field.narrow{max-width:98px}.tool-field span,.tool-check span{font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tool-field select{border:0;background:transparent;color:var(--text);min-width:108px;padding:0;width:100%}.tool-field input{border:0;background:transparent;color:var(--text);min-width:140px;padding:0;width:100%}.mode-panel-toggle{justify-self:end}.tool-field textarea{border:0;background:transparent;color:var(--text);min-width:100%;resize:vertical;min-height:54px;padding:0;font:inherit}.tool-field input[type=range]{min-width:100%}.tool-check{display:inline-flex;align-items:center;gap:.34rem}.tool-mode-switches{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:color-mix(in srgb,var(--surface-soft) 92%,transparent);border-radius:.64rem;padding:.34rem .48rem;display:grid;gap:.3rem}.tool-mode-switches>span{font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.mode-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem}.mode-switch-btn{min-height:1.95rem;padding:0 .56rem;font-size:.74rem}.mode-switch-btn.active{border-color:color-mix(in srgb,var(--accent) 72%,black);background:color-mix(in srgb,var(--accent) 16%,var(--surface-soft))}.pending-row{display:flex;flex-wrap:wrap;gap:.42rem;padding-bottom:.52rem}.pending-chip{border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:.66rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);display:inline-flex;align-items:center;gap:.36rem;padding:.24rem .4rem;max-width:min(260px,100%)}.pending-chip img{width:28px;height:28px;border-radius:.35rem;object-fit:cover}.pending-chip-image{border:0;margin:0;padding:0;border-radius:.35rem;background:transparent;cursor:zoom-in}.pending-chip span{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-chip button{border:0;width:2rem;height:2rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--muted);cursor:pointer}.hidden-file-input{display:none}.image-preview-modal,.chat-manage-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem}.image-preview-backdrop,.chat-manage-backdrop{position:absolute;inset:0;border:0;margin:0;padding:0;background:#0000008f;cursor:pointer}.image-preview-content{position:relative;z-index:1;width:min(96vw,1120px);max-height:92vh;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.9rem;overflow:hidden;background:color-mix(in srgb,var(--surface) 96%,transparent);display:grid;grid-template-rows:minmax(0,1fr) auto}.image-preview-content img{width:100%;max-height:80vh;object-fit:contain;background:#0000001a;transition:transform .12s ease;transform-origin:center center}.image-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem .65rem}.image-preview-bar span{min-width:0;font-size:.85rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-preview-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.chat-manage-content{position:relative;z-index:1;width:min(92vw,380px);border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:.85rem;background:color-mix(in srgb,var(--surface) 96%,transparent);padding:.72rem;display:grid;gap:.56rem}.chat-manage-content h3{margin:0;font-size:.95rem}.chat-manage-content p{margin:0;color:var(--muted);font-size:.82rem}.chat-manage-actions{display:flex;justify-content:flex-end;gap:.45rem}.sidebar-backdrop{display:none}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(90vw,340px);z-index:18;transform:translate(-102%);transition:transform .2s ease;box-shadow:0 18px 60px #00000038;overflow-x:hidden;background:var(--surface);border-right-color:color-mix(in srgb,var(--border) 96%,transparent)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:17;border:0;margin:0;padding:0;background:#00000036;cursor:pointer}.mobile-toggle{display:inline-flex}.topbar{width:100%;margin-top:0;min-height:52px;gap:.4rem;padding:.42rem max(.52rem,env(safe-area-inset-right)) .42rem max(.52rem,env(safe-area-inset-left))}.topbar-actions{justify-self:end}.user-pill{max-width:min(34vw,180px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-preview,.chat-mini-mode,.chat-item-menu-wrap{display:none}.chat-item-check{width:.86rem;height:.86rem}.picture-layout-switch{justify-content:stretch}.picture-layout-switch .btn{flex:1 1 140px}.chat-item-head{gap:.2rem}.chat-item{padding:.5rem .52rem}.chat-item-title{font-size:.86rem;line-height:1.22}.messages{width:100%;margin-top:0;padding:.82rem clamp(.58rem,1.8vw,.74rem)}.message{max-width:100%}.mode-panel,.chat-workspace,.password-panel,.admin-panel,.passkey-notice,.composer{width:100%}.composer{margin-top:.32rem;margin-bottom:max(.12rem,env(safe-area-inset-bottom));padding:.56rem;border-radius:.96rem}.tools-panel{position:fixed;left:.4rem;right:.4rem;bottom:calc(.2rem + env(safe-area-inset-bottom));min-width:0;max-height:68dvh;overflow:auto;border-radius:1rem;padding:.62rem;z-index:28}.tool-mode-switches,.tool-field,.tool-check{width:100%}.tools-backdrop{display:block;position:fixed;inset:0;border:0;margin:0;padding:0;z-index:27;background:#00000048}.composer-row{grid-template-columns:auto minmax(0,1fr) auto auto}.composer-row .btn.primary{min-width:64px}.password-panel,.admin-panel{grid-template-columns:1fr}.settings-content{width:calc(100vw - .8rem);max-height:calc(100dvh - .8rem);padding:.64rem;border-radius:.88rem}.settings-head{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--surface) 96%,transparent);padding-bottom:.45rem;border-bottom:1px solid color-mix(in srgb,var(--border) 84%,transparent)}.settings-actions .btn{flex:1 1 180px}.mode-panel-grid,.mode-panel-create .mode-panel-grid,.mode-panel-picture .mode-panel-grid{grid-template-columns:1fr}.mode-panel{max-height:min(56dvh,620px);overflow:auto}.chat-workspace.mode-picture.layout-settings .mode-panel{max-height:calc(100dvh - 184px);height:calc(100dvh - 184px)}.mode-image-preview img{height:188px}.admin-card{padding:.48rem;gap:.38rem}.admin-model-actions .btn{flex:1 1 100%}.chat-manage-content{width:min(96vw,420px)}.image-preview-content{width:min(98vw,1040px);max-height:94dvh}.attachment-card img{max-height:min(52vh,340px)}}@media(max-width:620px){.chat-main{height:100dvh}.topbar h2{font-size:clamp(.84rem,1.4vw + .65rem,.95rem)}.status-line{display:none}.user-pill{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-backdrop{display:none}.account-menu{position:absolute;top:calc(100% + .45rem);right:0;left:auto;bottom:auto;width:min(240px,calc(100vw - .9rem));min-width:0;max-width:calc(100vw - .9rem);border-radius:.92rem;padding:.44rem;gap:.36rem;box-shadow:0 20px 46px #0000003d}.account-menu .btn{justify-content:flex-start}.chat-item-preview{display:none}.mode-panel{padding:.6rem;gap:.54rem;max-height:min(50dvh,460px)}.chat-workspace.mode-picture.layout-settings .mode-panel{max-height:calc(100dvh - 168px);height:calc(100dvh - 168px)}.mode-panel h3{font-size:.92rem}.mode-panel-grid{gap:.45rem}.mode-panel-create .mode-panel-grid,.mode-panel-picture .mode-panel-grid,.tool-row{grid-template-columns:1fr}.messages{border-radius:.9rem;padding-inline:.5rem}.chat-main{padding:.3rem max(.38rem,env(safe-area-inset-right)) max(.2rem,env(safe-area-inset-bottom)) max(.38rem,env(safe-area-inset-left))}.composer{bottom:0;margin-bottom:max(.05rem,env(safe-area-inset-bottom));border-radius:.92rem;padding:.5rem}.composer-row{gap:.34rem}.composer-count{min-width:70px;padding-inline:.3rem}.upload-trigger{min-width:86px;padding-inline:.5rem}.upload-trigger>span:last-child{font-size:.78rem}.chat-item-menu{right:-.1rem}.settings-actions,.admin-model-actions{display:grid;grid-template-columns:1fr}.settings-modal{place-items:end;padding:0}.settings-content{width:100vw;max-height:100dvh;border-radius:1rem 1rem 0 0;border-left:0;border-right:0;border-bottom:0;padding:.62rem}.settings-head{gap:.4rem}.settings-head .btn{min-width:74px}.admin-panel{gap:.5rem;padding:.56rem}.password-panel{padding:.56rem}.chat-manage-modal,.image-preview-modal{padding:.3rem}.topbar-subline{display:none}}@media(pointer:coarse){.btn,.chat-item-action,.chat-item-menu-btn,.pending-chip button{min-height:46px}}:root{--chat-column-max: 860px;--radius-xl: 18px;--radius-lg: 14px;--radius-md: 12px;--surface-elev-1: color-mix(in srgb, var(--surface) 96%, transparent);--surface-elev-2: color-mix(in srgb, var(--surface-soft) 94%, transparent)}.app-shell{grid-template-columns:minmax(250px,310px) minmax(0,1fr);background:transparent}.sidebar{border-right:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.85rem .75rem;gap:.6rem}.sidebar-head h1{font-size:1.04rem;letter-spacing:.01em}.brand-kicker{color:color-mix(in srgb,var(--muted) 82%,transparent)}.sidebar-search input{border-radius:999px;min-height:2.35rem;padding-inline:.8rem}.chat-item{border-radius:var(--radius-md);padding:.64rem;transition:background-color .16s ease,transform .16s ease}.chat-item:hover{transform:translateY(-1px)}.chat-item.active{background:color-mix(in srgb,var(--surface-soft) 80%,var(--accent) 12%);box-shadow:0 8px 20px color-mix(in srgb,#000 12%,transparent)}.chat-main{padding:clamp(.45rem,.8vw,.72rem) max(.72rem,env(safe-area-inset-right)) max(.3rem,env(safe-area-inset-bottom)) max(.72rem,env(safe-area-inset-left))}.topbar{width:min(var(--chat-column-max),100%);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 64%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 30px color-mix(in srgb,#000 14%,transparent)}.user-pill{border-radius:999px}.account-menu{border-radius:var(--radius-md)}.chat-workspace{width:min(100%,1320px);margin-inline:auto;gap:.9rem}.chat-workspace .messages{width:min(var(--chat-column-max),100%);margin-inline:auto}.chat-workspace.mode-research .messages,.chat-workspace.mode-picture.layout-split .messages,.chat-workspace.mode-automation .messages{width:100%}.messages{border:0;border-radius:0;box-shadow:none;background:transparent;padding:clamp(.55rem,1.2vw,.95rem) clamp(.35rem,.8vw,.55rem);gap:.7rem;scrollbar-width:thin}.message-wrap{gap:.42rem;animation:messageFadeIn .22s ease both}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-row{display:flex;align-items:flex-start;gap:.58rem}.message-avatar{width:2rem;height:2rem;border-radius:999px;flex:0 0 auto;display:grid;place-items:center;font-size:.68rem;font-weight:700;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);color:color-mix(in srgb,var(--text) 84%,transparent);background:color-mix(in srgb,var(--surface-soft) 90%,transparent)}.message-avatar.assistant{background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 18%,var(--surface-soft)),color-mix(in srgb,#3ac8b4 14%,var(--surface-soft)))}.message-avatar.user{background:linear-gradient(140deg,color-mix(in srgb,var(--bubble-user-bg) 72%,var(--surface-soft)),color-mix(in srgb,var(--accent) 16%,var(--surface-soft)))}.message{max-width:min(92%,78ch);border-radius:var(--radius-xl);padding:.76rem .9rem;border:1px solid color-mix(in srgb,var(--border) 58%,transparent);background:var(--surface-elev-1);box-shadow:0 10px 24px color-mix(in srgb,#000 11%,transparent)}.message.assistant{justify-self:start;background:color-mix(in srgb,var(--bubble-assistant-bg) 90%,transparent)}.message.user{justify-self:end;background:color-mix(in srgb,var(--bubble-user-bg) 96%,transparent);color:var(--bubble-user-fg)}.attachment-card{border-radius:var(--radius-md)}.composer{position:sticky;bottom:max(.25rem,env(safe-area-inset-bottom));width:min(var(--chat-column-max),100%);margin-top:.35rem;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--border) 68%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 36px color-mix(in srgb,#000 18%,transparent)}.composer-row{gap:.48rem}.upload-trigger,.send-btn{transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.upload-trigger:hover,.send-btn:hover{transform:translateY(-1px)}.send-btn{border-radius:999px;min-width:100px}.tools-panel{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 68%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-panel{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 66%,transparent);box-shadow:0 16px 34px color-mix(in srgb,#000 16%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent)}.mode-panel-card{border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 88%,transparent)}.settings-content,.chat-manage-content,.image-preview-content{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 66%,transparent);box-shadow:0 18px 40px color-mix(in srgb,#000 22%,transparent)}.btn{border-radius:11px;border-color:color-mix(in srgb,var(--border) 70%,transparent);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.btn.primary{box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent)}@media(min-width:1200px){.chat-workspace.mode-research,.chat-workspace.mode-picture.layout-split,.chat-workspace.mode-automation{grid-template-columns:minmax(0,1fr) 420px}}@media(min-width:900px)and (max-width:1199px){.chat-workspace{width:min(100%,1160px)}.chat-workspace.mode-research,.chat-workspace.mode-picture.layout-split,.chat-workspace.mode-automation{grid-template-columns:minmax(0,1fr) 380px}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.topbar,.chat-workspace,.composer,.chat-workspace .messages{width:100%}.message-avatar{width:1.78rem;height:1.78rem}}@media(max-width:600px){.message-row{gap:.42rem}.message{max-width:100%;border-radius:16px;padding:.7rem .78rem}.message-avatar{width:1.65rem;height:1.65rem;font-size:.62rem}.upload-trigger{min-width:82px}.send-btn{min-width:76px}}:root{--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 24px;--ds-space-6: 32px;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-chat-max: 720px;--ds-btn-h: 36px}body{background:radial-gradient(860px 360px at 15% -10%,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 62%),radial-gradient(760px 330px at 86% -14%,color-mix(in srgb,#4bd0b7 9%,transparent) 0%,transparent 65%),linear-gradient(180deg,var(--bg) 0%,var(--bg-grad) 100%)}.app-shell{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}.sidebar{border-right:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--ds-space-3);gap:var(--ds-space-2)}.sidebar-head{align-items:flex-start;gap:var(--ds-space-2)}.sidebar-head-actions{gap:var(--ds-space-2)}.sidebar-head-actions .btn{min-height:var(--ds-btn-h);height:var(--ds-btn-h);padding:0 12px}.sidebar-search input{min-height:var(--ds-btn-h);border-radius:999px;padding-inline:12px}.sidebar-selected-actions{border-radius:var(--ds-radius-md);padding:var(--ds-space-2)}.chat-list{gap:var(--ds-space-1)}.chat-item{border:1px solid transparent;border-radius:var(--ds-radius-md);padding:10px;gap:var(--ds-space-1)}.chat-item:hover{background:color-mix(in srgb,var(--surface-soft) 90%,transparent);border-color:color-mix(in srgb,var(--border) 68%,transparent)}.chat-item.active{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--surface-soft) 84%,var(--accent) 12%)}.chat-main{max-width:1320px;margin:0 auto;padding:var(--ds-space-2) max(var(--ds-space-3),env(safe-area-inset-right)) max(var(--ds-space-2),env(safe-area-inset-bottom)) max(var(--ds-space-3),env(safe-area-inset-left))}.topbar,.passkey-notice,.composer{width:min(var(--ds-chat-max),100%);margin-left:auto;margin-right:auto}.topbar{min-height:56px;padding:10px 12px;border-radius:var(--ds-radius-md);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 8px 22px color-mix(in srgb,#000 14%,transparent)}.topbar-title-main{display:inline-flex;align-items:center;gap:var(--ds-space-2);min-width:0}.topbar-maia-avatar{width:28px;height:28px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 68%,transparent)}.chat-workspace{width:min(100%,1280px);margin-inline:auto;gap:var(--ds-space-3)}.chat-workspace .messages{width:min(var(--ds-chat-max),100%);max-width:var(--ds-chat-max);margin-inline:auto}.chat-workspace.mode-research .messages,.chat-workspace.mode-automation .messages,.chat-workspace.mode-picture.layout-split .messages{max-width:none;width:100%;margin-inline:0}.mode-panel{border-radius:var(--ds-radius-lg);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 8px 22px color-mix(in srgb,#000 14%,transparent);padding:var(--ds-space-3)}.mode-panel-grid{gap:var(--ds-space-2)}.mode-panel-card{border-radius:var(--ds-radius-md);padding:var(--ds-space-3);min-height:0}.messages{border:0;border-radius:0;background:transparent;box-shadow:none;padding:var(--ds-space-2) 0;display:flex;flex-direction:column;gap:var(--ds-space-3)}.message-wrap{display:flex;flex-direction:column;gap:var(--ds-space-1);animation:message-in .16s ease-out both}@keyframes message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message-row{display:flex;align-items:flex-start;gap:var(--ds-space-2)}.message-avatar{width:32px;height:32px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 68%,transparent);overflow:hidden;box-shadow:0 3px 12px color-mix(in srgb,#000 16%,transparent)}.message{max-width:70%;border-radius:var(--ds-radius-lg);padding:10px 14px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);box-shadow:0 4px 16px color-mix(in srgb,#000 10%,transparent)}.message.assistant{background:color-mix(in srgb,var(--bubble-assistant-bg) 94%,transparent)}.message.user{margin-left:auto;background:color-mix(in srgb,var(--bubble-user-bg) 96%,transparent);border-color:color-mix(in srgb,var(--bubble-user-bg) 65%,var(--border))}.message-content{line-height:1.58}.message-content p{margin-bottom:.65rem}.message-time{margin-top:var(--ds-space-2)}.attachment-card{border-radius:var(--ds-radius-md)}.attachment-card.image{position:relative;border:1px solid color-mix(in srgb,var(--border) 62%,transparent);background:color-mix(in srgb,var(--surface-soft) 92%,transparent)}.attachment-card.image img{width:100%;max-height:min(58vh,520px);object-fit:contain;background:color-mix(in srgb,#000 18%,var(--surface-soft))}.attachment-card.image .attachment-meta{position:absolute;left:var(--ds-space-2);right:var(--ds-space-2);bottom:var(--ds-space-2);z-index:2;border:1px solid color-mix(in srgb,var(--border) 64%,transparent);border-radius:var(--ds-radius-sm);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--ds-space-2);opacity:0;transform:translateY(6px);transition:opacity .14s ease,transform .14s ease}.attachment-card.image:hover .attachment-meta,.attachment-card.image:focus-within .attachment-meta{opacity:1;transform:translateY(0)}.message.has-generated-image .attachment-card.image .attachment-meta-head,.message.has-generated-image .attachment-card.image em{display:none}.attachment-meta-actions{justify-content:flex-end;gap:6px}.message-action-btn{min-height:30px;border-radius:var(--ds-radius-sm)}.composer{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));border-radius:var(--ds-radius-lg);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 10px 26px color-mix(in srgb,#000 18%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--ds-space-2)}.composer-row{grid-template-columns:auto minmax(0,1fr) auto auto;gap:var(--ds-space-2);align-items:end;min-height:48px}.composer textarea{min-height:40px;max-height:220px;padding:10px 12px}.composer-input{border-radius:14px!important;border:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;background:color-mix(in srgb,var(--surface-soft) 94%,transparent)!important;box-shadow:none!important}.upload-trigger{width:var(--ds-btn-h);min-width:var(--ds-btn-h);height:var(--ds-btn-h);border-radius:999px;padding:0}.upload-trigger>span:first-child{width:20px;height:20px;background:transparent}.composer-count{min-height:var(--ds-btn-h);border-radius:999px}.btn{min-height:var(--ds-btn-h);height:var(--ds-btn-h);padding:8px 14px;border-radius:var(--ds-radius-sm)}.send-btn{min-width:84px;border-radius:999px}.tools-panel{border-radius:var(--ds-radius-lg);min-width:min(96vw,360px);padding:var(--ds-space-3);gap:var(--ds-space-2);box-shadow:0 14px 36px color-mix(in srgb,#000 24%,transparent)}.pending-row{gap:var(--ds-space-2);padding-bottom:var(--ds-space-2)}.pending-chip{border-radius:var(--ds-radius-sm)}.image-preview-content{width:min(96vw,1240px);max-height:94dvh;border-radius:var(--ds-radius-lg)}.image-preview-content img{max-height:82dvh;background:#000}.image-preview-bar{border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);align-items:flex-start}.image-preview-meta{min-width:0;display:grid;gap:4px}.image-preview-meta>span{min-width:0}.image-preview-prompt{margin:0;color:var(--muted);font-size:.78rem;max-width:min(78ch,72vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-content,.chat-manage-content{border-radius:var(--ds-radius-lg)}@media(min-width:1201px){.chat-workspace.mode-research,.chat-workspace.mode-picture.layout-split,.chat-workspace.mode-automation{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.chat-workspace.mode-research .mode-panel,.chat-workspace.mode-picture.layout-split .mode-panel,.chat-workspace.mode-automation .mode-panel{max-height:calc(100dvh - 170px);overflow:auto;position:sticky;top:0}}@media(min-width:901px)and (max-width:1200px){.chat-workspace.mode-research,.chat-workspace.mode-picture.layout-split,.chat-workspace.mode-automation{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.chat-workspace.mode-research .mode-panel,.chat-workspace.mode-picture.layout-split .mode-panel,.chat-workspace.mode-automation .mode-panel{max-height:calc(100dvh - 176px);overflow:auto}}@media(max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(88vw,320px);z-index:24;transform:translate(-102%);transition:transform .18s ease;box-shadow:0 16px 44px color-mix(in srgb,#000 36%,transparent)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:23;border:0;background:#0005}.mobile-toggle{display:inline-flex;min-height:var(--ds-btn-h);height:var(--ds-btn-h)}.chat-main{max-width:100%}.topbar,.chat-workspace,.chat-workspace .messages,.composer{width:100%;max-width:100%}}@media(max-width:900px){.message{max-width:82%}.picture-layout-switch{justify-content:stretch}.picture-layout-switch .btn{flex:1 1 132px}}@media(max-width:768px){.topbar{min-height:52px;padding:8px 10px}.topbar-subline{display:none}.message-avatar{width:28px;height:28px}.message{max-width:88%}.attachment-card.image .attachment-meta{opacity:1;transform:none}.tools-panel{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));min-width:0;max-height:70dvh;overflow:auto;z-index:28}.tools-backdrop{display:block;position:fixed;inset:0;z-index:27;border:0;background:#0006}}@media(max-width:600px){.chat-main{padding:var(--ds-space-2) max(var(--ds-space-2),env(safe-area-inset-right)) max(var(--ds-space-1),env(safe-area-inset-bottom)) max(var(--ds-space-2),env(safe-area-inset-left))}.messages{padding-inline:0;gap:var(--ds-space-2)}.message{max-width:92%;padding:10px 12px}.composer{padding:var(--ds-space-2);border-radius:var(--ds-radius-md)}.composer-row{grid-template-columns:auto minmax(0,1fr) auto}.composer-count{display:none}.send-btn{min-width:70px}.image-preview-content{width:calc(100vw - 8px);max-height:calc(100dvh - 8px)}}@media(max-width:480px){.sidebar{width:min(92vw,300px)}.topbar-title h2{font-size:.92rem}.chat-item{padding:9px}.chat-item-title{font-size:.84rem}.message{max-width:96%}.message-avatar{width:26px;height:26px}.upload-trigger{width:34px;min-width:34px;height:34px}.btn{min-height:34px;height:34px;padding:6px 10px}}@media(max-width:360px){.topbar{padding-inline:8px}.composer{padding:6px}.send-btn{min-width:64px}}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--chat-column-max: 720px;--btn-height: 36px}:root[data-theme=dark]{--bg: #1f2023;--bg-grad: #1f2023;--surface: #26282d;--surface-soft: #2d3036;--border: #3a3d45;--text: #eceff4;--muted: #a6adb8;--accent: #10a37f;--accent-strong: #0f8a6d;--bubble-user-bg: #30343b;--bubble-user-fg: #f1f4f8;--bubble-assistant-bg: #24272c;--danger: #ef6b6b}:root[data-theme=light]{--bg: #f7f7f8;--bg-grad: #f7f7f8;--surface: #ffffff;--surface-soft: #f3f4f6;--border: #e3e6eb;--text: #111318;--muted: #5f6774;--accent: #0f9d78;--accent-strong: #0b8767;--bubble-user-bg: #e2e7ee;--bubble-user-fg: #111318;--bubble-assistant-bg: #f5f6f8;--danger: #c53030}body{background:var(--bg)}.app-shell{grid-template-columns:minmax(248px,288px) minmax(0,1fr)}.sidebar{border-right:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--space-3);gap:var(--space-2)}.sidebar-brand-avatar{width:32px;height:32px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);box-shadow:none}.brand-kicker{color:var(--muted)}.sidebar-head h1{font-size:.95rem}.sidebar-head-actions .btn{min-height:var(--btn-height);height:var(--btn-height);padding:8px 12px}.sidebar-search input{min-height:var(--btn-height);border-radius:999px;background:var(--surface-soft)}.sidebar-selected-actions{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:var(--surface-soft);border-radius:var(--radius-m);box-shadow:none}.chat-list{gap:var(--space-1)}.chat-item{border-radius:var(--radius-m);border:1px solid transparent;padding:9px 10px;background:transparent}.chat-item:hover{transform:none;background:color-mix(in srgb,var(--surface-soft) 86%,transparent);border-color:color-mix(in srgb,var(--border) 72%,transparent)}.chat-item.active{box-shadow:none;border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--surface-soft) 82%,var(--accent) 9%)}.chat-item-title{font-size:.88rem}.chat-item-preview{font-size:.72rem}.chat-main{max-width:1280px;margin:0 auto;padding:var(--space-2) max(var(--space-3),env(safe-area-inset-right)) max(var(--space-2),env(safe-area-inset-bottom)) max(var(--space-3),env(safe-area-inset-left))}.topbar,.chat-workspace .messages,.composer,.passkey-notice{width:min(var(--chat-column-max),100%);margin-inline:auto}.topbar{min-height:52px;border-radius:var(--radius-m);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:8px 10px}.topbar-title h2{font-size:.96rem}.topbar-subline{color:var(--muted)}.user-pill{min-height:var(--btn-height);border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:var(--surface-soft);box-shadow:none}.account-menu{border-radius:var(--radius-m);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:var(--surface);box-shadow:0 8px 24px #00000030}.chat-workspace{gap:var(--space-3)}.messages{border:0;border-radius:0;box-shadow:none;background:transparent;padding:var(--space-2) 0;display:flex;flex-direction:column;gap:var(--space-3)}.message-wrap{gap:var(--space-1)}.message-row{display:flex;align-items:flex-start;gap:var(--space-2)}.message-row.user{justify-content:flex-end}.message-avatar{width:32px;height:32px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:none}.message-avatar.user{display:none}.message{max-width:72%;border-radius:var(--radius-l);padding:10px 14px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);box-shadow:none}.message.assistant{background:var(--bubble-assistant-bg)}.message.user{margin-left:auto;background:var(--bubble-user-bg);color:var(--bubble-user-fg)}.message-content{line-height:1.56}.message-content pre{background:color-mix(in srgb,var(--surface-soft) 90%,transparent)}.day-separator{border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--surface-soft) 82%,transparent)}.attachment-card{border-radius:var(--radius-m);box-shadow:none}.attachment-card.image{background:color-mix(in srgb,var(--surface-soft) 94%,transparent)}.attachment-card.image .attachment-meta{border:1px solid color-mix(in srgb,var(--border) 76%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message.has-generated-image .attachment-meta-head,.message.has-generated-image .attachment-meta em{display:none}.composer{position:sticky;bottom:max(var(--space-2),env(safe-area-inset-bottom));margin-top:var(--space-2);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:var(--radius-l);background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--space-2)}.composer-row{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:end;gap:var(--space-2)}.composer-input{border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;border-radius:var(--radius-m)!important;background:var(--surface-soft)!important;box-shadow:none!important}.composer-input:focus{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)!important}.btn{min-height:var(--btn-height);height:var(--btn-height);border-radius:var(--radius-s);padding:8px 14px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:var(--surface-soft);box-shadow:none}.btn:hover:not(:disabled){transform:none;background:color-mix(in srgb,var(--surface-soft) 88%,var(--text) 2%)}.btn.primary{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--accent) 85%,#0000);color:#fff;box-shadow:none}.upload-trigger{width:var(--btn-height);min-width:var(--btn-height);height:var(--btn-height);border-radius:999px;padding:0}.upload-trigger>span:first-child{width:18px;height:18px;background:transparent}.upload-trigger>span:last-child{display:none}.send-btn{border-radius:999px;min-width:76px}.tools-panel{border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:var(--surface);box-shadow:0 10px 28px #00000038;min-width:min(94vw,360px);gap:var(--space-2)}.tool-field,.tool-check,.tool-mode-switches,.mode-panel-card,.admin-card,.admin-metrics{border-radius:var(--radius-m);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:var(--surface-soft);box-shadow:none}.mode-panel{border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:var(--surface);box-shadow:none}.mode-panel-create,.mode-panel-picture,.mode-panel-research,.mode-panel-automation{border-color:color-mix(in srgb,var(--border) 82%,transparent)}.settings-content,.chat-manage-content,.image-preview-content{border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:var(--surface);box-shadow:0 14px 36px #0000003a}.image-preview-bar{border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.image-preview-prompt{color:var(--muted)}@media(max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(90vw,320px);z-index:24;transform:translate(-102%);transition:transform .16s ease;box-shadow:0 16px 42px #00000052}.sidebar.open{transform:translate(0)}.mobile-toggle{display:inline-flex}.topbar,.chat-workspace,.chat-workspace .messages,.composer{width:100%;max-width:100%}}@media(max-width:768px){.topbar-subline{display:none}.message{max-width:86%}.message-avatar{width:28px;height:28px}.tools-panel{position:fixed;left:var(--space-2);right:var(--space-2);bottom:max(var(--space-2),env(safe-area-inset-bottom));min-width:0;max-height:72dvh;overflow:auto}}@media(max-width:600px){.chat-main{padding:var(--space-2) max(var(--space-2),env(safe-area-inset-right)) max(var(--space-1),env(safe-area-inset-bottom)) max(var(--space-2),env(safe-area-inset-left))}.messages{gap:var(--space-2)}.message{max-width:92%;padding:10px 12px}.composer-row{grid-template-columns:auto minmax(0,1fr) auto}.composer-count{display:none}}:root{--ui-chat-max: 850px;--ui-page-max: 1320px;--ui-radius-xl: 16px;--ui-radius-lg: 14px;--ui-radius-md: 12px;--ui-radius-sm: 10px;--ui-panel-shadow: 0 12px 34px color-mix(in srgb, #000 18%, transparent);--ui-card-shadow: 0 8px 22px color-mix(in srgb, #000 12%, transparent);--ui-border: color-mix(in srgb, var(--border) 64%, transparent)}:root[data-theme=dark]{--bg: #0c111b;--bg-grad: #0a1019;--surface: #121a27;--surface-soft: #1a2433;--border: #2c3a50;--text: #e8eef8;--muted: #9aa8be;--accent: #6fa7ff;--accent-strong: #4f8ff9;--bubble-user-bg: #2a3a53;--bubble-user-fg: #f1f6ff;--bubble-assistant-bg: #151f2f}:root[data-theme=light]{--bg: #f3f6fb;--bg-grad: #edf2f9;--surface: #ffffff;--surface-soft: #f5f8fc;--border: #d8e1ed;--text: #111827;--muted: #64748b;--accent: #377dff;--accent-strong: #276df2;--bubble-user-bg: #2f3f57;--bubble-user-fg: #f8fbff;--bubble-assistant-bg: #f7f9fc}body{background:radial-gradient(860px 420px at 14% -12%,color-mix(in srgb,var(--accent) 16%,transparent) 0%,transparent 65%),radial-gradient(620px 320px at 88% -14%,color-mix(in srgb,#42d7bf 10%,transparent) 0%,transparent 68%),linear-gradient(180deg,var(--bg) 0%,var(--bg-grad) 100%)}.app-shell{grid-template-columns:minmax(256px,304px) minmax(0,1fr);gap:0}.sidebar{border-right:1px solid var(--ui-border);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.78rem .68rem;gap:.62rem}.sidebar-brand{display:inline-flex;align-items:center;gap:.56rem;min-width:0}.sidebar-brand-avatar{width:34px;height:34px;border-radius:999px;border:1px solid color-mix(in srgb,#fff 34%,var(--ui-border));box-shadow:0 6px 16px color-mix(in srgb,#000 22%,transparent);flex:0 0 auto}.brand-kicker{margin-bottom:.08rem;letter-spacing:.09em}.sidebar-search input{border-radius:999px;min-height:2.42rem;padding-inline:.86rem}.chat-item{border-radius:var(--ui-radius-md);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.chat-item:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--surface-soft) 88%,transparent);border-color:color-mix(in srgb,var(--border) 68%,transparent)}.chat-item.active{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--surface-soft) 82%,var(--accent) 12%);box-shadow:0 8px 18px color-mix(in srgb,#000 14%,transparent)}.chat-main{width:100%;max-width:var(--ui-page-max);margin:0 auto;padding:clamp(.4rem,.8vw,.72rem) max(.7rem,env(safe-area-inset-right)) max(.22rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left))}.topbar{width:min(var(--ui-chat-max),100%);border-radius:var(--ui-radius-lg);border:1px solid var(--ui-border);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--ui-card-shadow)}.topbar-title-main{display:inline-flex;align-items:center;gap:.52rem;max-width:100%}.topbar-maia-avatar{width:28px;height:28px;border-radius:999px;border:1px solid color-mix(in srgb,#fff 34%,var(--ui-border));box-shadow:0 4px 10px color-mix(in srgb,#000 18%,transparent);flex:0 0 auto}.topbar-title h2{line-height:1.2}.user-pill{border-color:var(--ui-border);box-shadow:inset 0 1px color-mix(in srgb,#fff 26%,transparent)}.chat-workspace{width:min(100%,var(--ui-page-max));gap:.86rem}.chat-workspace .messages,.composer,.passkey-notice{width:min(var(--ui-chat-max),100%);margin-left:auto;margin-right:auto}.chat-workspace.mode-research .messages,.chat-workspace.mode-automation .messages,.chat-workspace.mode-picture.layout-split .messages{width:100%}.messages{border:0;border-radius:0;background:transparent;box-shadow:none;padding:.86rem clamp(.28rem,.8vw,.5rem);gap:.72rem}.message-wrap{gap:.38rem;animation:uiMessageFade .18s ease-out both}@keyframes uiMessageFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message-row{display:flex;align-items:flex-start;gap:.56rem}.message-row.user{flex-direction:row-reverse}.message-avatar{width:2.06rem;height:2.06rem;border-radius:999px;border:1px solid var(--ui-border);background:color-mix(in srgb,var(--surface-soft) 90%,transparent);color:color-mix(in srgb,var(--text) 78%,transparent);box-shadow:0 5px 12px color-mix(in srgb,#000 14%,transparent);overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover;display:block}.message-avatar.assistant{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--surface-soft)),color-mix(in srgb,#3cd3b9 18%,var(--surface-soft)))}.message{border-radius:var(--ui-radius-xl);border:1px solid var(--ui-border);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--ui-card-shadow);max-width:min(92%,79ch);padding:.78rem .9rem}.message.assistant{background:color-mix(in srgb,var(--bubble-assistant-bg) 92%,transparent)}.message.user{background:color-mix(in srgb,var(--bubble-user-bg) 94%,transparent);border-color:color-mix(in srgb,var(--bubble-user-bg) 65%,var(--border))}.message-content pre,.message-content code,.attachment-card{border-radius:var(--ui-radius-sm)}.attachment-card img{border-bottom:1px solid color-mix(in srgb,var(--border) 58%,transparent)}.composer{position:sticky;bottom:max(.16rem,env(safe-area-inset-bottom));border-radius:var(--ui-radius-xl);border:1px solid var(--ui-border);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--ui-panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.62rem}.composer-row{align-items:end}.composer-input{border-radius:14px!important;min-height:2.8rem}.upload-trigger,.send-btn{min-width:96px;border-radius:999px}.tools-panel{border-radius:var(--ui-radius-lg);border:1px solid var(--ui-border);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--ui-panel-shadow)}.tool-field,.tool-check,.tool-mode-switches,.mode-panel-card,.mode-job-row,.media-progress-card,.chat-media-progress,.admin-card,.admin-metrics,.chat-manage-content,.settings-content,.image-preview-content{border-radius:var(--ui-radius-md);border-color:var(--ui-border)}.mode-panel{border-radius:var(--ui-radius-lg);border:1px solid var(--ui-border);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--ui-card-shadow)}.mode-panel-head p,.mode-panel-note,.chat-item-preview,.attachment-meta span,.attachment-meta em{color:color-mix(in srgb,var(--muted) 92%,transparent)}.image-preview-content{background:color-mix(in srgb,var(--surface) 95%,transparent)}.image-preview-bar{border-top:1px solid var(--ui-border)}.btn{border-radius:11px;border-color:var(--ui-border);transition:transform .13s ease,background-color .13s ease,border-color .13s ease,box-shadow .13s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{box-shadow:0 10px 20px color-mix(in srgb,var(--accent) 24%,transparent)}.btn.danger{border-color:color-mix(in srgb,var(--danger) 42%,var(--border))}input,select,textarea{border-radius:var(--ui-radius-sm)}@media(min-width:1200px){.chat-workspace.mode-research,.chat-workspace.mode-picture.layout-split,.chat-workspace.mode-automation{grid-template-columns:minmax(0,1fr) 430px}}@media(min-width:900px)and (max-width:1199px){.chat-workspace.mode-research,.chat-workspace.mode-picture.layout-split,.chat-workspace.mode-automation{grid-template-columns:minmax(0,1fr) 390px}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(90vw,350px)}.topbar,.chat-workspace,.composer,.chat-workspace .messages{width:100%}}@media(max-width:600px){.sidebar-brand-avatar{width:30px;height:30px}.topbar{border-radius:12px;padding-inline:max(.42rem,env(safe-area-inset-left))}.topbar-maia-avatar{width:24px;height:24px}.topbar-title h2{font-size:.92rem}.messages{padding-inline:.2rem}.message-row{gap:.42rem}.message-avatar{width:1.72rem;height:1.72rem;font-size:.62rem}.message{border-radius:15px;max-width:100%;padding:.7rem .76rem}.composer{padding:.5rem;border-radius:14px}.composer-row{gap:.34rem}.upload-trigger,.send-btn{min-width:76px}}.chat-main{gap:.56rem}.chat-workspace{gap:.56rem;align-content:start}.chat-workspace .messages{order:1}.chat-workspace .mode-panel{order:2}.picture-layout-switch{margin:0 0 .28rem;padding:0;border:0;background:transparent;box-shadow:none;display:flex;flex-wrap:wrap;gap:.34rem}.picture-layout-switch .btn{height:32px;min-width:0;padding:0 .72rem;border-radius:999px;font-size:.8rem;border-color:color-mix(in srgb,var(--ui-border) 92%,transparent)}.picture-layout-switch .btn.primary{box-shadow:none;background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.mode-panel{max-height:min(62vh,680px);overflow:auto;border-color:color-mix(in srgb,var(--ui-border) 88%,transparent);background:color-mix(in srgb,var(--surface) 95%,transparent)}.mode-panel-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.34rem .56rem}.mode-panel-head h3{margin-right:auto}.mode-panel-head p{flex-basis:100%;margin:0}.mode-panel-toggle{height:32px;padding:0 .7rem;border-radius:999px}.mode-panel-grid{gap:.56rem}.mode-panel-card{padding:.7rem}.btn.primary{box-shadow:none!important}.composer{border-color:color-mix(in srgb,var(--ui-border) 82%,transparent);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 8px 20px #00000024;-webkit-backdrop-filter:none;backdrop-filter:none;padding:.48rem}.composer-row{align-items:center;gap:.4rem}.upload-trigger,.send-btn{min-width:84px}.empty-state{margin:.8rem auto;max-width:38rem;text-align:center;border:1px dashed color-mix(in srgb,var(--ui-border) 72%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);padding:.85rem}@media(max-width:980px){.chat-main,.chat-workspace{gap:.42rem}.mode-panel{max-height:min(48vh,420px)}.mode-panel-card-preview{max-height:44vh;overflow:auto}}.chat-workspace.layout-settings{width:min(100%,1480px);margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:.52rem}.chat-workspace.layout-settings .mode-panel{width:100%;max-width:min(1420px,100%);margin-inline:auto;max-height:none;min-height:clamp(520px,calc(100dvh - 220px),1500px);overflow:auto;padding:clamp(.75rem,1.2vw,1rem)}.chat-workspace.layout-settings .mode-panel-head{margin-bottom:.2rem}.chat-workspace.layout-settings .mode-panel-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.65rem}.chat-workspace.layout-settings .mode-panel-card{min-height:180px;padding:.78rem}.chat-workspace.mode-research.layout-settings .mode-panel-grid,.chat-workspace.mode-automation.layout-settings .mode-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-workspace.mode-picture.layout-settings .mode-panel-grid{grid-template-columns:minmax(0,1fr) minmax(340px,460px)}.chat-workspace.mode-picture.layout-settings .mode-panel-card-preview{grid-column:2;grid-row:1 / span 2;align-self:start;position:sticky;top:.42rem;max-height:calc(100dvh - 280px);overflow:auto}@media(max-width:1200px){.chat-workspace.layout-settings .mode-panel{min-height:clamp(460px,calc(100dvh - 210px),1200px)}.chat-workspace.mode-picture.layout-settings .mode-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-workspace.mode-picture.layout-settings .mode-panel-card-preview{position:static;grid-column:1 / -1;grid-row:auto;max-height:none}}@media(max-width:900px){.chat-workspace.layout-settings .mode-panel{min-height:calc(100dvh - 210px);padding:.7rem}.chat-workspace.layout-settings .mode-panel-grid,.chat-workspace.mode-research.layout-settings .mode-panel-grid,.chat-workspace.mode-automation.layout-settings .mode-panel-grid,.chat-workspace.mode-picture.layout-settings .mode-panel-grid{grid-template-columns:minmax(0,1fr)}}.message{position:relative}.message-copy-fab{position:absolute;top:.46rem;right:.46rem;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);background:color-mix(in srgb,var(--surface-soft) 94%,transparent);color:var(--muted);border-radius:999px;font-size:.68rem;line-height:1;padding:.2rem .5rem;cursor:pointer;opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease,color .12s ease,border-color .12s ease}.message.assistant:hover .message-copy-fab,.message-copy-fab:focus-visible,.message-copy-fab.copied{opacity:1;transform:translateY(0)}.message-copy-fab:hover,.message-copy-fab:focus-visible{color:var(--text);border-color:color-mix(in srgb,var(--accent) 36%,var(--border))}.message-copy-fab.copied{color:color-mix(in srgb,var(--accent) 82%,var(--text));border-color:color-mix(in srgb,var(--accent) 46%,var(--border))}@media(max-width:900px){.message-copy-fab{opacity:1;transform:translateY(0)}}.message.user .message-actions{position:absolute;top:.46rem;right:.46rem;margin:0;display:inline-flex;gap:.28rem;opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.message.user:hover .message-actions,.message.user:focus-within .message-actions{opacity:1;transform:translateY(0)}.message.user .message-actions .message-action-btn{border-radius:999px;font-size:.66rem;padding:.18rem .5rem}.message.user .message-time{padding-right:5rem}.image-preview-clickable{cursor:zoom-in}.image-preview-actions{gap:.28rem}.image-preview-actions .btn{min-width:0;height:32px;padding:0 .56rem}@media(max-width:900px){.message.user .message-actions{position:static;margin-top:.36rem;opacity:1;transform:none}.message.user .message-time{padding-right:0}}.message.pending{min-height:2.2rem}.message-thinking{display:inline-flex;align-items:center;gap:.34rem;min-height:1.2rem;color:var(--muted);font-size:.82rem;line-height:1.2}.message-thinking-label{color:inherit}.message-thinking-dots{display:inline-flex;align-items:center;gap:.18rem}.message-thinking-dots i{width:.3rem;height:.3rem;border-radius:999px;background:currentColor;opacity:.35;animation:thinking-dot-pulse 1.1s infinite ease-in-out}.message-thinking-dots i:nth-child(2){animation-delay:.16s}.message-thinking-dots i:nth-child(3){animation-delay:.32s}@keyframes thinking-dot-pulse{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:.9;transform:translateY(-1px)}}.message-content.streaming{position:relative}.message-content.streaming>:last-child{margin-bottom:0}.stream-cursor{display:inline-block;width:.6ch;height:1.05em;margin-left:.14rem;vertical-align:-.14em;background:color-mix(in srgb,var(--text) 92%,transparent);border-radius:1px;animation:stream-cursor-blink .95s steps(1,end) infinite}@keyframes stream-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.message-toolbar{margin-top:.28rem;display:inline-flex;align-items:center;gap:.24rem}.message-icon-btn{width:24px;height:24px;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:var(--muted);font-size:.72rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.message-icon-btn:hover,.message-icon-btn.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.message-icon-btn.danger{color:color-mix(in srgb,var(--danger) 86%,var(--muted))}.message-info-panel{margin-top:.36rem;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:.66rem;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);padding:.45rem .52rem;display:grid;gap:.42rem}.message-info-grid{display:grid;grid-template-columns:auto 1fr;gap:.2rem .45rem;font-size:.72rem}.message-info-grid span{color:var(--muted)}.message-info-grid strong{color:var(--text);font-weight:600}.message-info-tags{display:flex;flex-wrap:wrap;gap:.24rem}.message-info-tag{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--muted);border-radius:999px;padding:.12rem .42rem;font-size:.66rem}.message-info-connections{display:grid;gap:.18rem}.message-info-connections>span{font-size:.7rem;color:var(--muted)}.message-info-connections ul{margin:0;padding-left:1rem;display:grid;gap:.16rem}.message-info-connections a{color:color-mix(in srgb,var(--accent) 82%,var(--text));font-size:.72rem}.message.user .message-time{padding-right:0}.attachment-meta-actions .message-action-btn{width:24px;height:24px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem}.image-preview-content{gap:.38rem}.image-preview-content img{max-height:min(76vh,760px)}.image-preview-bar{display:grid;gap:.28rem}.image-preview-actions{justify-content:center}.image-preview-actions .btn.icon{width:32px;height:32px;min-width:32px;padding:0}.message-toolbar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.24rem}.message-icon-btn{flex:0 0 auto;width:auto;min-height:24px;padding:0 .46rem;gap:.22rem}.message-icon-btn span:last-child{font-size:.66rem;line-height:1}.message-time{padding-right:0!important}.attachment-card.image .attachment-meta{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;opacity:1!important;transform:none!important;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-left:0;border-right:0;border-bottom:0;border-radius:0;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;padding:.42rem .52rem}.attachment-card.image:hover .attachment-meta,.attachment-card.image:focus-within .attachment-meta{opacity:1;transform:none}.attachment-meta-actions{justify-content:flex-start}.attachment-meta-actions .message-action-btn{width:auto;height:auto;min-width:24px;min-height:24px;padding:0 .38rem;display:inline-flex;align-items:center;justify-content:center;gap:.2rem;font-size:.66rem}.image-preview-bar{display:grid!important;grid-template-columns:1fr;align-items:center;gap:.28rem}.image-preview-actions{justify-content:center!important}.image-preview-actions .btn.icon{width:auto;height:32px;min-width:32px;padding:0 .52rem;display:inline-flex;align-items:center;justify-content:center;gap:.24rem;font-size:.68rem}.attachment-video{width:100%;max-height:min(62vh,560px);background:#0000002a;display:block}.pending-chip-video{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);border-radius:.35rem;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}