:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201a;background:#f6f7f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{height:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow:hidden}button,input{font:inherit}button{border:0}.shell{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);height:100vh;min-height:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:28px;min-height:0;border-right:1px solid #d8ded5;background:#fff;padding:28px;overflow:hidden}.brand{display:flex;gap:14px;align-items:flex-start}.brand svg{color:#0f766e;flex:0 0 auto}h1,h2,h3,p{margin:0}.brand h1,.chat-header h2{font-size:22px;line-height:1.2}.brand p,.chat-header p{color:#607064;font-size:14px;line-height:1.5}.tool-section{display:flex;flex-direction:column;flex:1;gap:12px;min-height:0}.tool-section h2{font-size:13px;letter-spacing:0;text-transform:uppercase;color:#4b5f52}.test-page-link{display:block;border:1px solid #9dcfc2;border-radius:8px;background:#edf8f4;padding:10px 12px;color:#0f6b55;font-size:13px;font-weight:700;text-decoration:none}.test-page-link:hover{border-color:#0f766e;background:#e2f2ec}.tool-history{display:grid;align-content:start;gap:10px;min-height:0;overflow-y:auto;padding-right:4px}.tool-history-empty{border:1px dashed #cfd9d2;border-radius:8px;padding:16px 10px;color:#718078;font-size:12px;text-align:center}.tool-history .tool-call-message,.tool-history .tool-call-body{width:100%}.workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:16px;min-width:0;min-height:0;overflow:hidden;padding:20px 28px 28px}.tabs{display:flex;gap:8px;align-items:center;min-width:0;overflow-x:auto;border-bottom:1px solid #d8ded5;padding-bottom:12px}.tab{display:grid;grid-template-columns:minmax(90px,180px) 30px;align-items:center;min-width:140px;border:1px solid #d8ded5;border-radius:8px;background:#fff}.tab.active{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.tab.ready .tab-select svg{color:#0f766e}.tab-select{display:flex;gap:8px;align-items:center;min-width:0;height:36px;background:transparent;color:#17201a;cursor:pointer;padding:0 10px}.tab-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close,.icon-button{display:grid;place-items:center;color:#607064;background:transparent;cursor:pointer}.tab-close{width:30px;height:30px}.tab-close:hover,.icon-button:hover{color:#a33624}.icon-button{width:36px;height:36px;border:1px solid #d8ded5;border-radius:8px;background:#fff;flex:0 0 auto}.chat-header{display:flex;gap:18px;align-items:center;justify-content:space-between}.configuration-link{flex:0 0 auto;border:1px solid #b9c9c0;border-radius:8px;background:#fff;padding:9px 12px;color:#0f6b55;font-size:13px;font-weight:700;text-decoration:none}.configuration-link:hover,.configuration-link:focus-visible{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.messages{display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding-right:4px}.empty-state{display:flex;gap:10px;align-items:center;max-width:460px;border:1px dashed #b7c4bc;border-radius:8px;background:#fff;padding:16px;color:#4b5f52}.empty-state svg{color:#0f766e;flex:0 0 auto}.message{display:block;width:min(860px,100%)}.message.user{width:fit-content;max-width:min(680px,86%);margin-left:auto}.message-content{width:100%;align-self:start;border:1px solid #cfdad3;border-radius:12px;background:#fff;padding:16px;color:#17201a;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 8px 24px #19372612}.message.user .message-content{border-color:#c9d6f3;border-radius:12px;background:#f5f8ff;padding:11px 13px;box-shadow:none}.message-content>p{margin:0}.message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.message-images img{width:112px;height:88px;border-radius:8px;object-fit:cover}.message-attachment>span{display:flex;gap:7px;align-items:center;max-width:220px;min-height:42px;border:1px solid #cfdad3;border-radius:8px;background:#f5f8f6;padding:8px 10px;color:#385145;font-size:12px;overflow-wrap:anywhere}.loading-message{display:flex;gap:9px;align-items:center;color:#607064}.markdown-body{white-space:normal}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body pre,.markdown-body blockquote{margin:0 0 10px}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:0 0 8px;color:#17201a;line-height:1.3}.markdown-body h1{font-size:20px}.markdown-body h2{font-size:18px}.markdown-body h3{font-size:16px}.markdown-body ul,.markdown-body ol{padding-left:20px}.markdown-body code{border-radius:5px;background:#edf2ef;padding:1px 5px;font-size:.92em}.markdown-body pre{overflow:auto;border-radius:8px;background:#17201a;padding:10px;color:#f6f7f4}.markdown-body pre code{background:transparent;padding:0;color:inherit}.markdown-body hr{border:0;border-top:1px solid #d8ded5;margin:10px 0}.tool-call-message{width:min(860px,100%);align-items:start}.tool-call-body{min-width:0;border:1px solid #d8ded5;border-radius:8px;background:#fff;padding:8px 10px}.tool-call-toggle{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%;min-width:0;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:left}.tool-call-toggle svg{flex:0 0 auto;color:#0f766e}.tool-call-toggle strong{flex:1 1 auto;min-width:0;color:#17201a;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-call-toggle time{flex:0 0 auto;color:#607064;font-size:12px}.tool-call-details{display:grid;gap:10px;margin-top:8px;border-top:1px solid #d8ded5;padding-top:8px}.tool-call-details section>strong{color:#607064;font-size:12px}.tool-call-body pre{max-height:140px;overflow:auto;margin:5px 0 0;color:#334238;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.draft-progress-banner{position:fixed;z-index:1100;top:18px;left:50%;display:inline-flex;align-items:center;gap:9px;min-height:42px;border:1px solid rgba(15,118,110,.2);border-radius:999px;background:#fffffff5;padding:9px 11px 9px 14px;color:#203129;box-shadow:0 12px 34px #10362433;cursor:pointer;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.draft-progress-banner:hover{border-color:#0f766e6b;box-shadow:0 14px 38px #1036243d}.draft-progress-banner>span:not(.draft-progress-dot){font-size:14px;font-weight:650;white-space:nowrap}.draft-progress-banner strong{border-radius:999px;background:#0f766e;padding:5px 10px;color:#fff;font-size:12px;white-space:nowrap}.draft-progress-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b9815c;animation:draft-pulse 1.8s ease-out infinite}.draft-modal-backdrop{position:fixed;z-index:1200;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;background:#111d1685;padding:28px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.draft-modal{display:flex;flex-direction:column;width:min(900px,100%);max-height:calc(100vh - 56px);overflow:hidden;border-radius:18px;background:#f7faf8;box-shadow:0 24px 68px #0d231752}.draft-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce5df;background:#fff;padding:17px 19px}.draft-modal-header h2{color:#17201a;font-size:18px}.draft-modal-header p{margin-top:3px;color:#6c7b72;font-size:12px}.draft-modal-header button{display:grid;flex:0 0 auto;place-items:center;width:36px;height:36px;border-radius:9px;background:#edf3ef;color:#52645a;cursor:pointer}.draft-modal-header button:hover{background:#e1ebe5;color:#17201a}.draft-modal-body{min-height:0;overflow-y:auto;padding:18px;overscroll-behavior:contain}.draft-modal-body>*{width:100%;max-width:none}@keyframes draft-pulse{70%,to{box-shadow:0 0 0 8px #10b98100}}.product-selection-modal-backdrop,.forecast-confirmation-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;background:#111d1685;padding:28px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.product-selection-modal,.forecast-confirmation-modal{display:flex;width:min(960px,100%);max-height:calc(100vh - 56px);overflow:hidden;border-radius:16px;background:#f7faf8;box-shadow:0 24px 64px #0d231752}.forecast-confirmation-modal{width:min(900px,100%)}.product-selection-modal>*{flex:1 1 auto;min-height:0;overflow:hidden}.forecast-confirmation-modal>*{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.selection-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;background:#111d167a;padding:28px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.selection-modal{display:flex;justify-content:center;width:min(900px,100%);max-height:calc(100vh - 56px);overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 22px 60px #0d231747}.selection-modal>*{flex:1 1 auto;width:100%;max-width:none;min-height:0;overflow-y:auto;overscroll-behavior:contain}.error{border:1px solid #f0b7ad;border-radius:8px;background:#fff7f5;padding:10px 12px;color:#a33624}.error.compact{font-size:13px}.composer{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:10px;border-top:1px solid #d8ded5;padding-top:16px}.attachment-preview{display:flex;grid-column:1 / -1;gap:8px;overflow-x:auto}.attachment-preview button{position:relative;flex:0 0 auto;width:68px;height:58px;padding:0;background:#fff}.attachment-preview img{width:100%;height:100%;border-radius:8px;object-fit:cover}.attachment-preview .file-preview{display:grid;place-items:center;width:100%;height:100%;border:1px solid #cfdad3;border-radius:8px;padding:5px;color:#315a47;font-size:9px;line-height:1.1;overflow:hidden}.attachment-preview svg{position:absolute;top:3px;right:3px;border-radius:50%;background:#0000009e;color:#fff}.attachment-preview .file-preview svg{position:static;background:transparent;color:#0f766e}.attach-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cfd8d1;border-radius:8px;background:#fff;color:#0f766e;cursor:pointer}.attach-button input{display:none}.composer.session-start{grid-template-columns:minmax(0,1fr) 44px}.composer input{width:100%;min-height:44px;border:1px solid #cfd8d1;border-radius:8px;background:#fff;padding:0 14px;color:#17201a;outline:none}.composer input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.composer button{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#0f766e;color:#fff;cursor:pointer}.composer.session-start button{background:#2563eb}.composer .voice-button{border:1px solid #cfd8d1;background:#fff;color:#0f766e}.composer .voice-button.recording{border-color:#f0b7ad;background:#fff7f5;color:#a33624}.composer button:disabled{cursor:not-allowed;opacity:.55}.spin{animation:spin .9s linear infinite}.setup-page{min-height:100%;overflow-y:auto;background:radial-gradient(circle at 18% 12%,rgba(15,118,110,.14),transparent 34%),radial-gradient(circle at 85% 88%,rgba(37,99,235,.1),transparent 36%),#f4f7f4;padding:48px 24px}.setup-card{width:min(860px,100%);margin:0 auto;border:1px solid #d5dfd8;border-radius:20px;background:#fffffff5;padding:34px;box-shadow:0 24px 70px #1a37261f}.setup-header{display:flex;gap:17px;align-items:flex-start;border-bottom:1px solid #e1e8e3;padding-bottom:26px}.setup-brand{display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;border-radius:14px;background:#e4f3ee;color:#0f766e}.setup-kicker{margin-bottom:4px;color:#0f766e;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.setup-header h1{color:#17201a;font-size:clamp(24px,4vw,32px);line-height:1.2}.setup-header h1+p{margin-top:9px;color:#607064;line-height:1.6}.setup-loading{display:flex;gap:10px;align-items:center;justify-content:center;min-height:260px;color:#52645a}.setup-form{display:grid;gap:28px;padding-top:28px}.setup-form fieldset{min-width:0;margin:0;border:0;padding:0}.setup-form legend{padding:0;color:#17201a;font-size:16px;font-weight:800}.setup-help{margin-top:5px;color:#6b796f;font-size:13px;line-height:1.5}.setup-options{display:grid;gap:12px;margin-top:14px}.model-options{grid-template-columns:repeat(3,minmax(0,1fr))}.recognition-options{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-option{position:relative;display:flex;gap:12px;align-items:center;min-height:82px;border:1px solid #cfdbd3;border-radius:12px;background:#fff;padding:15px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.setup-option:hover:not(.disabled){border-color:#72ae9c}.setup-option.selected{border-color:#0f766e;background:#f0faf6;box-shadow:0 0 0 3px #0f766e1a}.setup-option.disabled{background:#f3f5f3;color:#89938d;cursor:not-allowed;opacity:.72}.setup-option input{position:absolute;width:1px;height:1px;opacity:0}.setup-option:has(input:focus-visible){outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.option-check{display:grid;flex:0 0 auto;place-items:center;width:24px;height:24px;border:1px solid #b8c6bd;border-radius:50%;color:transparent}.setup-option.selected .option-check{border-color:#0f766e;background:#0f766e;color:#fff}.option-copy{display:grid;min-width:0}.option-copy strong{overflow-wrap:anywhere;color:inherit;font-size:14px}.option-copy small{margin-top:4px;color:#6b796f;font-size:11px;line-height:1.4}.option-status{margin-left:auto;border-radius:999px;background:#e1e5e2;padding:4px 7px;font-size:10px;white-space:nowrap}.setup-actions{display:flex;gap:14px;align-items:center;justify-content:flex-end;border-top:1px solid #e1e8e3;padding-top:22px}.setup-back-link{color:#52645a;font-size:13px;font-weight:700;text-decoration:none}.setup-back-link:hover,.setup-back-link:focus-visible{color:#0f766e}.setup-submit,.setup-failure button{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:46px;border-radius:10px;background:#0f766e;padding:0 18px;color:#fff;font-weight:750;cursor:pointer}.setup-submit:disabled{cursor:not-allowed;opacity:.5}.setup-submit:focus-visible,.setup-failure button:focus-visible{outline:3px solid rgba(15,118,110,.22);outline-offset:3px}.setup-failure{display:grid;gap:16px;justify-items:start;padding-top:28px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.shell{grid-template-columns:1fr;grid-template-rows:minmax(180px,34vh) minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid #d8ded5;gap:16px;padding:18px 20px}.workspace{min-height:0;padding:16px 20px 20px}.setup-page{padding:24px 14px}.setup-card{border-radius:15px;padding:22px}.model-options,.recognition-options{grid-template-columns:1fr}.setup-option{min-height:72px}}