.metis-app{--composer-w:var(--layout-composer-width);--hero-top:var(--layout-hero-top);--chat-start-offset:var(--layout-chat-start-offset)}.metis-app .chat-workspace{width:min(100%,var(--page-w));margin:0 auto;position:relative;min-height:calc(100vh - 160px)}.metis-app.app .workspace:has(.chat-workspace:not(.is-chatting)){overflow-y:hidden}.metis-app.app .workspace:has(.chat-workspace.is-chatting){padding-bottom:12px}.metis-app .workspace-body:has(>.chat-workspace.is-chatting),.metis-app .workspace-body:has(>.chat-workspace:not(.is-chatting)){display:flex;flex-direction:column;padding-bottom:0;min-height:0}.metis-app .chat-workspace.is-chatting,.metis-app .chat-workspace:not(.is-chatting){flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.metis-app .chat-main{width:min(100%,var(--composer-w));margin:var(--hero-top) auto 0;min-width:0;position:relative;z-index:1;display:grid;justify-items:center;text-align:center;transition:margin .18s ease}.metis-app .chat-main:not(.has-chat){flex:1 1 auto;min-height:0;margin:0 auto;align-content:center;justify-items:center;text-align:center;padding-bottom:var(--chat-start-offset);transform:none}.metis-app .chat-main.has-chat{width:min(100%,888px);margin:0 auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:none}.metis-app .chat-main h1{margin:0;font-size:clamp(24px,2.25vw,34px);line-height:1.12;letter-spacing:-.025em;font-weight:850;color:var(--ink)}.metis-app .chat-main.has-chat h1{display:none}.metis-app .chat-input-zone{width:100%;margin-top:14px;display:block;order:2}.metis-app .chat-main.has-chat .chat-input-zone{margin-top:0;flex:0 0 auto;position:sticky;bottom:0;z-index:20;padding:10px 0 4px;background:transparent}.metis-app .chat-workspace.is-chatting .composer{background:rgb(255 255 255/.94);box-shadow:0 14px 36px rgb(25 36 58/.06)}.metis-app .chat-compose-column{position:relative;min-width:0;display:grid;gap:10px;background:transparent}.metis-app .composer{border:1px solid var(--line);border-radius:18px;background:rgb(255 255 255/.9);box-shadow:inset 0 1px 0 rgb(255 255 255/.84);overflow:hidden;text-align:left;width:100%;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.metis-app .composer textarea{width:100%;min-height:86px;resize:vertical;border:0;outline:0;padding:16px 18px 6px;color:var(--fg);background:transparent;line-height:1.55;font-size:15px;font-family:var(--font)}.metis-app .composer textarea::-moz-placeholder{color:oklch(72% .01 255)}.metis-app .composer textarea::placeholder{color:oklch(72% .01 255)}.metis-app .composer textarea:disabled{opacity:.72}.metis-app .composer-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 10px}.metis-app .composer-ai-disclaimer{margin:6px 0 0;flex:0 0 auto;order:3;color:var(--color-text-tertiary);font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.01em;text-align:center}.metis-app .toolset{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.metis-app .chat-actions{margin-left:auto;flex-shrink:0}.metis-app .chat-new-btn,.metis-app .creation-new-btn{min-width:116px;justify-content:center}.metis-app .chat-new-btn{min-width:124px;gap:6px}.metis-app .btn.round{width:var(--control-h);padding:0;justify-content:center}.metis-app .btn:disabled{opacity:.45;pointer-events:none;transform:none}.metis-app .btn.primary svg{width:16px;height:16px}.metis-app .select.chat-model-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:126px;min-height:var(--control-h);border:1px solid var(--line);border-radius:999px;background-color:var(--card);color:var(--fg);padding:0 28px 0 14px;display:inline-flex;align-items:center;font-size:14px;font-weight:760;line-height:1;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 12px) 18px;background-size:4px 4px,4px 4px;background-repeat:no-repeat;box-shadow:0 6px 16px rgb(25 36 58/.035);transition:.15s ease}.metis-app .select.chat-model-select:hover{border-color:var(--line-strong)}.metis-app .select.chat-model-select:disabled{opacity:.5;cursor:not-allowed}.metis-app .chat-model-picker{position:relative;display:inline-flex;min-width:126px;z-index:5}.metis-app .chat-model-picker .select-trigger{width:100%;min-width:inherit;min-height:var(--control-h);border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--fg);padding:0 10px 0 14px;display:inline-flex;align-items:center;justify-content:space-between;gap:7px;font-size:14px;font-weight:760;line-height:1;box-shadow:0 6px 16px rgb(25 36 58/.035);transition:.15s ease}.metis-app .chat-model-picker .select-trigger:hover{border-color:var(--line-strong);transform:translateY(-1px)}.metis-app .chat-model-picker .select-trigger:disabled{opacity:.5;pointer-events:none;transform:none}.metis-app .chat-model-picker .select-trigger b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:760}.metis-app .chat-model-picker .select-chevron{width:22px;height:22px;border-radius:9px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft);font-size:14px;line-height:1;transition:transform .16s ease;flex:0 0 auto}.metis-app .chat-model-picker.open .select-chevron{transform:rotate(180deg)}.metis-app .chat-model-picker .select-menu{position:absolute;top:calc(100% + 8px);left:0;width:max(178px,100%);border:1px solid var(--line);border-radius:18px;background:rgb(255 255 255/.96);box-shadow:0 22px 60px rgb(15 23 42/.13);padding:8px;display:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:30}.metis-app .chat-model-picker.open .select-menu{display:grid;gap:4px}.metis-app .chat-model-picker .select-option{min-height:40px;border:0;border-radius:12px;background:transparent;color:var(--fg);padding:8px 12px 8px 14px;display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;text-align:left;font-size:13px;font-weight:760;position:relative}.metis-app .chat-model-picker .select-option.active,.metis-app .chat-model-picker .select-option:hover{background:var(--blue-soft)}.metis-app .chat-model-picker .select-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metis-app .chat-model-picker .select-option:after{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid transparent;justify-self:end}.metis-app .chat-model-picker .select-option.active:after{border-color:var(--fg);background:var(--fg)}.metis-app .prompt-chips{margin-top:0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;order:-1}.metis-app .chat-main.has-chat .prompt-chips{display:none}.metis-app .chip{border:1px solid var(--line);background:var(--card);color:var(--muted);min-height:var(--control-h);border-radius:999px;padding:0 13px;font-size:14px;font-weight:700;box-shadow:0 8px 18px rgb(25 36 58/.04);cursor:pointer;transition:color .15s ease,border-color .15s ease}.metis-app .chip:hover{color:var(--blue);border-color:color-mix(in oklch,var(--blue) 32%,var(--line))}.metis-app .chat-thread{width:min(100%,860px);margin:0 auto;display:grid;gap:28px;order:1;overflow:auto;padding:26px 0 34px;position:relative;text-align:left;overscroll-behavior:contain;scrollbar-width:none}.metis-app .chat-main.has-chat .chat-thread{flex:1 1 auto;min-height:0;width:100%;height:auto;max-height:none;align-content:start;padding:8px 0 16px;scroll-padding-bottom:24px}.metis-app .chat-thread::-webkit-scrollbar{display:none}.metis-app .chat-message{display:grid;gap:22px;text-align:left;border:0;background:transparent;padding:0;box-shadow:none}.metis-app .chat-bubble{max-width:min(100%,620px);color:var(--fg);font-size:15px;line-height:1.65;word-break:break-word}.metis-app .chat-bubble p{margin:0;white-space:pre-wrap}.metis-app .chat-bubble-user{justify-self:end;max-width:min(78%,590px);border:1px solid color-mix(in oklch,var(--line) 66%,white);border-radius:14px;background:rgb(255 255 255/.96);padding:12px 16px;box-shadow:0 8px 22px rgb(25 36 58/.04)}.metis-app .chat-bubble-ai{justify-self:start;max-width:min(66%,690px);padding:0}.metis-app .chat-message-actions{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-top:6px}.metis-app .chat-message-actions .btn{min-height:26px;padding-inline:8px;font-size:12px;color:var(--muted);background:transparent;box-shadow:none}.metis-app .chat-message-actions .btn:hover{color:var(--fg);border-color:var(--line-strong)}.metis-app .chat-message-actions .btn:disabled{opacity:.4}.metis-app .chat-typing{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.metis-app .chat-typing-cursor{display:inline-block;width:2px;height:14px;margin-left:2px;background:currentColor;animation:chat-blink 1s step-end infinite}@keyframes chat-blink{50%{opacity:0}}.metis-app .chat-inline-error{margin-top:10px;border:1px solid color-mix(in oklch,var(--color-status-danger) 30%,var(--line));border-radius:14px;background:var(--card);padding:10px 14px;color:var(--color-status-danger);font-size:13px;font-weight:700;text-align:left}.metis-app .chat-loading{display:flex;min-height:calc(100vh - 200px);align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:14px;font-weight:700}@media (max-width:1100px){.metis-app .chat-main.has-chat{width:min(100%,820px)}.metis-app .chat-main.has-chat .chat-thread{width:100%}.metis-app .chat-bubble-ai,.metis-app .chat-bubble-user{max-width:100%}}@media (max-width:640px){.metis-app .composer-ai-disclaimer{font-size:10px}}.metis-app .chat-bubble-ai{max-width:min(92%,760px)}.metis-app .chat-answer{margin:0;color:var(--fg);font-size:15px;line-height:1.75;text-align:left;word-break:break-word;white-space:normal}.metis-app .chat-answer>:first-child{margin-top:0}.metis-app .chat-answer>:last-child{margin-bottom:0}.metis-app .chat-answer p{margin:0 0 .9em;white-space:normal}.metis-app .chat-answer h1,.metis-app .chat-answer h2,.metis-app .chat-answer h3,.metis-app .chat-answer h4{margin:1.15em 0 .55em;color:var(--ink);font-weight:750;line-height:1.35;letter-spacing:-.01em}.metis-app .chat-answer h1{font-size:1.35em}.metis-app .chat-answer h2{font-size:1.22em}.metis-app .chat-answer h3{font-size:1.1em}.metis-app .chat-answer h4{font-size:1.02em}.metis-app .chat-answer ol,.metis-app .chat-answer ul{margin:0 0 .95em;padding-left:1.35em}.metis-app .chat-answer li{margin:.28em 0}.metis-app .chat-answer li>ol,.metis-app .chat-answer li>ul{margin:.25em 0 .35em}.metis-app .chat-answer ul{list-style:disc}.metis-app .chat-answer ol{list-style:decimal}.metis-app .chat-answer strong{font-weight:750;color:var(--ink)}.metis-app .chat-answer a{color:var(--blue);text-decoration:none}.metis-app .chat-answer a:hover{text-decoration:underline}.metis-app .chat-answer blockquote{margin:.8em 0;padding:.2em 0 .2em .9em;border-left:3px solid color-mix(in oklch,var(--line) 70%,var(--blue) 30%);color:var(--muted)}.metis-app .chat-answer hr{margin:1.2em 0;border:0;border-top:1px solid var(--line)}.metis-app .chat-answer table{width:100%;margin:.9em 0;border-collapse:collapse;font-size:.95em}.metis-app .chat-answer td,.metis-app .chat-answer th{border:1px solid var(--line);padding:8px 10px;text-align:left}.metis-app .chat-answer th{background:oklch(97% .004 255);font-weight:720}.metis-app .chat-inline-code{display:inline;padding:.12em .38em;border-radius:5px;background:oklch(95.5% .006 255);color:oklch(32% .03 255);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;line-height:1.45}.metis-app .chat-cite{display:inline-flex;align-items:center;justify-content:center;min-width:1.15em;height:1.15em;margin:0 .12em;padding:0 .28em;border-radius:999px;background:oklch(78% .01 255);color:#fff;font-size:.68em;font-weight:700;line-height:1;vertical-align:super;text-decoration:none}.metis-app .chat-code-block{margin:.85em 0 1.05em;overflow:hidden;border:1px solid color-mix(in oklch,var(--line) 80%,white);border-radius:10px;background:oklch(97.2% .004 255)}.metis-app .chat-code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0 12px;border-bottom:1px solid color-mix(in oklch,var(--line) 70%,transparent);color:oklch(55% .012 255)}.metis-app .chat-code-lang{font-size:12px;font-weight:650;letter-spacing:.01em;text-transform:lowercase}.metis-app .chat-code-actions{display:inline-flex;align-items:center;gap:4px}.metis-app .chat-code-action{display:inline-flex;align-items:center;gap:5px;min-height:28px;border:0;border-radius:7px;background:transparent;color:oklch(48% .014 255);padding:0 8px;font-size:12px;font-weight:650;cursor:pointer;transition:background .14s ease,color .14s ease}.metis-app .chat-code-action:hover{background:rgb(255 255 255/.75);color:var(--fg)}.metis-app .chat-code-pre{margin:0;padding:14px 16px 16px;overflow-x:auto;background:transparent}.metis-app .chat-code-pre .hljs,.metis-app .chat-code-pre code{display:block;background:transparent!important;padding:0!important;color:oklch(28% .02 255);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;white-space:pre}.metis-app .chat-code-pre .hljs-built_in,.metis-app .chat-code-pre .hljs-keyword,.metis-app .chat-code-pre .hljs-name,.metis-app .chat-code-pre .hljs-selector-tag,.metis-app .chat-code-pre .hljs-tag{color:#a855c7}.metis-app .chat-code-pre .hljs-attr,.metis-app .chat-code-pre .hljs-string,.metis-app .chat-code-pre .hljs-template-tag,.metis-app .chat-code-pre .hljs-template-variable{color:#3f9c5a}.metis-app .chat-code-pre .hljs-comment,.metis-app .chat-code-pre .hljs-quote{color:#8a9080;font-style:italic}.metis-app .chat-code-pre .hljs-literal,.metis-app .chat-code-pre .hljs-number,.metis-app .chat-code-pre .hljs-params,.metis-app .chat-code-pre .hljs-type{color:#c47a2a}.metis-app .chat-code-pre .hljs-function,.metis-app .chat-code-pre .hljs-section,.metis-app .chat-code-pre .hljs-selector-class,.metis-app .chat-code-pre .hljs-selector-id,.metis-app .chat-code-pre .hljs-title{color:#2f6fed}.metis-app .chat-code-pre .hljs-doctag,.metis-app .chat-code-pre .hljs-meta{color:#6b7280}.metis-app .chat-code-pre .hljs-bullet,.metis-app .chat-code-pre .hljs-link,.metis-app .chat-code-pre .hljs-symbol,.metis-app .chat-code-pre .hljs-variable{color:oklch(30% .02 255)}