@charset "UTF-8";
:root{--bg:#fff;--sidebar:#f7f8fa;--text:#22282d;--muted:#87908d;--line:#e8ebe9;--accent:#52735e;--accent-soft:#edf3ef;--danger:#b54535;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;transition:background .16s,opacity .16s}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{outline:none}input:focus,textarea:focus,select:focus{border-color:#7a9685!important}input,select{border:1px solid #dfe4e1;border-radius:9px;padding:10px 12px;background:#fff;color:var(--text);min-width:0}input::placeholder,textarea::placeholder{color:#a1a6a3}textarea{resize:none}.app{height:100dvh;display:flex;overflow:hidden}[hidden]{display:none!important}.sidebar{width:286px;min-width:286px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:23px 16px 0}.brand{display:flex;align-items:center;gap:10px;margin:0 6px 27px}.brand strong{font-size:20px;letter-spacing:-.65px}.brand strong span{font-weight:400;color:#68716c}.brand-mark{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;background:#557661;color:#fff;font-size:28px;font-weight:700;line-height:1;font-family:Georgia,serif;padding-bottom:4px}.edition{margin-left:auto;border:1px solid #dce3de;border-radius:4px;font-size:9px;letter-spacing:1.2px;color:#8a948e;padding:3px 5px}.new-chat{width:100%;background:#fff;border:1px solid #dde4de;border-radius:10px;padding:12px;display:flex;gap:8px;align-items:center;font-weight:600;box-shadow:0 2px 4px #233b2810}.new-chat:hover{background:var(--accent-soft)}.new-chat>span{font-size:20px;font-weight:400;line-height:16px}.new-chat kbd{margin-left:auto;color:#9ba29c;font:10px var(--font);font-weight:400}kbd{font:10px var(--font);color:#a1a7a3}.search{margin:18px 0 16px;display:flex;gap:7px;align-items:center;padding:0 10px;background:#eff1f2;border-radius:8px}.search>span{font-size:23px;color:#9aa39d}.search input{border:0;padding:10px 0;background:none;width:100%;font-size:12px}.filters{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:15px}.filters button{font-size:12px;color:#838c85;border-radius:6px;padding:7px 10px;white-space:nowrap}.filters button.selected{color:#344b3d;background:#e8ede9;font-weight:600}.filters i{font-style:normal;font-size:10px;margin-left:4px}.section-label{font-size:11px;color:#8b958d;display:flex;align-items:center;justify-content:space-between;padding:20px 6px 9px;letter-spacing:.6px}.section-label>div{display:flex}.icon{height:28px;min-width:28px;font-size:18px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#7f8982}.icon:hover{background:#e9ecea;color:#333}.project-tree{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d8ded9 transparent;padding-bottom:20px}.project-group{margin-bottom:13px}.project-heading{width:100%;display:flex;align-items:center;gap:7px;padding:7px 5px;border-radius:7px}.project-heading:hover{background:#edf0ed}.project-toggle{display:flex;align-items:center;gap:7px;min-width:0;flex:1;text-align:left;font-size:12px;padding:0}.project-toggle .chevron{font-size:11px;color:#969e98}.folder-icon{color:#7c9685;font-size:16px}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.project-count{font-size:10px;color:#9ba49d}.project-heading .icon{font-size:15px;min-width:22px;height:22px;opacity:0}.project-heading:hover .icon,.project-heading:focus-within .icon{opacity:1}.session-list{margin-left:9px;padding-left:10px;border-left:1px solid #dfe5e0}.session-row{display:flex;align-items:center;margin:3px 0;border-radius:7px}.session-row.selected{background:#e7eee8}.session-row:hover{background:#edf0ee}.session-open{display:flex;align-items:center;text-align:left;gap:8px;padding:10px 9px;width:100%;min-width:0;font-size:12px}.session-open .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.session-open .session-dot{width:6px;height:6px;border:1px solid #9aa49c;border-radius:50%;flex:none}.session-dot.live{background:#6c997e;border-color:#6c997e}.session-dot.pending{background:#d39545;border-color:#d39545}.session-time{font-size:10px;color:#9aa39c;white-space:nowrap}.tree-empty{padding:12px 20px;color:#a0a79f;font-size:12px;line-height:1.8}.sidebar-bottom{border-top:1px solid var(--line);padding:15px 4px}.machine{display:flex;gap:10px;align-items:center}.machine>div{flex:1}.machine strong{display:block;font-size:12px;font-weight:500}.machine small{display:block;font-size:10px;color:#939e96;margin-top:4px}.status-dot{width:7px;height:7px;background:#b8c0b9;border-radius:50%;flex:none}.status-dot.connected{background:#719e7c;box-shadow:0 0 0 3px #719e7c12}.status-dot.error{background:#cb8f53}.sidebar-caption{font-size:10px;color:#a6ada8;margin-top:19px;display:flex;justify-content:space-between}.main{min-width:0;flex:1;display:flex;flex-direction:column;position:relative;background:#fff}.topbar{min-height:68px;display:flex;align-items:center;border-bottom:1px solid #f0f2ef;gap:14px;padding:0 28px}.topbar>.icon:first-child{font-size:15px}.breadcrumb{display:flex;align-items:center;gap:12px;flex:1;min-width:0;font-size:12px}.breadcrumb span:first-child{color:#8b948e;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb .slash{color:#ccd2cd}.breadcrumb strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:10px;background:#f3f6f3;border:1px solid #e4ebe5;color:#7a8d7f;border-radius:5px;padding:4px 7px;white-space:nowrap}.badge.busy{background:#f9f1df;color:#9a7b3f;border-color:#f0e4c5}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 30px 44px;overflow:auto}.welcome-logo{width:53px;height:53px;background:#f0f4ef;color:#52755d;border:1px solid #e7ede5;border-radius:16px;font-family:Georgia,serif;font-size:43px;font-weight:bold;text-align:center;position:relative;margin-bottom:26px;line-height:50px}.welcome-logo>span{position:absolute;font-family:var(--font);font-size:19px;right:-8px;top:-11px}.eyebrow{font-size:9px;letter-spacing:2.6px;color:#a1ada3}.welcome h1{font-size:29px;font-weight:500;letter-spacing:1px;margin:16px 0 12px}.welcome>p{font-size:12px;color:#929a94;margin:0 0 30px;line-height:1.8}.project-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:540px;width:100%}.project-card{text-align:left;border:1px solid #e5eae5;padding:17px;border-radius:12px;background:#fff}.project-card:hover{border-color:#adbfaf;background:#f8faf8}.project-card .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#6d8875}.project-card strong{display:block;font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card small{display:block;color:#a3aaa4;font-size:10px;margin-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-button{color:#7e9585;font-size:12px;margin-top:22px;padding:7px}.conversation{flex:1;overflow-y:auto;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#dce3dd transparent}.conversation-inner{max-width:850px;margin:0 auto;padding:25px 30px 18px}.message{margin:0 0 28px;overflow-wrap:anywhere;line-height:1.8;font-size:14px}.message.user{margin-left:auto;background:#f1f4f0;border:1px solid #e8ede5;border-radius:16px 16px 4px 16px;width:fit-content;max-width:85%;padding:12px 17px;white-space:pre-wrap}.message.agent{padding:0 2px}.message-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#87958a;margin-bottom:10px}.message-label .mini-mark{font-size:14px;background:#edf3ed;border-radius:5px;padding:0 5px;color:#577961;font-family:Georgia,serif;font-weight:bold}.message .content p{margin:8px 0}.message .content h2,.message .content h3{font-size:17px;font-weight:600;margin:18px 0 6px}.message code{font-family:Consolas,monospace;font-size:12px;background:#eff2ee;padding:2px 5px;border-radius:4px}.message pre{white-space:pre-wrap;overflow:auto;background:#f6f8f6;border:1px solid #e6ebe5;border-radius:10px;padding:16px;line-height:1.65}.message pre code{background:none;padding:0;font-size:12px}.message a{color:#50795c}.message ul{padding-left:22px}.message blockquote{border-left:3px solid #b8cbbb;padding-left:15px;margin-left:0;color:#7c8d80}.tool-card{border:1px solid #e5eae5;border-radius:9px;margin:8px 0 16px;background:#fbfcfa;font-size:12px;color:#718078}.tool-card summary{padding:10px 14px;cursor:pointer;font-size:11px}.tool-card pre{margin:0;padding:12px;border-top:1px solid #e5eae5;font-size:11px;background:none;border-radius:0}.tool-card .tool-output{padding:12px;white-space:pre-wrap;max-height:280px;overflow:auto}.message-error{background:#fff3ef;border:1px solid #edd2c6;color:#a45037;border-radius:8px;padding:12px}.queue-state{font-size:10px;color:#9da48c;padding-top:6px;display:flex;gap:8px;align-items:center}.queue-state button{color:#8b7353;font-size:11px;text-decoration:underline}.thinking{display:flex;align-items:center;gap:9px;color:#7f8d82;font-size:12px;padding:10px 0 17px}.pulse{height:7px;width:7px;background:#74957c;border-radius:50%;animation:pulse 1.5s infinite}.thinking-dots{font-size:23px;line-height:12px;letter-spacing:3px}.composer-wrap{width:100%;max-width:850px;margin:0 auto;padding:12px 30px 20px}.composer{border:1px solid #dfe6df;border-radius:17px;background:#fff;box-shadow:0 5px 22px #263b2506;padding:11px 15px 10px;transition:box-shadow .2s}.composer:focus-within{border-color:#adbfaf;box-shadow:0 0 0 3px #839b850c}.composer-context{display:flex;gap:6px;align-items:center;color:#9aaa9c;font-size:10px;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composer-context>span:first-child{font-size:16px}.composer textarea{display:block;width:100%;border:0;padding:6px 0;line-height:1.7;color:#39463d;font-size:13px;max-height:180px;min-height:56px}.composer-tools{display:flex;align-items:center;gap:8px;margin-top:8px}.composer-selects{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.model-chip{font-size:11px;color:#697e6e;white-space:nowrap}.composer select{border:0;background:#f5f7f3;font-size:10px;color:#7e8a7f;padding:5px 6px;border-radius:5px;max-width:130px}.composer-selects>span:last-child{font-size:10px;color:#9ca79d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-button{background:#56775f;color:#fff;width:32px;height:32px;font-size:23px;border-radius:10px;flex:none;line-height:1}.send-button:hover{background:#42644c}.send-button:disabled{background:#b8c4b8;opacity:.7}.stop-button{font-size:11px;color:#947659;background:#f6f0e8;border-radius:6px;padding:7px 10px}.composer-hint{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#a2aaa3;margin:10px 3px 0}.load-older{display:block;margin:0 auto 26px;color:#86998a;border:1px solid #e8ede6;border-radius:20px;padding:6px 15px;font-size:11px}.banner{margin:12px 28px 0;padding:10px 14px;font-size:12px;line-height:1.6;color:#976b3a;background:#faf4e9;border:1px solid #f0e4ce;border-radius:8px}.approvals{max-height:38vh;overflow:auto;width:100%;max-width:850px;align-self:center;padding:0 30px}.approval-card{border:1px solid #e5cf99;background:#fffdf6;border-radius:12px;padding:15px 17px;margin:6px 0}.approval-card h3{font-size:13px;font-weight:600;margin:0 0 8px;color:#997537}.approval-card pre{font-size:11px;background:#f5f1e6;padding:10px;border-radius:6px;max-height:130px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.approval-card p{font-size:12px;color:#968362;line-height:1.6}.approval-actions{display:flex;gap:8px;justify-content:flex-end}.approval-actions button{font-size:11px;padding:7px 12px;border-radius:6px;background:#ede6d7;color:#8d764a}.approval-actions .approve{background:#6b8162;color:#fff}.approval-card label{font-size:12px;display:block;margin:10px 0}.approval-card input,.approval-card select{display:block;width:100%;margin-top:6px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#2c3d32;color:#fff;border-radius:9px;padding:12px 20px;box-shadow:0 8px 30px #0002;z-index:100;font-size:12px;max-width:85vw;line-height:1.7}.toast.error{background:#8e4c3c}dialog{border:1px solid #e4e9e3;border-radius:18px;max-width:540px;width:calc(100vw - 32px);padding:26px;box-shadow:0 25px 100px #1d312e25;color:var(--text)}dialog::backdrop{background:#1b2e2440;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.dialog-heading h2{font-size:18px;font-weight:500;margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}dialog label,.login label{display:block;font-size:12px;font-weight:500;color:#6e8072;margin:16px 0}dialog label>input,dialog label>select,.login input{width:100%;display:block;margin-top:8px;font-size:13px}dialog p,dialog .help{font-size:12px;color:#919a91;line-height:1.8}dialog .help{margin:7px 0}dialog .field-row{display:flex;gap:8px;align-items:end}dialog .field-row label{flex:1;min-width:0}dialog .field-row>button{margin-bottom:16px;height:39px}.primary,.secondary,.danger{border-radius:8px;padding:10px 17px;font-size:12px}.primary{background:var(--accent);color:#fff}.primary:hover{background:#42654f}.secondary{border:1px solid #dce3db;background:#fff;color:#788b7b}.danger{background:#ae5c48;color:#fff}.form-error{color:#b76346;font-size:12px;line-height:1.8;margin-top:15px;white-space:pre-wrap}.directory-list{border:1px solid var(--line);border-radius:8px;max-height:200px;overflow:auto}.directory-list button{display:block;width:100%;text-align:left;padding:10px 13px;font-size:12px;border-bottom:1px solid #f1f3ef}.directory-list button:hover{background:#f3f6f1}.menu-list{display:flex;flex-direction:column;gap:5px}.menu-list button{text-align:left;padding:11px;border-radius:8px;font-size:13px}.menu-list button:hover{background:#f0f4ee}.menu-list .danger-text{color:#af674e}.login{height:100dvh;display:grid;place-items:center;background:#f6f8f5}.login-card{width:min(90vw,390px);padding:30px;border:1px solid #e4ebe2;border-radius:20px;background:#fff}.login-card h1{font-size:21px;font-weight:500;margin:25px 0 12px}.login-card p{color:#97a08f;font-size:12px}.login-card .primary{width:100%;margin-top:10px}.login-card #login-error{color:#b56c51}.skeleton{height:35px;margin:12px 6px;border-radius:8px;background:linear-gradient(90deg,#ecefea,#f4f6f2,#ecefea);background-size:200% 100%;animation:shimmer 1.5s infinite}.mobile-only,.sidebar-shade{display:none}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}
@media(min-width:801px){.app.sidebar-hidden .sidebar{display:none}}@media(max-width:800px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 35px #233a2110}.app.sidebar-open .sidebar{transform:translateX(0)}.app.sidebar-open .sidebar-shade{display:block;position:fixed;inset:0;background:#233a2140;z-index:30}.mobile-only{display:inline-flex;margin-left:auto}.brand .edition{display:none}.topbar{min-height:58px;padding:0 14px;gap:8px}.breadcrumb{gap:7px;font-size:11px}.breadcrumb span:first-child{max-width:90px}.topbar .badge{font-size:9px}.welcome{padding:25px 22px}.welcome h1{font-size:24px}.welcome-logo{margin-bottom:20px}.welcome>p{text-align:center;margin-bottom:23px}.project-cards{max-width:480px}.project-card{padding:13px}.composer-wrap{padding:10px 15px 14px}.composer{padding:10px 12px}.composer-hint{font-size:8px}.composer-hint>span:last-child{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-inner{padding:23px 18px}.message{font-size:13px}.message.user{max-width:92%}.approvals{padding:0 15px;max-height:42vh}.approval-actions{flex-wrap:wrap}.project-heading .icon{opacity:1}.banner{margin:10px 15px 0}.composer-selects{gap:6px}.composer-selects>span:last-child{display:none}dialog{padding:22px}.welcome .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* HAPI-style workspace: neutral surfaces, wider conversation, visible controls. */
:root{--sidebar:#fafafa;--text:#20232a;--muted:#858995;--line:#e7e8ed;--accent:#3979f1;--accent-soft:#eff4ff}
.sidebar{width:324px;min-width:324px;padding-top:20px}.brand{margin-bottom:22px}.brand-mark{background:#5865d8}.sidebar-caption{margin-top:14px}.account-action{width:100%;text-align:left;padding:8px 4px 14px;font-size:13px;color:#536174}.project-toggle,.session-open{font-size:14px}.project-name{font-weight:500}.session-time{font-size:11px}.project-heading .icon{opacity:1}.session-row.selected{background:#eeeff3}.project-heading:hover,.session-row:hover{background:#f0f1f4}.folder-icon{color:#7b8092}.session-list{border-left:0;padding-left:8px}.filters button.selected{background:#eceef3;color:#354665}.search input{font-size:13px}.section-label{font-size:12px}.machine strong{font-size:13px}.machine small{font-size:11px}.topbar{min-height:64px}.breadcrumb{font-size:14px}.breadcrumb strong{font-weight:600}.badge{font-size:11px}.conversation-inner,.composer-wrap,.approvals{max-width:1200px}.conversation-inner{padding-top:28px}.message{font-size:15px;margin-bottom:22px}.message.user{background:#f2f3f6;border:0;max-width:85%;border-radius:17px;padding:14px 18px}.message-label{font-size:12px}.message .content{line-height:1.85}.tool-card{background:#fafbfc;border-color:#e1e4eb}.tool-card summary{font-size:12px}.composer{background:#f3f4f7;border-color:#edf0f4;box-shadow:none;border-radius:22px;padding:12px 16px}.composer textarea{background:transparent;font-size:15px;color:#303544}.composer:focus-within{border-color:#c6d6f6;box-shadow:none}.composer-context{font-size:11px;color:#818a9b}.composer-tools{gap:7px}.composer select{background:transparent;font-size:12px;color:#69758a;max-width:120px}.composer-selects{gap:5px}.model-button{font-size:12px;color:#66748e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px;border-radius:7px;max-width:310px}.model-button:hover{background:#e5e9f2}.send-button{border-radius:13px;background:#3979f1;width:38px;height:38px}.send-button:disabled{background:#c4c8d1}.composer-hint{font-size:10px}.composer.dragging{outline:2px dashed #3979f1;background:#eef4ff}.attachment-queue{display:flex;gap:7px;flex-wrap:wrap}.attachment-chip{font-size:12px;padding:7px 9px;background:white;border:1px solid #e1e5ee;border-radius:9px;display:flex;gap:5px;align-items:center}.attachment-chip small{color:#9299a6}.attachment-chip button{font-size:18px}.attachment-card{white-space:normal;background:#fff;border:1px solid #e7e9ef;padding:10px 12px;border-radius:12px;margin-top:10px;max-width:100%}.attachment-card a{display:flex;gap:12px;text-decoration:none;color:#445475}.attachment-card small{color:#8992a2}.image-card{margin:12px 0;background:#f1f2f5;border:1px solid #e0e3eb;border-radius:14px;overflow:hidden;white-space:normal}.image-card>button{display:block;width:100%;padding:10px}.image-card img{max-height:540px;max-width:100%;object-fit:contain;display:block;margin:auto;border-radius:9px;min-height:80px}.image-card figcaption{font-size:12px;padding:8px 12px;color:#8a94a6}.message.user .image-card img{max-height:220px}.lightbox{width:100%;max-height:70vh;object-fit:contain}.wide-dialog{max-width:820px}.files-path{overflow-wrap:anywhere;font-size:13px;color:#6e7d94;margin-bottom:16px}.file-list{max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:10px}.file-list button{display:flex;justify-content:space-between;gap:15px;width:100%;text-align:left;padding:13px 15px;border-bottom:1px solid #eef0f5}.file-list button:hover{background:#f4f6fa}.file-list span{overflow-wrap:anywhere}.file-list small{color:#9199a6;white-space:nowrap}.file-preview{white-space:pre-wrap;overflow:auto;max-height:55vh;background:#f6f7f9;border-radius:9px;padding:16px;font:13px/1.7 Consolas,monospace;overflow-wrap:anywhere}.file-image{display:block;margin:16px auto;max-height:52vh;max-width:100%;object-fit:contain}.file-download{float:right;color:#3979f1;font-size:13px;margin:12px 0}.effort-stops{display:flex;justify-content:space-between;font-size:12px;color:#8a94a5;margin-top:-7px}input[type=range]{padding:5px 0;accent-color:#3979f1}#effort-label{float:right;color:#3979f1}.user-list{margin-top:18px;max-height:55vh;overflow:auto}.user-entry{border-top:1px solid var(--line);padding:17px 0}.user-entry strong{font-size:14px}.user-entry small{font-size:12px;color:#8993a3;margin-left:8px}.user-entry p{margin:8px 0}.user-entry code{display:block;font-size:11px;color:#99a0ad;overflow-wrap:anywhere}.user-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.user-actions button{font-size:12px;color:#5c6c85;background:#f1f3f7;border-radius:7px;padding:7px 10px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}dialog .checkbox-label{display:flex;gap:10px;align-items:center}dialog .checkbox-label input{width:auto;margin:0}.primary:hover{background:#2563cf}.form-error{color:#ba4949}.login{background:#f5f6fa}.login-card p{font-size:13px}.welcome-logo{background:#f2f4fc;color:#6677b6}.text-button,.message a{color:#5b77aa}
@media(max-width:800px){.sidebar{width:304px;min-width:304px}.conversation-inner{padding:20px 17px}.composer-wrap{padding:8px 12px 14px}.composer-tools .icon{min-width:26px;font-size:19px}.composer-selects{gap:0}.composer select{max-width:87px;font-size:11px;padding:5px 0}.model-button{font-size:11px;max-width:140px}.message{font-size:14px}.composer textarea{font-size:14px}.topbar .breadcrumb span:first-child{display:none}.topbar .slash{display:none}.two-columns{grid-template-columns:1fr;gap:0}.image-card img{max-height:350px}.user-actions{gap:6px}.message.user{max-width:94%}.file-download{float:none;display:block}.account-action{padding-bottom:12px}}
/* Upload cards and project files panel. */
.attachment-queue{max-height:240px;overflow:auto;padding:2px 0 5px}.upload-card{display:flex;align-items:center;gap:10px;position:relative;min-width:240px;max-width:340px;padding:9px 30px 9px 9px;border:1px solid #dce3ee;border-radius:12px;background:#fff;overflow:hidden}.upload-card>img{width:66px;height:66px;object-fit:cover;border-radius:8px;background:#f1f3f6}.upload-file-icon{width:48px;height:55px;display:grid;place-items:center;font-size:32px;color:#7990b4;background:#f0f4fa;border-radius:8px}.upload-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.upload-info strong{font-size:12px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.upload-info small{font-size:11px;color:#8291a6}.upload-info progress{width:100%;height:6px;accent-color:#3979f1}.upload-remove{position:absolute;right:5px;top:5px;font-size:19px;color:#91a0b3;border-radius:4px}.upload-card.error{border-color:#e6b5ae;background:#fff9f8}.upload-error{font-size:10px;color:#b45d4d;max-width:220px;overflow-wrap:anywhere}.upload-info>button{align-self:flex-start;color:#3979f1;font-size:11px;padding:0}.upload-card.processing progress{opacity:.65}.upload-card.ready small{color:#4a9572}.session-open{flex:1;width:0}.session-row-menu{flex:none;font-size:17px;min-width:27px;opacity:0}.session-row:hover .session-row-menu,.session-row:focus-within .session-row-menu{opacity:1}.file-panel{position:absolute;z-index:15;top:64px;right:0;bottom:0;width:360px;border-left:1px solid #e1e5ed;background:#fff;box-shadow:-5px 0 18px #26395406;display:flex;flex-direction:column;padding:18px 15px}.file-panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px}.file-panel-tools{display:flex;gap:7px;margin:15px 0 12px}.file-panel-tools .secondary{font-size:11px;padding:6px 10px}.file-panel-tools>.icon{margin-left:auto}.file-panel .files-path{font-size:11px;max-height:50px;overflow:auto;flex:none;margin:0 0 10px}.file-panel #files-status{font-size:11px;color:#909db0;padding:0 0 9px;overflow-wrap:anywhere}.panel-file-list{overflow:auto;flex:1;scrollbar-width:thin}.panel-file{display:flex;align-items:center;text-align:left;gap:9px;width:100%;padding:11px 7px;border-bottom:1px solid #f0f2f7;color:#526783;font-size:12px;border-radius:6px;text-decoration:none}.panel-file:hover{background:#f3f6fa}.panel-file>span{font-size:19px;color:#899db8}.panel-file strong{flex:1;font-size:12px;overflow-wrap:anywhere;font-weight:400}.panel-file small{font-size:10px;color:#9ca8b7;white-space:nowrap}.main.files-open{padding-right:360px}.main.files-open .topbar{margin-right:-360px}#files-more{margin-top:10px;width:100%}#header-files[aria-expanded=true]{background:#eaf1ff;color:#3979f1}
@media(max-width:1100px){.file-panel{width:320px}.main.files-open{padding-right:320px}.main.files-open .topbar{margin-right:-320px}}@media(max-width:800px){.file-panel{width:min(100%,420px);top:58px;box-shadow:-20px 0 40px #26395415}.main.files-open{padding-right:0}.main.files-open .topbar{margin-right:0}.upload-card{min-width:220px;max-width:100%;width:100%}.session-row-menu{opacity:1}.attachment-queue{max-height:180px}}
.upload-info>a{font-size:12px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3979f1;text-decoration:none}.upload-info>a:hover{text-decoration:underline}