:root{--bg: #f6f7f9;--surface: #ffffff;--surface-soft: #eef2f6;--surface-strong: #e3e8ef;--text: #17202a;--muted: #647080;--soft: #8a95a3;--border: #dbe1e8;--border-strong: #c4ccd7;--accent: #0f766e;--accent-strong: #115e59;--accent-soft: #dff7f3;--blue: #2563eb;--danger: #b42318;--success: #166534;--shadow: 0 16px 40px rgba(31, 41, 55, .08);--radius: 8px;color-scheme:light}*{box-sizing:border-box}html{min-width:0;background:var(--bg)}body{margin:0;min-width:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{color:inherit}#root{min-height:100dvh}.btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:8px 12px;font-weight:650;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.btn:hover{background:var(--surface-soft);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn-primary:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.input,.select,.textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);padding:9px 10px}.textarea{min-height:96px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:3px solid rgba(15,118,110,.16)}.field,.compact-field{display:grid;gap:6px;min-width:0}.field>span,.compact-field>span{color:var(--muted);font-size:12px;font-weight:700}.compact-field{min-width:min(320px,100%)}.muted{color:var(--muted)}.error-text,.workspace-alert{color:var(--danger)}.success-text{color:var(--success)}.signin{min-height:100dvh;display:grid;place-items:center;padding:32px 16px;background:linear-gradient(180deg,#ffffffc7,#f6f7f9e0),var(--bg)}.signin-panel{width:min(540px,100%);border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:32px;box-shadow:var(--shadow)}.signin-kicker,.panel-kicker{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.signin h1{margin:0;font-size:clamp(32px,7vw,52px);line-height:1.02;letter-spacing:0}.signin-copy{margin:16px 0 22px;color:var(--muted);font-size:16px;line-height:1.6}.signin-form{display:grid;gap:12px}.dev-link{display:inline-flex;margin-top:14px;color:var(--blue);font-weight:700}.workspace-app{min-height:100dvh;display:grid;grid-template-columns:280px minmax(0,1fr);background:var(--bg)}.workspace-sidebar{min-width:0;border-right:1px solid var(--border);background:#fbfcfd;padding:18px;display:flex;flex-direction:column;gap:18px}.workspace-brand{display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--border)}.workspace-brand strong{font-size:18px}.workspace-brand span{color:var(--muted);font-size:12px;word-break:break-word}.workspace-create{display:grid;gap:10px}.workspace-nav{display:grid;gap:6px}.workspace-nav button,.project-list button,.chat-list button,.workflow-mini-list button{width:100%;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);padding:10px 11px;text-align:left;cursor:pointer}.workspace-nav button{color:var(--text);font-weight:700}.workspace-nav button:hover,.workspace-nav button.active,.project-list button:hover,.project-list button.active,.chat-list button:hover,.chat-list button.active,.workflow-mini-list button:hover{background:var(--surface-soft);color:var(--text)}.workspace-main{min-width:0;display:flex;flex-direction:column}.workspace-topbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:#ffffffdb;padding:18px 28px}.workspace-topbar p,.workspace-topbar h1{margin:0}.workspace-topbar p{color:var(--muted);font-size:12px;font-weight:750}.workspace-topbar h1{margin-top:3px;font-size:clamp(22px,4vw,30px);line-height:1.15}.workspace-section{min-width:0;padding:26px 28px 36px;overflow:auto}.workspace-loading{margin:14px 28px 0;color:var(--muted)}.workspace-alert{margin:14px 28px 0;border:1px solid rgba(180,35,24,.26);border-radius:var(--radius);background:#b423180f;padding:10px 12px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2,.panel h2,.panel h3,.workflow-card h4{margin:0;letter-spacing:0}.panel{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px}.panel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-heading-row>span{color:var(--muted);font-size:12px;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.onboarding-panel,.current-project,.cost-panel{grid-column:span 6}.dashboard-grid>.panel:nth-child(3),.dashboard-grid>.panel:nth-child(4){grid-column:span 3}.panel p{color:var(--muted);line-height:1.55}.onboarding-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.onboarding-list li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;color:var(--muted)}.onboarding-list li>span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;color:var(--accent);font-size:10px;font-weight:900}.onboarding-list li.done{color:var(--text)}.onboarding-list li.done>span{border-color:var(--accent);background:var(--accent-soft)}.model-summary-list,.workflow-mini-list{display:grid;gap:7px;margin-top:14px}.model-summary-list span,.workflow-mini-list span{color:var(--muted);font-size:13px}.project-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr) minmax(260px,1fr);gap:16px;align-items:start}.project-list,.chat-list{display:grid;gap:8px}.project-list button{display:grid;gap:3px;border:1px solid transparent}.project-list button strong,.project-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list button span{color:var(--muted);font-size:12px}.project-form{display:grid;gap:12px}.project-detail dl,.provider-card dl{display:grid;gap:14px;margin:16px 0 0}.project-detail dt,.provider-card dt{color:var(--muted);font-size:12px;font-weight:800}.project-detail dd,.provider-card dd{margin:4px 0 0;color:var(--text);line-height:1.5;word-break:break-word}.provider-form{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(180px,1fr) minmax(220px,1.2fr) auto;gap:12px;align-items:end;margin-bottom:16px}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:16px}.provider-card{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px}.provider-card p{margin:0 0 5px;color:var(--accent);font-size:12px;font-weight:800}.provider-card h3{margin:0}.empty-card{display:grid;gap:8px;color:var(--muted)}.empty-card h2,.empty-card h3,.empty-card p{margin:0}.model-table-panel{overflow-x:auto}.model-table{display:grid;min-width:620px;gap:2px}.model-row{display:grid;grid-template-columns:120px minmax(180px,1fr) minmax(180px,1fr) 90px;gap:12px;align-items:center;border-top:1px solid var(--border);padding:10px 0}.model-row span,.model-row em{color:var(--muted);font-style:normal}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.workflow-category{display:grid;gap:12px}.workflow-list{display:grid;gap:10px}.workflow-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border-top:1px solid var(--border);padding-top:12px}.workflow-card p{margin:5px 0 0;color:var(--muted);line-height:1.5}.workflow-card>span{border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:4px 9px;font-size:12px;font-weight:800;white-space:nowrap}.chat-section{display:flex;min-height:0;flex-direction:column}.chat-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;min-height:min(680px,calc(100dvh - 190px))}.chat-list{align-content:start}.chat-list button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-window{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0;overflow:hidden}.messages{min-height:360px;overflow-y:auto;padding:18px}.chat-empty{display:grid;min-height:280px;place-content:center;gap:8px;color:var(--muted);text-align:center}.chat-empty h3,.chat-empty p{margin:0}.message{display:grid;gap:8px;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:13px 14px}.message>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.message strong{text-transform:capitalize}.message span{color:var(--muted);font-size:12px}.message p{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.6}.message-user{background:#f4f8fb}.server-composer{display:grid;gap:10px;border-top:1px solid var(--border);background:#fbfcfd;padding:14px}.server-composer .textarea{min-height:112px}.workflow-inserted{margin:0;color:var(--accent);font-size:12px;font-weight:800}@media(max-width:1120px){.dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.onboarding-panel,.current-project,.cost-panel,.dashboard-grid>.panel:nth-child(3),.dashboard-grid>.panel:nth-child(4){grid-column:span 3}.project-grid,.provider-form{grid-template-columns:1fr}}@media(max-width:820px){.workspace-app{grid-template-columns:1fr}.workspace-sidebar{border-right:0;border-bottom:1px solid var(--border)}.workspace-nav{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto}.workspace-nav button{text-align:center;white-space:nowrap}.workspace-topbar,.section-heading{align-items:stretch;flex-direction:column}.workspace-topbar,.workspace-section{padding-left:16px;padding-right:16px}.dashboard-grid,.chat-layout,.workflow-card{grid-template-columns:1fr}.onboarding-panel,.current-project,.cost-panel,.dashboard-grid>.panel:nth-child(3),.dashboard-grid>.panel:nth-child(4){grid-column:span 1}.chat-layout{min-height:auto}.chat-list{max-height:180px;overflow-y:auto}}@media(max-width:540px){.signin-panel{padding:22px}.workspace-sidebar{padding:14px}.workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.provider-card{padding:14px}}.md{font-size:.95rem;line-height:1.6;color:var(--text);word-break:break-word}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 .7em}.md h1,.md h2,.md h3,.md h4{margin:1.1em 0 .5em;line-height:1.3;font-weight:650}.md h1{font-size:1.3rem}.md h2{font-size:1.15rem}.md h3{font-size:1.03rem}.md ul,.md ol{margin:0 0 .7em;padding-left:1.4em}.md li{margin:.2em 0}.md a{color:var(--accent);text-decoration:underline}.md blockquote{margin:0 0 .7em;padding:.2em 0 .2em .9em;border-left:3px solid var(--border-strong);color:var(--muted)}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;background:var(--surface-soft);padding:.12em .36em;border-radius:5px}.md table{border-collapse:collapse;margin:0 0 .7em;width:100%;font-size:.9em}.md th,.md td{border:1px solid var(--border);padding:6px 9px;text-align:left}.md th{background:var(--surface-soft)}.md hr{border:none;border-top:1px solid var(--border);margin:1em 0}.md-code{position:relative;margin:0 0 .7em}.md-code pre{margin:0;padding:12px 14px;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.md-code pre code{background:none;padding:0;font-size:.84em;line-height:1.5}.md-copy{position:absolute;top:6px;right:6px;font-size:.72rem;padding:2px 8px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--muted);cursor:pointer}.md-copy:hover{color:var(--text)}.message-text{margin:0;white-space:pre-wrap;word-break:break-word}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}.save-output-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);align-items:flex-end}.badge{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong)}.saved-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;align-items:flex-end}.saved-output-list{display:grid;gap:12px}.saved-output-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px}.saved-output-content{margin-top:8px;padding:10px;background:var(--surface-soft);border-radius:6px;font-size:.88rem;white-space:pre-wrap;max-height:240px;overflow:auto}.compare-model-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.compare-model-option{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:.88rem;cursor:pointer}.compare-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:16px}.compare-result-card{padding:14px;display:flex;flex-direction:column;gap:8px}.compare-result-text{font-size:.9rem;max-height:360px;overflow:auto}.project-files{margin-top:16px}.file-list{display:grid;gap:8px;margin-top:10px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:.88rem}.crash-card{max-width:560px;margin:14vh auto;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.crash-detail{margin-top:12px;padding:10px;background:var(--surface-soft);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;white-space:pre-wrap;overflow:auto}