:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0d0d0d;background:#fff}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;height:100vh;overflow:hidden}.sidebar-backdrop{position:fixed;inset:0;border:none;background:#00000047;z-index:25;cursor:pointer}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;border-right:1px solid #ececec;background:#f9f9f9;display:grid;grid-template-rows:auto auto 1fr;padding:12px 10px;z-index:30;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px}.topbar-left{display:flex;align-items:center;gap:10px}.icon-btn{margin:0;border:1px solid #ececec;background:#fff;border-radius:8px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#444}.icon-btn:hover{background:#f4f4f4}.new-chat-btn{margin:0 4px 12px;border:1px solid #d9d9e3;background:#fff;border-radius:10px;padding:10px 12px;font-weight:600;cursor:pointer;text-align:left}.chat-list{overflow:auto;display:grid;gap:4px;align-content:start;padding:0 4px;scrollbar-width:none;-ms-overflow-style:none}.chat-list::-webkit-scrollbar{display:none}.chat-item-row{display:grid;grid-template-columns:1fr auto;align-items:center;border-radius:10px}.chat-item-row.active{background:#e7f7f2}.chat-item-row.active .chat-item{color:#0d6b52;font-weight:600}.chat-delete{border:none;background:transparent;color:#8e8ea0;width:28px;height:28px;border-radius:8px;cursor:pointer;opacity:0;font-size:1rem}.chat-item-row:hover .chat-delete,.chat-item-row:focus-within .chat-delete{opacity:1}.chat-delete:hover{background:#0000000f;color:#0d0d0d}.chat-item{border:none;background:transparent;border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer;font:inherit;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item:hover,.chat-item-row:hover{background:#efefef}.chat-item-row.active:hover{background:#dff3ec}.chat-item.active{background:transparent;color:inherit;font-weight:inherit}.workspace{min-width:0;height:100vh;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #ececec;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;font-size:1.05rem}.topbar-meta{display:flex;align-items:center;gap:12px}.muted{color:#6e6e80;font-size:.9rem}.dot{font-size:.85rem;color:#6e6e80}.dot.online:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#10a37f;margin-right:6px}.dot.offline:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;margin-right:6px}.runtime-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;max-width:768px;width:100%;margin:0 auto;padding:12px 16px;border-bottom:1px solid #fde68a;background:#fffbeb;color:#713f12}.runtime-banner-error{border-bottom-color:#fecaca;background:#fef2f2;color:#991b1b}.runtime-banner-copy{display:grid;gap:4px;min-width:0}.runtime-banner-copy strong{font-size:.92rem}.runtime-banner-copy span{font-size:.85rem;line-height:1.45}.runtime-banner-error-text{font-size:.82rem;color:#b91c1c}.runtime-banner-ok-text{font-size:.82rem;color:#166534}.runtime-banner-action{flex-shrink:0;border:1px solid #f59e0b;background:#fff;color:#92400e;border-radius:8px;padding:6px 10px;font-size:.82rem;cursor:pointer}.runtime-banner-action:disabled{opacity:.55;cursor:not-allowed}.runtime-model-select{flex-shrink:0;display:grid;gap:4px;min-width:148px;color:#713f12;font-size:.76rem}.runtime-model-select select{width:100%;border:1px solid #f59e0b;border-radius:8px;background:#fff;color:#713f12;padding:6px 8px;font:inherit}.runtime-model-select select:disabled{opacity:.6}.runtime-quality-results{display:grid;gap:6px;margin-top:4px}.runtime-quality-results div{display:grid;gap:2px;padding:6px 8px;border-radius:8px;border:1px solid rgba(120,113,108,.25);background:#ffffff94}.runtime-quality-results strong{font-size:.78rem}.runtime-quality-results span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.74rem}.runtime-framework-grid{display:grid;gap:6px;margin-top:4px}.runtime-framework-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:5px 8px;border:1px solid rgba(146,64,14,.18);border-radius:8px;background:#ffffff80}.runtime-framework-chip strong{font-size:.76rem}.runtime-framework-chip span{font-size:.72rem;text-transform:uppercase;letter-spacing:0}.runtime-framework-ladder{display:flex;flex-wrap:wrap;gap:6px}.runtime-framework-ladder span{padding:4px 7px;border-radius:999px;background:#78716c1f;color:#57534e;font-size:.72rem}.quality-result-pass strong{color:#166534}.quality-result-fail strong{color:#b91c1c}.runtime-command{display:block;margin-top:6px;padding:8px 10px;border-radius:8px;background:#0000000f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;overflow-x:auto;white-space:nowrap}.runtime-command-inline{margin-top:14px;max-width:100%}.ghost{margin:0;background:transparent;color:#6e6e80;border:1px solid #ececec;border-radius:8px;padding:6px 10px;font-size:.85rem;cursor:pointer}.main{min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 16px 8px;max-width:768px;width:100%;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none}.main::-webkit-scrollbar{display:none}.primary-btn,.secondary-btn,.send-btn,.tool-btn{margin:0;border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;font-size:.92rem}.primary-btn{background:#10a37f;color:#fff;display:inline-flex;align-items:center}.secondary-btn{background:#ececf1;color:#0d0d0d}.send-btn{background:#0d0d0d;color:#fff;min-width:84px}.send-btn:disabled,.tool-btn:disabled,.primary-btn:has(input:disabled){opacity:.45;cursor:not-allowed}.tool-btn.tool-active{background:#e7f7f2;color:#0d6b52;box-shadow:inset 0 0 0 1px #10a37f}.tool-row-secondary{margin-bottom:6px}.tool-btn-subtle{background:#f7f7f8;color:#444;font-weight:500;font-size:.85rem;padding:8px 12px}.chat{display:grid;gap:16px}.chat-empty{display:grid;place-content:center;min-height:min(52vh,420px);text-align:center;padding:24px 12px}.chat-empty-title{margin:0 0 8px;font-size:clamp(1.5rem,4vw,2rem);font-weight:600;letter-spacing:-.02em}.chat-empty-copy{margin:0;color:#6e6e80;font-size:.95rem;max-width:28rem;margin-inline:auto}.chat-scroll-anchor{height:1px;overflow:hidden}.bubble{max-width:100%;line-height:1.55}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.message-code-block{max-width:min(100%,860px);margin:10px 0;padding:12px 14px;overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#0f172a;color:#f8fafc;line-height:1.45}.message-code-block code{display:block;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88rem}.message-wrap{display:flex;flex-direction:column;gap:4px;max-width:85%}.message-wrap-user{margin-left:auto;align-items:flex-end}.message-wrap-assistant{max-width:100%;align-items:flex-start}.message-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;opacity:0;transition:opacity .15s ease}.variant-nav{display:inline-flex;align-items:center;gap:2px;margin-right:4px;padding-right:6px;border-right:1px solid #ececec}.variant-nav-label{font-size:.75rem;color:#6e6e80;min-width:2.8rem;text-align:center;-webkit-user-select:none;user-select:none}.variant-nav-btn{width:28px;height:28px;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:#565869;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.variant-nav-btn:hover:not(:disabled){background:#f4f4f4;color:#0d0d0d}.variant-nav-btn:disabled{opacity:.35;cursor:not-allowed}.message-wrap:hover .message-toolbar,.message-wrap:focus-within .message-toolbar{opacity:1}.bubble-user{margin-left:auto;background:#f4f4f4;border-radius:18px 18px 4px;padding:12px 16px;width:100%}.bubble-assistant{background:transparent;padding:4px 0;position:relative}.bubble-assistant:not(.typing){color:#0d0d0d}.bubble-meta{font-size:.75rem;color:#6e6e80;margin-bottom:6px}.visual-evidence-list{display:grid;gap:8px;margin-top:12px;max-width:min(360px,100%)}.visual-evidence-card{display:block;overflow:hidden;border:1px solid #e7e7ee;border-radius:8px;background:#fff;color:#3f3f46;text-decoration:none}.visual-evidence-card:hover{border-color:#c9c9d4}.visual-evidence-card img{display:block;width:100%;max-height:220px;object-fit:cover;background:#f4f4f4}.visual-evidence-card span{display:block;padding:8px 10px;font-size:.78rem;color:#565869}.bubble-icon-btn{width:32px;height:32px;margin:0;padding:0;border:none;border-radius:10px;background:transparent;color:#565869;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.bubble-icon-btn:hover:not(:disabled){background:#f4f4f4;color:#0d0d0d}.bubble-icon-btn.is-success{background:#e7f7f2;color:#0d6b52}.bubble-icon-btn:disabled{opacity:.4;cursor:not-allowed}.bubble-edit-input{width:100%;min-height:72px;margin-bottom:4px;padding:10px 12px;border:1px solid #d9d9e3;border-radius:12px;font:inherit;line-height:1.5;resize:vertical;background:#fff;color:#0d0d0d}.bubble-user .bubble-edit-input{background:#fff}.bubble-copy{margin-top:0;border:none;background:transparent;color:#6e6e80;font-size:.78rem;cursor:pointer;padding:0}.bubble-copy:hover{color:#0d0d0d}.bubble-system{text-align:center;color:#6e6e80;font-size:.88rem}.message-wrap.is-regenerating .message-toolbar{opacity:.35;pointer-events:none}.bubble-assistant.typing{color:#6e6e80}.thinking-dots{display:inline-flex;gap:5px;align-items:center;height:18px}.thinking-dots span{width:7px;height:7px;border-radius:50%;background:#8e8ea0;animation:thinking-bounce 1.2s infinite ease-in-out}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes thinking-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-4px);opacity:1}}.composer{position:sticky;bottom:0;z-index:10;border-top:1px solid #ececec;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 16px 16px;max-width:768px;width:100%;margin:0 auto}.attachment-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding-left:4px}.attachment-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;border:1px solid #e3e3ea;border-radius:999px;background:#f7f7f8;padding:4px 6px 4px 10px;font-size:.82rem;color:#444}.attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.attachment-remove{border:none;background:transparent;color:#6e6e80;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.attachment-remove:hover:not(:disabled){background:#ececf1;color:#0d0d0d}.attachment-remove:disabled{opacity:.4;cursor:not-allowed}.bubble-attachment{align-self:flex-end;max-width:min(520px,100%);padding:0;background:transparent}.attachment-message-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.78rem;color:#6e6e80}.attachment-message-head svg{color:#10a37f;flex-shrink:0}.chat-file-list{display:grid;gap:8px}.chat-file-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e3e3ea;border-radius:14px;background:#f7f7f8}.chat-file-failed{border-color:#fecaca;background:#fef2f2}.chat-file-icon{display:inline-flex;color:#6e6e80}.chat-file-info{min-width:0;display:grid;gap:2px}.chat-file-name{font-size:.88rem;color:#0d0d0d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-meta{font-size:.74rem;color:#6e6e80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-status-icon{display:inline-flex;color:#10a37f}.chat-file-failed .chat-file-status-icon{color:#dc2626}.chat-file-remove{border:none;background:transparent;color:#6e6e80;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1}.chat-file-remove:hover:not(:disabled){background:#ececf1;color:#0d0d0d}.chat-file-remove:disabled{opacity:.4;cursor:not-allowed}.composer-doc-actions{display:flex;gap:4px;margin-bottom:8px;padding-left:4px}.composer-box{display:flex;align-items:flex-end;gap:2px;border:1px solid #d9d9e3;border-radius:24px;padding:6px 8px 6px 4px;background:#fff;box-shadow:0 1px 2px #0000000a}.composer-icon{flex:0 0 36px;width:36px;height:36px;margin:0;border:none;border-radius:10px;background:transparent;color:#565869;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.composer-icon:hover:not(.is-disabled):not(:disabled){background:#f4f4f4;color:#0d0d0d}.composer-icon.is-active{background:#e7f7f2;color:#0d6b52}.composer-icon.is-disabled,.composer-icon:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.composer-route-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;height:32px;margin:2px 0;padding:0 10px;border:1px solid #d9d9e3;border-radius:999px;background:#fff;color:#565869;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.composer-route-toggle:hover:not(:disabled){background:#f4f4f4;color:#0d0d0d}.composer-route-toggle.is-active{border-color:#9fd9c8;background:#e7f7f2;color:#0d6b52}.composer-api-toggle.is-active{border-color:#f0bf7a;background:#fff4e2;color:#8a4a00}.composer-route-toggle:disabled{opacity:.45;cursor:not-allowed}.composer-route-toggle svg{width:16px;height:16px}.composer-local-group{flex:0 0 auto;display:inline-flex;align-items:center;height:32px;margin:2px 0;position:relative}.composer-local-group .composer-local-toggle{margin:0;border-radius:999px 0 0 999px}.composer-local-arrow{width:28px;height:32px;margin:0;border:1px solid #d9d9e3;border-left:0;border-radius:0 999px 999px 0;background:#fff;color:#565869;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.composer-local-toggle.is-active+.composer-local-arrow,.composer-local-arrow.is-active{border-color:#9fd9c8;background:#e7f7f2;color:#0d6b52}.composer-local-arrow.is-active svg{transform:rotate(180deg)}.composer-local-arrow:hover:not(:disabled){background:#f4f4f4;color:#0d0d0d}.composer-local-arrow:disabled{opacity:.45;cursor:not-allowed}.composer-local-arrow svg{width:15px;height:15px;transition:transform .12s ease}.composer-model-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:40;width:min(260px,72vw);padding:6px;border:1px solid #d9d9e3;border-radius:12px;background:#fff;box-shadow:0 12px 28px #00000024;color:#565869}.composer-model-menu button{width:100%;min-height:36px;display:flex;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:.82rem;font-weight:600;text-align:left;cursor:pointer}.composer-model-menu button:hover:not(:disabled),.composer-model-menu button.is-selected{background:#e7f7f2;color:#0d6b52}.composer-model-menu button:disabled{opacity:.55;cursor:not-allowed}.composer-model-menu svg{width:16px;height:16px;flex:0 0 16px}.composer-input{flex:1;min-width:0;border:none;background:transparent;padding:8px 4px;font:inherit;font-size:.95rem;resize:none;min-height:36px;max-height:160px;line-height:1.45}.composer-input:focus{outline:none}.composer-input:disabled{opacity:.55}.composer-send.is-stop{background:#b42318}.composer-send.is-stop:hover:not(:disabled){background:#912018}.composer-send{flex:0 0 32px;width:32px;height:32px;margin:2px;border:none;border-radius:50%;background:#0d0d0d;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.composer-send:hover:not(:disabled){background:#2a2a2a}.composer-send:disabled{background:#ececf1;color:#acacbe;cursor:not-allowed}.debug-panel{position:fixed;right:16px;top:72px;width:min(420px,100vw);height:min(68vh,640px);background:#111;color:#e7e7e7;border:1px solid #333;border-radius:8px;z-index:40;display:grid;grid-template-rows:auto 1fr;box-shadow:0 18px 45px #0000003d}.debug-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #333}.debug-sub{margin-left:8px;font-size:12px;font-weight:400}.debug-actions{display:flex;gap:8px}.debug-body{overflow:auto;padding:10px 12px;scrollbar-width:none;-ms-overflow-style:none}.debug-body::-webkit-scrollbar{display:none}.debug-line{border-bottom:1px solid #222;padding:8px 0;font-size:.82rem}.debug-time{color:#888;margin-right:8px}.debug-task{color:#7dd3fc;margin-right:8px;font-weight:600}.debug-ok .debug-msg{color:#86efac}.debug-error .debug-msg{color:#fca5a5}.debug-warn .debug-msg{color:#fcd34d}.trust-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin:8px 0 0}.trust-summary-row{min-width:0;padding:7px 8px;border:1px solid #263238;border-radius:6px;background:#0b1113}.trust-summary dt{color:#94a3b8;font-size:.68rem;font-weight:700;text-transform:uppercase}.trust-summary dd{margin:2px 0 0;color:#e5f7ee;font-size:.76rem;overflow-wrap:anywhere}.debug-detail{margin:6px 0 0;padding:8px;background:#0a0a0a;border-radius:8px;font-size:.75rem;overflow:auto}@media(max-width:640px){.main{padding-bottom:160px}.message-wrap-user{max-width:100%}.debug-panel{inset:0;width:100vw;height:100vh;border-radius:0}}