:root{--bg: #F3F5F6;--panel: #FFFFFF;--panel-2: #ECEFF1;--sunk: #F6F8F9;--border: #D9DFE3;--border-strong: #C5CED4;--line-soft: #E7EBEE;--text: #0B1B25;--text-2: #384853;--muted: #687782;--faint: #97A3AB;--accent: #B00000;--accent-hover: #8E0000;--accent-soft: #FBEBEB;--navy: #062636;--code-bg: #FAFBFC;--ok: #0F7D47;--warn: #9A5800;--bad: #B42318;--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);--shadow-1: 0 1px 2px rgba(11, 27, 37, .06), 0 1px 1px rgba(11, 27, 37, .03);--shadow-2: 0 2px 6px rgba(11, 27, 37, .06), 0 18px 40px -12px rgba(11, 27, 37, .18);--f-display: "Bricolage Grotesque", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--f-body: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:var(--f-body);color:var(--text);background:var(--bg);color-scheme:light;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;height:100vh;background:var(--bg)}#root{height:100vh}h1,h2{margin:0;font-family:var(--f-display);font-weight:600;letter-spacing:-.02em;color:var(--text)}button{font:inherit;font-weight:500;cursor:pointer;border:1px solid transparent;background:var(--accent);color:#fff;border-radius:9px;padding:8px 14px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:none;box-shadow:var(--ring)}button.secondary{background:var(--panel);border-color:var(--border);color:var(--text)}button.secondary:hover:not(:disabled){background:var(--sunk)}button.link,button.link:hover:not(:disabled){background:none;border:none;color:var(--accent);padding:0}button.primary-lg{padding:12px 18px;font-size:15px;font-weight:600;border-radius:10px}.small{font-size:12px}.muted{color:var(--muted)}.center{text-align:center;margin-top:40px}.error{color:var(--bad)}input,textarea{font:inherit;font-size:14px;width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--faint)}input:hover,textarea:hover{border-color:var(--border-strong)}input:focus,textarea:focus{border-color:var(--muted);box-shadow:var(--ring)}textarea{resize:vertical;line-height:1.5}label,.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-2)}.field-label{display:block}.optional{font-weight:400;color:var(--faint);margin-left:4px}pre{margin:0;white-space:pre-wrap;word-break:break-word}code,pre{font-family:var(--f-mono)}.home{max-width:1100px;margin:0 auto;padding:40px 16px}.home-header h1{font-size:32px}.home-header p{color:var(--muted);margin:6px 0 28px}.home-main{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.new-project{display:flex;flex-direction:column;gap:18px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow-1)}.new-project h2,.project-list h2{font-size:22px}.project-list ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.project-card{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-1)}.project-card:hover:not(:disabled){background:var(--panel);border-color:var(--border-strong);box-shadow:var(--shadow-2)}.clamp{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workspace{display:flex;flex-direction:column;height:100vh}.ws-header{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.ws-header h1{font-size:16px;flex:1}.ws-meta{display:flex;align-items:center;gap:10px}.badge-group{display:inline-flex;align-items:center;gap:8px}.pill{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2)}.pill-ok{border-color:var(--ok);color:var(--ok)}.pill-warn{border-color:var(--warn);color:var(--warn)}.pill-bad{border-color:var(--bad);color:var(--bad)}.pill-off,.pill-muted{color:var(--muted)}.ws-body{display:grid;flex:1;min-height:0}.ws-body.chat-left{grid-template-columns:minmax(300px,var(--chat-size, 40%)) 5px minmax(300px,1fr)}.ws-body.chat-right{grid-template-columns:minmax(300px,1fr) 5px minmax(300px,var(--chat-size, 40%))}.ws-body.chat-top{grid-template-rows:minmax(300px,var(--chat-size, 40%)) 5px minmax(160px,1fr)}.ws-body.chat-bottom{grid-template-rows:minmax(160px,1fr) 5px minmax(300px,var(--chat-size, 40%))}.ws-body.chat-right>.chat-column,.ws-body.chat-bottom>.chat-column{order:3}.ws-body.chat-right>.splitter,.ws-body.chat-bottom>.splitter{order:2}.ws-body.chat-right>.preview,.ws-body.chat-bottom>.preview{order:1}.ws-body.chat-top>*,.ws-body.chat-bottom>*{min-width:0}.ws-body.chat-top>.splitter,.ws-body.chat-bottom>.splitter{cursor:row-resize}.ws-body.dragging.chat-top,.ws-body.dragging.chat-bottom{cursor:row-resize}.splitter{cursor:col-resize;background:var(--line-soft);touch-action:none;transition:background .15s}.splitter:hover,.ws-body.dragging .splitter{background:var(--accent)}.ws-body.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.ws-body.dragging iframe{pointer-events:none}.chat{position:relative;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.drop-overlay{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--accent);border-radius:12px;background:#0d1016d1}.drop-overlay div{display:flex;flex-direction:column;gap:6px}.drop-overlay span{color:var(--muted);font-size:13px}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.msg{padding:10px 14px;border-radius:12px;white-space:pre-wrap;line-height:1.45;max-width:92%}.msg-user{align-self:flex-end;background:var(--navy);color:#eaf2f6}.msg-assistant{align-self:flex-start;background:var(--panel);border:1px solid var(--line-soft);box-shadow:var(--shadow-1)}.msg-assistant.streaming:after{content:"▍";opacity:.6}.note{font-size:13px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);color:var(--muted)}.note-error{border-color:var(--bad);color:var(--bad)}.tool{border-left:2px solid var(--border);margin-left:6px;font-size:13px}.tool-head,.tool-head:hover:not(:disabled){display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--muted);text-align:left;padding:3px 8px}.tool-dot{width:7px;height:7px;border-radius:50%;background:var(--warn);flex:none}.tool-done .tool-dot{background:var(--ok)}.tool-error .tool-dot{background:var(--bad)}.tool-running .tool-dot{animation:pulse 1s infinite}.tool-name{color:var(--text);font-weight:500}.tool-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--f-mono);font-size:12px}.tool-body{padding:6px 10px 10px;font-family:var(--f-mono);font-size:12px;color:var(--muted)}.tool-result{margin-top:6px;border-top:1px dashed var(--border);padding-top:6px;max-height:240px;overflow:auto}.thinking{display:flex;gap:5px;padding:6px 12px}.thinking span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:pulse 1.2s infinite}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.composer{border-top:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--panel)}.composer-box{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:10px;transition:border-color .15s}.composer-box:focus-within{border-color:var(--muted);box-shadow:var(--ring)}.composer-box textarea,.composer-box textarea:focus{background:none;border:none;box-shadow:none;border-radius:10px 10px 0 0;outline:none;resize:none;padding:10px 12px 4px}.attachments{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px 0}.attachment{display:inline-flex;align-items:center;gap:2px;max-width:220px;font-size:12px;padding:2px 2px 2px 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}.attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{background:none;border:none;color:var(--muted);padding:0 5px;font-size:14px;line-height:1}.attachment-remove:hover:not(:disabled){color:var(--text)}.composer-actions{display:flex;align-items:center;gap:4px;padding:4px 6px 6px}.composer-actions>button:not(.ghost-button):not(.icon-button){padding:5px 14px;font-size:13px}.ghost-button{font:inherit;font-size:12px;height:28px;padding:0 8px;background:none;color:var(--muted);border:1px solid transparent;border-radius:6px}.ghost-button:hover:not(:disabled){color:var(--text);background-color:var(--panel-2)}.composer-actions .spacer{flex:1}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:none;border:1px solid transparent;border-radius:6px;color:var(--muted)}.icon-button:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.icon-button.active{color:var(--accent)}.layout-picker{position:relative}.layout-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:10;display:flex;gap:2px;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-2)}.preview{display:flex;flex-direction:column;min-height:0}.tabs{display:flex;align-items:center;gap:4px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--panel)}.tabs>button,.tabs>button:hover:not(:disabled){background:none;border:none;color:var(--muted);padding:6px 10px;border-radius:6px;text-transform:capitalize}.tabs>button:hover:not(:disabled){color:var(--text)}.tabs>button.active{background:var(--panel-2);color:var(--text)}.tabs .spacer{flex:1}.tabs a{color:var(--accent);text-decoration:none;margin-right:10px}.pane{flex:1;min-height:0;background:#fff}.pane iframe{width:100%;height:100%;border:none;display:block}.pane .code{height:100%;overflow:auto;padding:14px;background:var(--code-bg);color:var(--text);font-family:var(--f-mono);font-size:12px}.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);gap:6px}.placeholder a{color:var(--accent)}@media (max-width: 900px){.home-main{grid-template-columns:1fr}.ws-body{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.splitter{display:none}.ws-body.chat-left,.ws-body.chat-right,.ws-body.chat-top,.ws-body.chat-bottom{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.chat{border-right:none;border-bottom:1px solid var(--border)}}.chat-column{display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-column .chat{border-right:none;flex:1}.threads{border-bottom:1px solid var(--border);background:var(--panel)}.threads-bar{display:flex;align-items:center;gap:8px;padding:8px 10px}.threads-toggle,.threads-toggle:hover:not(:disabled){flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;color:var(--text);text-align:left;padding:2px 4px}.threads-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}button.small{padding:5px 10px;font-size:12px}.threads-list{border-top:1px solid var(--border);max-height:40vh;overflow-y:auto;padding:8px 10px}.threads-new{display:flex;gap:8px;margin-bottom:8px}.threads-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.thread,.thread:hover:not(:disabled){width:100%;display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;background:none;border:1px solid transparent;color:var(--text);padding:6px 8px;border-radius:6px}.thread:hover:not(:disabled){background:var(--panel-2)}.thread.active{border-color:var(--accent)}.thread-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.note-info{color:var(--muted);border-style:dashed}.msg-user.pending{opacity:.6}.msg-assistant{white-space:normal}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol{margin:0 0 8px}.md ul,.md ol{padding-left:20px}.md li{margin:2px 0}.md h1,.md h2,.md h3,.md h4{font-size:14px;font-weight:600;margin:10px 0 4px}.md code{font-family:var(--f-mono);font-size:12px;background:var(--panel-2);padding:1px 5px;border-radius:4px}.md pre{background:var(--code-bg);border:1px solid var(--line-soft);padding:8px 10px;border-radius:6px;overflow-x:auto;margin:6px 0}.md pre code{background:none;padding:0}.md a{color:var(--accent)}.md table{border-collapse:collapse;margin:6px 0;font-size:13px}.md th,.md td{border:1px solid var(--border);padding:4px 8px;text-align:left}.md blockquote{margin:6px 0;padding-left:10px;border-left:2px solid var(--border);color:var(--muted)}.signin{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.signin-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:var(--shadow-2)}.signin-card h1{font-size:22px}.signin-card p{margin:0}.home-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.user-menu{display:flex;align-items:center;gap:10px}.user-menu button{padding:5px 11px;font-size:13px;background:var(--panel);border-color:var(--border);color:var(--text)}.user-menu button:hover:not(:disabled){background:var(--sunk)}a{color:var(--accent)}.select{position:relative;min-width:0}.select .select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;font-weight:400}.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-note{color:var(--muted)}.select-chevron{flex:none;color:var(--muted);transition:transform .15s}.select.open .select-chevron{transform:rotate(180deg)}.select-field .select-trigger{font-size:14px;padding:10px 12px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:9px}.select-field .select-trigger:hover:not(:disabled){background:var(--panel);border-color:var(--border-strong)}.select-field.open .select-trigger,.select-field .select-trigger:focus-visible{border-color:var(--muted);box-shadow:var(--ring)}.select-ghost .select-trigger{height:28px;max-width:150px;gap:6px;padding:0 8px;font-size:12px;background:none;color:var(--muted);border-radius:6px}.select-ghost .select-trigger:hover:not(:disabled),.select-ghost.open .select-trigger{background:var(--panel-2);color:var(--text)}.select-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:100%;max-height:320px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--panel);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-2);animation:menu-in .12s ease-out}.select-menu.up{top:auto;bottom:calc(100% + 6px);animation-name:menu-in-up}.select-ghost .select-menu{min-width:240px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes menu-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:13.5px;font-weight:400;color:var(--text)}.select-option.active{background:var(--panel-2)}.select-option[aria-selected=true]{font-weight:500}.select-option svg{flex:none;color:var(--accent)}.select-option-text{display:flex;flex-direction:column;gap:1px;min-width:0}.select-option-note{font-size:12px;font-weight:400;color:var(--muted)}.threads-new .threads-model{flex:1}.threads-new .select-trigger{padding:6px 10px;font-size:13px}.filedrop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px;text-align:center;font-size:13.5px;font-weight:400;color:var(--muted);background:var(--sunk);border:1.5px dashed var(--border-strong);border-radius:11px;cursor:pointer;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.filedrop svg{color:var(--faint);transition:color .15s,transform .15s}.filedrop strong{color:var(--text);font-weight:600}.filedrop-browse{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.filedrop-hint{font-size:12px;color:var(--faint)}.filedrop:hover{border-color:var(--muted);background:var(--panel)}.filedrop:focus-visible{border-color:var(--muted);box-shadow:var(--ring)}.filedrop.over{border-color:var(--accent);border-style:solid;background:var(--accent-soft)}.filedrop.over svg{color:var(--accent);transform:translateY(-2px)}.filedrop-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.filedrop-list li{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;font-size:13px;font-weight:400;background:var(--panel);border:1px solid var(--border);border-radius:8px}.filedrop-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.filedrop-size{font-family:var(--f-mono);font-size:11.5px;color:var(--muted)}.filedrop-remove,.filedrop-remove:hover:not(:disabled){display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;color:var(--muted);border-radius:6px}.filedrop-remove:hover:not(:disabled){background:var(--accent-soft);color:var(--bad)}