@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif}[data-theme=light]{--bg: radial-gradient(circle at 0% 0%, #eef2ff, #f8fafc 40%, #ffffff 100%);--panel: #ffffffcc;--panel-solid: #ffffff;--border: #e5e7eb;--text: #0b1224;--muted: #a1a5ac;--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #a5b4fc;--primary-dark: #4338ca;--primary-soft: #e4e7ff;--accent: #8b5cf6;--accent-soft: #ede9fe;--shadow: 0 20px 50px -24px rgba(15, 23, 42, .25);--tooltip-bg: linear-gradient(135deg, rgba(18, 20, 26, .96), rgba(28, 30, 38, .92));--tooltip-text: #f8fafc;--tooltip-border: rgba(255, 255, 255, .08);--tooltip-shadow: 0 22px 50px -24px rgba(15, 23, 42, .55);--tooltip-accent: #8b5cf6;--menu-bg: #ffffff}[data-theme=dark]{--bg: radial-gradient(circle at 10% 20%, #05060f, #050814 45%, #03040a 100%);--panel: rgba(13, 17, 30, .94);--panel-solid: #0d1120;--border: #1e2a42;--text: #edf0f7;--muted: #525761;--primary: #8b5cf6;--primary-hover: #9d71f8;--primary-light: #b4a0fb;--primary-dark: #6d3ef0;--primary-soft: #1c2040;--accent: #a78bfa;--accent-soft: #1e1f3c;--shadow: 0 25px 60px -30px rgba(0, 0, 0, .75);--tooltip-bg: linear-gradient(135deg, rgba(18, 24, 44, .97), rgba(13, 18, 36, .95));--tooltip-text: #f1f5ff;--tooltip-border: rgba(255, 255, 255, .16);--tooltip-shadow: 0 24px 52px -26px rgba(0, 0, 0, .9);--tooltip-accent: #b4a0fb;--menu-bg: #0d1120}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);height:100%}html{height:100%}button,input,textarea{font:inherit;margin-left:2px}.field-disabled input,.field-disabled textarea,input:disabled,textarea:disabled{background:var(--panel-solid);color:var(--muted);border-color:var(--border)}.app-bg{min-height:100vh;padding:16px;height:100%}.app-shell{display:flex;height:calc(100vh - 32px);flex-direction:column;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.app-shell,.collapse-card,.sidebar,.chat-view,.session-form,.model-pill,.template-card,.login-panel,.code-block,.banner,.session-item,.composer,.composer-inline,.composer-send,.primary,.sidebar-header-button{box-shadow:none}.content-row{display:grid;grid-template-columns:280px 1fr;gap:16px;min-height:0;flex:1;padding:0 16px 16px;align-items:stretch}.app-header{padding:16px 20px 0;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:16px;flex:1}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--muted);margin:0 0 4px}.app-header h1{margin:0;font-size:22px}.app-header-brand{display:flex;align-items:flex-start;gap:16px}.app-header-tabs{display:flex;gap:8px;margin-top:4px}.app-section-tab{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;transition:border-color .16s ease,background .16s ease,color .16s ease}.app-section-tab:hover{border-color:#4f46e5b3}.app-section-tab.is-active{background:var(--primary);color:var(--panel);border-color:transparent;box-shadow:0 10px 20px #6366f140}.header-actions{display:flex;gap:10px;align-items:center;position:relative}.theme-control{position:relative}.theme-button{padding:6px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.5);background:transparent;color:var(--text);font-size:18px;transition:border-color .15s ease,box-shadow .15s ease}.theme-button:hover{border-color:#4f46e5b3;box-shadow:0 6px 20px #6366f12e}.theme-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--menu-bg);border:1px solid var(--border);border-radius:12px;padding:6px 6px 4px;display:flex;flex-direction:row;gap:6px;box-shadow:0 16px 40px #0f172a33;z-index:20}.theme-option{width:40px;height:40px;border:none;background:var(--panel);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.theme-option.active,.theme-option:hover{border:1px solid rgba(79,70,229,.7);box-shadow:0 8px 18px #6366f140;transform:translateY(-1px)}.theme-option-icon{font-size:18px}.user-chip{display:flex;gap:10px;align-items:center;background:var(--panel);padding:6px 10px;border-radius:12px;border:1px solid var(--border);position:relative;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.user-chip.open{box-shadow:0 12px 30px #0f172a4d}.user-chip:hover{border-color:var(--primary);box-shadow:0 12px 30px #6366f140}.user-chip .avatar{background:var(--primary);color:#fff;border-radius:999px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.user-chip .user-name{font-weight:600}.user-chip .user-org{font-size:12px;color:var(--muted)}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--menu-bg);border:1px solid var(--border);border-radius:12px;padding:6px;min-width:150px;box-shadow:0 20px 40px #0f172a33;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:90}.user-menu button{width:100%;justify-content:flex-start}.user-menu.visible{opacity:1;transform:translateY(0);pointer-events:auto}.user-menu-section{padding:6px 0;border-bottom:1px solid var(--border)}.user-menu-section:last-child{border-bottom:none;padding-bottom:0}.user-menu-section-title{padding:4px 12px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.theme-options-row{display:flex;gap:6px;padding:8px 4px 4px;justify-content:center}.user-menu-item{width:100%;justify-content:flex-start;padding:10px 12px}.user-menu-divider{height:1px;background:var(--border);margin:6px 0}.avatar{background:var(--primary);color:#fff;border-radius:999px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.user-name{font-weight:600}.user-org{font-size:12px;color:var(--muted)}.banner{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--primary-soft);border-bottom:1px solid rgba(99,102,241,.35);color:var(--text)}.banner button{border:none;color:inherit;background:transparent;padding:.2rem .4rem;cursor:pointer}.collapse-card{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-solid) 100%);transition:border-color .15s ease,box-shadow .15s ease;width:100%;box-sizing:border-box}.collapse-card:hover{border-color:var(--primary);box-shadow:0 10px 30px #6366f126}.collapse-card:hover{border-color:var(--primary);box-shadow:0 16px 40px #6366f129}.collapse-trigger{width:100%;padding:14px 16px;background:transparent;border:none;color:inherit;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.collapse-trigger .eyebrow{margin-bottom:2px}.chevron{font-size:18px;transition:transform .18s ease}.chevron.open{transform:rotate(180deg)}.parameters-panel{padding:12px 16px 16px;border-top:1px solid var(--border);background:linear-gradient(180deg,var(--panel-solid) 0%,rgba(0,0,0,0) 100%);overflow:auto;max-width:100%}.tiny{font-size:12px}.small{font-size:13px}.sidebar{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.sidebar-header{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:4px 6px}.sidebar-header-button{border:1px solid rgba(148,163,184,.4);background:transparent;color:var(--text);padding:8px 14px;border-radius:12px;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;gap:8px;transition:border .12s ease,background .12s ease,transform .12s ease;box-shadow:none;width:100%}.sidebar-header-button:hover{border-color:#4f46e5b3;transform:translateY(-1px)}.sidebar-header-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#6366f11a}.sidebar-divider{height:1px;background:#94a3b859;margin:12px 0 6px;width:100%;border-radius:2px}.sidebar-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.session-item{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--panel);cursor:pointer;transition:border .12s ease,box-shadow .12s ease;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px}.session-item>div{display:flex;flex-direction:column;gap:4px}.session-item:hover,.session-item:focus-visible{background:#6366f114;border-color:var(--primary);box-shadow:0 10px 30px -20px #6366f199}.session-item.active{border-color:var(--primary);background:var(--primary-soft)}.session-item .title{font-weight:600}.session-item .subtitle{font-size:13px;color:var(--muted)}.sidebar-list .session-item{position:relative}.session-menu{position:relative;display:flex;align-items:center}.menu-trigger{padding:6px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease}.menu-trigger:hover{border-color:#4f46e5b3;color:var(--text)}.menu-trigger:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f14d}.session-dropdown{position:absolute;top:46px;right:0;background:var(--menu-bg);border:1px solid var(--border);border-radius:12px;padding:6px 0;min-width:180px;box-shadow:0 16px 40px #0f172a2e;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5}.session-dropdown.visible{opacity:1;transform:translateY(0);pointer-events:auto}.menu-item{width:100%;text-align:left;background:transparent;border:none;padding:10px 16px;font-weight:500;color:var(--text);cursor:pointer}.menu-item:hover{background:#6366f126;color:var(--text)}.menu-danger{color:#b91c1c}[data-theme=light] .session-item{background:#fff}.main-area{display:flex;min-height:0;overflow:hidden}.chat-view{background:var(--panel);border-radius:16px;border:1px solid var(--border);flex:1;display:flex;flex-direction:column;padding:16px;min-height:0;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.chat-header-main{display:flex;flex-direction:column;gap:4px}.session-info-panel{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--panel-solid);box-shadow:none}.info-item{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:10px;background:#94a3b814;color:var(--text);font-size:13px}.info-icon{width:18px;display:inline-flex;align-items:center;justify-content:center;opacity:.8}.info-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#94a3b81f;border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px}.chat-history{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:10px 4px 6px;background:transparent;border:none}.bubble.pending{opacity:.9}.typing-indicator{display:inline-flex;align-items:center;gap:6px}.typing-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:bounce 1s infinite ease-in-out}.typing-indicator .dot:nth-child(2){animation-delay:.15s}.typing-indicator .dot:nth-child(3){animation-delay:.3s}.typing-indicator .muted-text{color:var(--muted);font-size:13px}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}.bubble{border-radius:16px;padding:14px 16px;border:1px solid var(--border);background:var(--panel-solid);color:var(--text);max-width:78%;display:flex;flex-direction:column;gap:10px;box-shadow:none;transition:border-color .16s ease,transform .16s ease,box-shadow .2s ease}.bubble:hover{border-color:#6366f173;box-shadow:0 12px 26px -18px #0f172a40}[data-theme=light] .bubble.user,[data-theme=dark] .bubble.user{align-self:flex-end;background:var(--primary-soft);border-color:#6366f159;color:var(--text);max-width:78%}[data-theme=light] .bubble.assistant,[data-theme=dark] .bubble.assistant{align-self:flex-start;background:var(--panel);border-color:var(--border)}.bubble .label{font-size:12px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block;letter-spacing:.05em}.bubble-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.bubble-header .label{margin-bottom:0}.bubble-footer{display:flex;justify-content:flex-end;width:100%;margin-top:6px;gap:8px}.bubble-footer .icon-button{opacity:0;transform:translateY(-2px);transition:opacity .14s ease,transform .14s ease}.bubble:hover .bubble-footer .icon-button,.bubble:focus-within .bubble-footer .icon-button{opacity:1;transform:translateY(0)}.timestamp{font-size:11px;color:var(--muted)}.content-text{margin:0;line-height:1.55}.message-attachments{width:100%}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.attachment-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:#94a3b80f;text-decoration:none;color:inherit;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;cursor:pointer;min-width:0}.attachment-card:hover{border-color:#6366f173;background:#6366f10f;box-shadow:0 4px 12px -6px #0f172a26}.attachment-card-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#94a3b81a}.attachment-card-icon img{width:100%;height:100%;object-fit:cover;border-radius:8px}.attachment-card-icon .file-icon{font-size:20px;line-height:1}.attachment-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-card-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-card-meta{font-size:12px;color:var(--muted)}.content-markdown{line-height:1.6;font-size:15px}.content-markdown p{margin:0 0 .35rem}.content-markdown code{font-family:Space Grotesk,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#0f172a14;border-radius:6px;padding:0 6px}.content-markdown .code-keyword{color:#f97316;font-weight:600}.content-markdown pre{margin:.5rem 0;padding:12px 14px;background:#0f172a14;border-radius:10px;overflow-x:auto}.content-markdown code{display:inline-block}.content-markdown pre code{display:block;font-size:.95rem;line-height:1.4}.content-markdown .hljs{display:block;background:transparent!important;color:var(--text);word-break:break-word}.content-markdown .hljs-comment,.content-markdown .hljs-quote{color:#94a3b8;font-style:italic}.content-markdown .hljs-keyword,.content-markdown .hljs-selector-tag,.content-markdown .hljs-subst{color:#f472b6}.content-markdown .hljs-string,.content-markdown .hljs-title,.content-markdown .hljs-name,.content-markdown .hljs-type,.content-markdown .hljs-selector-id,.content-markdown .hljs-selector-class,.content-markdown .hljs-literal,.content-markdown .hljs-number{color:#f97316}.content-markdown .hljs-built_in,.content-markdown .hljs-builtin-name,.content-markdown .hljs-meta-string,.content-markdown .hljs-symbol,.content-markdown .hljs-bullet,.content-markdown .hljs-regexp,.content-markdown .hljs-link{color:#2dd4bf}.content-markdown .hljs-function .hljs-title{color:#38bdf8}.content-markdown .hljs-section,.content-markdown .hljs-tag{color:#c084fc}.content-markdown .hljs-emphasis{font-style:italic}.content-markdown .hljs-strong{font-weight:600}.message-alert{display:inline-flex;align-items:flex-start;gap:10px;background:#dc262614;border:1px solid rgba(220,38,38,.3);border-radius:12px;padding:10px;font-size:14px;color:#b91c1c;line-height:1.4}.message-alert strong{display:block;margin-bottom:2px;font-weight:600;color:#991b1b}.message-alert p{margin:0}.content-markdown table{width:100%;border-collapse:collapse;margin:.85rem 0;font-size:14px}.content-markdown th,.content-markdown td{border:1px solid rgba(15,23,42,.12);padding:10px 12px;text-align:left;vertical-align:middle}.content-markdown th{background:#0f172a14;font-weight:600}.content-markdown ul,.content-markdown ol{margin:.35rem 0;padding-left:1.25rem}.content-markdown ul ul,.content-markdown ul ol,.content-markdown ol ul,.content-markdown ol ol{padding-left:1.75rem;margin-top:.25rem}.code-block{position:relative;border-radius:14px;padding:18px 14px 14px;border:1px solid rgba(255,255,255,.06);margin:1rem 0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.04),transparent 35%),linear-gradient(180deg,#0f172a,#0b1220 60%,#0b1220);color:#f8fafc;box-shadow:inset 0 1px #ffffff0a,0 16px 34px -26px #000000e6;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}[data-theme=dark] .code-block{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.04),transparent 35%),linear-gradient(180deg,#0b1220,#050a16 60%,#050a16);border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff0d,0 18px 36px -26px #000000d9}.code-block:before{content:"";position:absolute;top:10px;left:12px;width:10px;height:10px;border-radius:50%;background:#ff5f56;box-shadow:16px 0 #ffbd2e,32px 0 #27c93f;opacity:.9}[data-theme=light] .code-block pre,[data-theme=light] .code-block code{color:#f8fafc}.code-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px;border-bottom:1px solid var(--border);padding-bottom:8px;padding-left:46px}.code-language{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#f8fafc;font-weight:600;padding:4px 10px;border-radius:999px;background:#94a3b838}.code-block-copy{position:relative;overflow:visible}.code-block-copy:after{content:"Скопировано";position:absolute;top:-26px;right:0;background:var(--text);color:var(--panel);border-radius:8px;padding:4px 8px;font-size:11px;box-shadow:0 10px 24px -18px #0f172a80;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;transform:translateY(-2px)}.code-block-copy.copied:after{opacity:1;transform:translateY(0)}.code-block-copy{position:relative;border-radius:10px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#94a3b81f;color:var(--text);border:1px solid var(--border);transition:transform .15s ease,background .15s ease,border-color .15s ease;box-shadow:none}.code-block-copy:hover{background:#94a3b82e;border-color:#94a3b880;transform:translateY(-1px)}.code-block pre{margin:0;background:transparent;border-radius:10px;padding:0;border:none;overflow-x:auto}[data-theme=dark] .code-block pre,[data-theme=dark] .code-block code{color:#e2e8f0}.responses{display:grid;gap:8px}.responses.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.responses.columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.composer{border-top:1px solid var(--border);padding-top:12px;margin-top:12px;display:flex;flex-direction:column;gap:6px;background:inherit}.selected-files{display:flex;flex-wrap:wrap;gap:8px;padding:6px 8px;background:#94a3b814;border-radius:16px;border:1px dashed rgba(148,163,184,.6)}.selected-file-chip{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 12px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--border);box-shadow:0 6px 12px #0f172a14}.selected-file-text{display:flex;flex-direction:column;gap:2px;min-width:0}.selected-file-title{font-weight:600;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-file-meta{font-size:12px;color:var(--muted)}.remove-file-button{border:none;background:transparent;color:var(--muted);font-size:.9rem;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,color .12s ease}.remove-file-button:hover{background:#dc262626;color:#b91c1c}.remove-file-button span{line-height:1}.composer-inline{display:flex;gap:8px;align-items:center;background:#94a3b814;border-radius:18px;padding:6px 10px;box-shadow:none}.composer-attach{width:36px;height:36px;border:1px dashed var(--border);background:#94a3b80f;color:var(--muted);font-size:16px;cursor:not-allowed}.composer textarea{flex:1;min-height:44px;max-height:220px;resize:none;border:none;padding:10px 8px;border-radius:14px;background:transparent;font-size:15px;line-height:1.5;overflow-y:hidden}.composer textarea:focus{outline:none;box-shadow:inset 0 0 0 2px #6366f180;border-radius:14px}.composer-note{margin:0;font-size:10px;color:var(--muted);line-height:1.4;padding-left:6px}.composer-send{width:42px;height:42px;border-radius:50%;padding:0;border:none;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:18px;display:inline-flex;align-items:center;justify-content:center}.composer-send:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.composer-send:hover:not(:disabled){box-shadow:0 10px 30px -20px #6938ef99}button{border-radius:12px;border:1px solid var(--primary);padding:8px 14px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:pointer;font-weight:600;box-shadow:none;transition:transform .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 12px 28px -18px #6938efa6}button.ghost{background:var(--panel);color:var(--text);border-color:var(--border);box-shadow:none}.primary{background:var(--primary);border:none;color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center}.primary:hover{transform:translateY(-2px);box-shadow:0 25px 45px -20px #6366f1f2}.icon-button{border-radius:50%;border:1px solid transparent;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .15s ease;margin-left:0;box-shadow:none}.burger-button{display:none;margin-right:8px}@media(max-width:767.98px){.app-header{padding:12px 16px 0}.header-left{gap:12px}.burger-button{display:inline-flex;width:36px;height:36px;margin-right:0}.app-header-brand{display:none}.header-actions{flex:0 0 auto}}@media(max-width:479.98px){.app-header{padding:10px 12px 0}.burger-button{width:32px;height:32px}.user-chip{padding:4px 8px}.avatar{width:28px;height:28px;font-size:12px}}.copy-icon{position:relative;overflow:visible}.copy-icon:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:var(--primary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 10px 30px -20px #6366f1cc;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.copy-icon.copied:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px -12px #0f172a80}.retry-icon{border-color:#6366f180;background:#6366f11a;color:var(--text)}.copy-icon{border-color:#6366f166;background:#6366f114;color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.tooltip{display:inline-flex}.tooltip.is-block{width:100%}.tooltip-trigger{display:inline-flex;align-items:center}.tooltip-content{position:fixed;opacity:0;pointer-events:none;background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);border-radius:14px;padding:12px 14px;line-height:1.6;font-size:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .14s ease,transform .16s ease;z-index:9999;width:min(520px,90vw);max-width:520px;text-align:left;word-break:break-word}.tooltip-content.is-open{opacity:1}.tooltip-arrow{position:absolute;width:12px;height:12px;background:var(--tooltip-bg);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);transform:rotate(45deg);z-index:9999}.tooltip-title{display:block;font-weight:700;letter-spacing:.08em;font-size:12px;text-transform:uppercase;color:var(--tooltip-accent);margin-bottom:6px}.tooltip-body{color:var(--tooltip-text);opacity:.96;display:block}.tooltip-body p{margin:4px 0}.help-dot{width:22px;height:22px;border-radius:999px;border:1px solid var(--tooltip-border);padding:0;background:linear-gradient(135deg,#f59e0b29,#22c55e1f);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;line-height:1;box-shadow:0 10px 24px -14px #0f172a59;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}[data-theme=dark] .help-dot{color:var(--tooltip-text);border-color:#ffffff2e;background:linear-gradient(135deg,#fbbf242e,#22c55e1a)}.help-dot:hover,.help-dot:focus-visible{transform:translateY(-1px);border-color:var(--tooltip-accent);box-shadow:0 12px 30px -16px #0f172a80;outline:none}.label-head{display:inline-flex;align-items:center;gap:8px}.ghost.menu-trigger{border-color:transparent;background:#94a3b826;color:var(--muted)}button.ghost.danger{color:#b42318}[data-theme=dark] button{background:transparent;border:1px solid var(--primary);color:var(--primary)}[data-theme=dark] button.ghost{background:transparent;color:var(--text)}.error-text{color:#d92d20;font-size:13px;margin:4px 0 0}.success-text{color:var(--accent);font-size:13px;margin:4px 0 0}.login-error{margin:0;font-size:13px;text-align:left}.muted{color:var(--muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(circle at top left,rgba(99,102,241,.12),transparent 45%),radial-gradient(circle at top right,rgba(79,70,229,.18),transparent 40%),var(--bg)}.login-panel{width:min(520px,100%);background:var(--panel);border-radius:28px;border:1px solid rgba(255,255,255,.2);padding:42px 40px 34px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:18px}.login-brand{display:flex;align-items:center;gap:16px}.brand-text{flex:1;text-align:center}.login-brand-title{margin:0;font-size:32px;letter-spacing:.1em;color:var(--muted)}.brand-caption{margin:4px 0 0;font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:#0f172a99}.login-panel h1{margin:0;font-size:26px;line-height:1.2}.login-panel-title{margin:0;font-size:26px;line-height:1.2;font-weight:600}.login-subtitle{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.login-field input{width:100%;border-radius:16px;border:1px solid rgba(15,23,42,.1);padding:14px 16px;background:#fff9;transition:border .12s ease,box-shadow .12s ease}.login-field input::placeholder{color:#0f172a80}.login-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.login-submit{width:100%;padding:14px 0;font-size:15px;border-radius:16px;box-shadow:0 12px 30px -24px #6366f1cc}.login-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.login-footer a{color:var(--primary);text-decoration:none}.session-form{width:100%;max-width:760px;margin:0 auto;background:var(--panel);border-radius:16px;border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;height:auto;max-height:90vh;min-height:0;overflow:visible}.session-form.modal{width:min(900px,calc(100vw - 40px));max-width:900px}.feedback-modal,.session-modal{background:var(--panel-solid);border-color:var(--border);box-shadow:0 30px 70px #0f172a40}.session-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}.session-form-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.6) transparent;overflow-x:hidden}.session-form-body::-webkit-scrollbar{width:6px}.session-form-body::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:999px}.modal-close{position:absolute;top:12px;right:12px;border-radius:50%;border:none;width:36px;height:36px;background:#f4f4f5e6;color:var(--text);font-size:18px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.modal-close:hover{background:#6366f126;transform:translateY(-1px);box-shadow:0 6px 18px #0f172a33}.session-form input,.session-form textarea{width:100%;min-height:52px;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--border);background:#f8fafc;box-sizing:border-box;max-width:100%}.session-form textarea{height:140px;resize:none}.session-form input:focus-visible,.session-form textarea:focus-visible{outline:2px solid rgba(99,102,241,.6);outline-offset:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{position:relative;max-height:90vh;overflow:visible;width:min(640px,calc(100vw - 40px))}.session-form{max-height:90vh;overflow:visible}.models-list{display:none}.parameters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.pill-toggle-group{display:flex;flex-wrap:wrap;gap:8px}.pill-toggle{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:10px 14px;cursor:pointer;color:var(--muted);transition:background .15s ease,border-color .15s ease,color .15s ease}.pill-toggle.active{background:var(--primary-soft);color:var(--text);border-color:var(--primary);box-shadow:none}.pill-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.template-note{margin:-.25rem 0 0;font-size:13px}.template-note .muted{opacity:.8;font-style:italic}.form-actions{display:flex;justify-content:flex-end;gap:.5rem}.feedback-screenshot-section{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.file-upload-label{display:inline-block;padding:.625rem 1rem;background:var(--primary-soft);border:1px dashed var(--border);border-radius:12px;cursor:pointer;color:var(--text);font-weight:500;transition:all .15s ease;width:fit-content}.file-upload-label:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.screenshot-preview-container{margin-top:.5rem}.screenshot-preview-wrapper{position:relative;display:inline-block;border:1px solid var(--border);border-radius:12px;padding:.5rem;background:var(--panel);max-width:100%;overflow:hidden}.screenshot-preview{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}.remove-screenshot-button{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;border-radius:50%;border:none;background:#dc2626d9;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s ease}.remove-screenshot-button:hover{background:#dc2626}.feedback-actions{gap:.75rem;margin-top:12px}.feedback-actions button{border-radius:12px;border:1px solid rgba(148,163,184,.4);background:transparent;color:var(--text);transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.feedback-actions button:not(.ghost){background:var(--primary);color:#fff}.feedback-actions button:hover{border-color:#4f46e5b3;box-shadow:0 6px 20px #6366f12e}.feedback-actions button:not(.ghost):hover{color:#fff}.empty-state{align-items:center;justify-content:center;text-align:center}.model-selector{margin-bottom:10px}.model-selector p{margin:0 0 8px;font-weight:600}.model-selector-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px}.model-selector-label{font-weight:600;font-size:16px;color:var(--text);text-transform:none}.model-selector-trigger{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease;color:var(--text);min-height:36px;touch-action:manipulation}.model-selector-trigger:hover{border-color:#6366f199;background:var(--panel);box-shadow:0 10px 24px -18px #6366f173;transform:translateY(-1px)}.model-selector-trigger.is-open{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 14px 28px -18px #6366f18c}.model-selector-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px #6366f159}.model-selector-provider{width:26px;height:26px;border-radius:9px;border:1px solid rgba(99,102,241,.35);background:#6366f11f;display:inline-flex;align-items:center;justify-content:center}.model-selector-provider:empty{display:none}.model-selector-provider-icon{color:var(--primary)}.model-selector-trigger .model-name{font-weight:600;font-size:14px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-selector-trigger .chevron{font-size:12px;color:var(--muted);transition:transform .2s ease,color .2s ease}.model-selector-trigger.is-open .chevron{color:var(--text)}.model-selector-trigger .chevron.rotated{transform:rotate(180deg)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.model-selector-dropdown.animate-dropdown{animation:dropdown-in .18s ease-out;transform-origin:top right}.model-selector-heading{display:flex;align-items:center;gap:8px}.model-pill-group{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.model-category-block{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.25)}.model-category-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.model-category-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.model-category-header .eyebrow{margin:0}.model-pill{border:1px solid rgba(148,163,184,.4);border-radius:16px;background:var(--panel);color:var(--text);display:flex;align-items:center;justify-content:center;min-width:140px;width:auto;min-height:80px;padding:0;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;flex:1 1 160px}.model-pill.selected{border-color:var(--primary);background:var(--panel);transform:translateY(-1px)}.model-pill:hover:not(.selected),.template-card:hover{border-color:var(--primary);box-shadow:0 10px 30px #6366f126}[data-theme=dark] .model-pill.selected{border-color:#4f46e5b3}.pill-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;text-align:center;padding:0 6px}.pill-name-row{display:flex;align-items:center;justify-content:center;gap:6px}.pill-name{font-weight:600;font-size:15px}.pill-info-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:8px;background:#f59e0b29;color:var(--text);font-size:11px;border:1px solid rgba(245,158,11,.5);box-shadow:0 8px 20px -14px #0f172a59}[data-theme=dark] .pill-info-dot{background:#fbbf242e;color:var(--tooltip-text);border-color:#fbbf2480;box-shadow:0 10px 24px -14px #0009}.model-pill-trigger{border:none;background:transparent;width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:inherit;cursor:pointer}.model-pill-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pill-subtitle{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#475467e6}.model-description{padding:0 14px 12px;font-size:13px;line-height:1.4;color:var(--muted);background:#0f172a08;border-top:1px solid rgba(148,163,184,.35);max-height:90px;overflow-y:auto;border-radius:0 0 16px 16px;box-shadow:inset 0 6px 12px #0f172a0a}.template-grid{display:flex;flex-direction:column;gap:12px;width:100%}.template-card{display:flex;flex-direction:column;gap:6px;border-radius:18px;border:1px solid transparent;background:var(--panel-solid);padding:12px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;width:100%}.template-card.is-selected{border-color:var(--primary);transform:translateY(-2px)}.template-card-main{width:100%}.template-card .template-select{min-height:auto;height:auto;padding:0;box-shadow:none}.template-select-button{width:100%;background:transparent;border:1px solid var(--border);border-radius:14px;padding:12px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.template-select-button:hover,.template-select.is-selected .template-select-button{border-color:var(--primary);box-shadow:0 10px 25px #6366f126}.template-select-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.template-description-panel{border-radius:14px;padding:12px;background:var(--menu-bg);border:1px solid var(--border);box-shadow:0 16px 30px -12px #0f172a2e;color:var(--muted);font-size:13px;line-height:1.5;margin-top:6px}[data-theme=dark] .card,[data-theme=dark] .session-form,[data-theme=dark] .chat-view{background:var(--panel-solid)}[data-theme=dark] .sidebar{background:#0f172af2}.model-category-section{padding:8px 0}.model-category-header{display:flex;align-items:center;gap:8px;padding:4px 16px;border-bottom:1px solid var(--border);margin-bottom:4px}.model-category-title{font-size:13px;font-weight:600;color:var(--muted);flex:1}.model-category-desc-icon{cursor:help;opacity:.7}.model-category-list{display:flex;flex-direction:column;gap:2px}.model-option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:0 6px;border-radius:8px;border:none;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-size:14px;transition:background .12s ease,color .12s ease}.model-option:hover{background:#6366f126;color:var(--text)}.model-option.selected{background:var(--primary-soft);color:var(--primary)}.model-option:disabled{opacity:.5;cursor:not-allowed}.model-option-main{display:flex;align-items:center;gap:8px;flex:1}.model-option-icon{display:flex;align-items:center;justify-content:center}.model-option-text{display:flex;flex-direction:column;flex:1}.model-option-name{font-weight:500}.model-option-meta{font-size:12px;color:var(--muted)}.model-option-check{font-weight:700;margin-left:8px}.model-selector-empty{padding:12px 16px;text-align:center;color:var(--muted);font-size:14px}@media(max-width:767.98px){.model-selector-dropdown.animate-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);max-width:400px;max-height:70vh}.model-category-header{padding:8px 16px}.model-option{padding:12px 16px}.assistant-dropdown-menu{position:fixed;inset:auto 0 0;max-height:50vh;z-index:1001;border-radius:1rem 1rem 0 0}}@media(max-width:479.98px){.model-selector-dropdown.animate-dropdown{width:calc(100% - 10px);max-height:80vh}}[data-theme=dark] .card input,[data-theme=dark] .card textarea,[data-theme=dark] .composer textarea{background:#0f172a;color:var(--text);border-color:#1f2937}[data-theme=dark] .session-form input,[data-theme=dark] .session-form textarea{background:#0d111a;border-color:#1f2937}[data-theme=dark] .login-field input{background:#0f172a;border-color:#1f2937;color:var(--text)}[data-theme=dark] .login-field input::placeholder{color:#94a3b8b3}[data-theme=dark] input,[data-theme=dark] textarea{color:var(--text)}.assistant-dropdown{position:relative}.assistant-dropdown .tooltip-trigger{display:flex;width:100%}.assistant-dropdown .tooltip{display:block;width:100%}.assistant-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.75rem 1rem;background:var(--panel-solid);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:inherit;color:var(--text)}.assistant-dropdown-trigger:hover{background:var(--panel);border-color:var(--primary)}.assistant-dropdown-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.assistant-dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.assistant-dropdown-chevron{font-size:.75rem;opacity:.6}.assistant-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;padding:.25rem 0;background:var(--panel-solid);border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a;z-index:50;max-height:16rem;overflow-y:auto;overflow-x:hidden;list-style:none;margin:0}.assistant-dropdown-item{display:flex;flex-direction:column;width:100%;padding:.75rem 1rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;text-align:left;background:none;border:none;border-radius:.375rem;color:var(--text);font-family:inherit;font-size:inherit;white-space:normal;word-break:break-word}[data-theme=dark] .assistant-dropdown-item{color:#fff}.assistant-dropdown-item:hover{background:#8080801a}.assistant-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.assistant-dropdown-item-title{font-weight:500;font-family:inherit;margin-bottom:4px}.assistant-dropdown-item-description{font-size:.875rem;color:var(--muted)}.assistant-dropdown-empty{cursor:default;pointer-events:none}.model-chips-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.model-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:13px;font-weight:500;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.model-chip:hover{border-color:var(--primary-light);background-color:#94a3b814}.model-chip.selected{border-color:var(--primary);background-color:var(--primary-soft);color:var(--primary-dark)}.model-chip-icon{flex-shrink:0}.model-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}[data-theme=dark] .model-chip.selected{border-color:#4f46e5b3;background-color:var(--primary-soft)}[data-theme=dark] .model-chip:hover{background-color:#94a3b81f}.model-selector-dropdown-wrapper{position:relative}.model-selector-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,80vw);background:var(--menu-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);z-index:1001;max-height:360px;overflow-y:auto;overflow-x:hidden;padding:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.6) transparent}.model-selector-dropdown .tooltip,.model-selector-dropdown .tooltip-trigger{display:block;width:100%}.model-selector-dropdown::-webkit-scrollbar{width:6px}.model-selector-dropdown::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:999px}.model-category-section{padding:10px 4px;border-bottom:1px solid rgba(148,163,184,.25)}.model-category-section:last-child{border-bottom:none}.model-selector-dropdown .model-category-header{display:flex;align-items:center;gap:6px;padding:4px 10px 6px}.model-selector-dropdown .model-category-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.model-category-desc-icon{cursor:help;font-size:14px;opacity:.75}.model-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}@media(max-width:640px){.model-category-list{grid-template-columns:1fr}}.model-option{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:6px 8px;border-radius:10px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:var(--text);min-width:0}.model-option:hover,.model-option:focus-visible{background:#6366f11f;border-color:#6366f159}.model-option:focus-visible{outline:none}.model-option.selected{background:var(--primary-soft);border-color:var(--primary);box-shadow:0 8px 20px -16px #6366f18c}.model-option-main{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1}.model-option-icon{width:24px;height:24px;border-radius:8px;border:1px solid rgba(99,102,241,.3);background:#6366f11f;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.model-option-provider-icon{color:var(--primary)}.model-option-text{display:flex;flex-direction:column;gap:2px;min-width:0}.model-option-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-option-meta{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.model-option-check{font-size:14px;color:var(--primary);font-weight:700;flex-shrink:0}.model-selector-empty{padding:12px;color:var(--muted);text-align:center}.model-selector-wrapper{position:relative;display:inline-flex;align-items:center;gap:8px}@media(max-width:960px){.content-row{grid-template-columns:1fr}.sidebar{order:2}.main-area{order:1}.app-header{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:768px){.app-bg{padding:0}.app-shell{height:100dvh;border-radius:0;border:none}.content-row{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.sidebar{position:fixed;top:0;left:0;width:280px;height:100dvh;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0000004d}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.main-area{width:100%;flex:1;min-height:0;overflow:hidden}.session-info-panel{display:none}.app-header{padding-left:8px;flex-direction:row;align-items:center;justify-content:space-between}.burger-button{display:inline-flex;align-items:center;justify-content:center}.icon-button{min-width:44px;min-height:44px}.bubble-footer .icon-button{opacity:1}}@media(max-width:480px){.app-header-title{font-size:14px}.composer{padding:8px}.composer textarea{font-size:16px}}.token-progress-container{width:100%;margin-top:6px}.token-progress-bar-background{width:100%;height:4px;background-color:#94a3b833;border-radius:2px;overflow:hidden}.token-progress-bar-fill{height:100%;width:0%;transition:width .3s ease,background-color .3s ease}.info-text-container{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}@media(max-width:768px){.session-info-panel{flex-direction:column;align-items:flex-start}.info-item{width:100%}}