:root{color:#1f2937;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{align-items:center;border:0;border-radius:6px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center}button:disabled{cursor:not-allowed;opacity:.62}.appShell{display:grid;grid-template-rows:62px minmax(0,1fr);height:100vh;overflow:hidden;padding:12px 16px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto 10px;max-width:1680px;width:100%}.topbar h1{font-size:25px;line-height:1.1;margin:0}.topbar p{color:#667085;margin:3px 0 0}.inlineActions{display:flex;gap:8px}.iconButton{background:#fff;border:1px solid #cbd5e1;color:#344054;height:36px;width:36px}.fileButton{position:relative}.fileButton input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.projectTools{border-top:1px solid #e4e9f0;display:grid;gap:8px;padding-top:10px}.projectTools>span{color:#667085;font-size:12px;font-weight:700}.projectToolActions{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.projectToolButton{align-items:center;background:#f8fafc;border:1px solid #d7dee8;border-radius:6px;color:#475467;display:inline-flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;min-height:34px;padding:0 8px}.projectToolButton:disabled{background:#f3f6f8;color:#98a2b3}.workspace{display:grid;gap:14px;grid-template-columns:300px minmax(560px,1fr) 430px;height:100%;min-height:0;margin:0 auto;max-width:1720px;width:100%}.panel{background:#fff;border:1px solid #d7dee8;border-radius:8px;box-shadow:0 12px 30px #1018280f}.controlPanel,.resultPanel{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden;padding:14px}.controlPanel{overflow:visible;position:relative;z-index:5}.resultPanel{overflow:hidden}.codePanel{display:grid;gap:10px;grid-template-rows:auto minmax(0,1fr) auto auto auto;min-height:0;overflow:hidden;padding:14px}.fieldGroup,label{display:grid;gap:6px}label>span,.fieldGroup>span,.fieldHeader>span,.panelHeader h2{color:#344054;font-size:13px;font-weight:700;letter-spacing:0;margin:0}.fieldHeader{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.keyHelp{position:relative}.newModelButton{background:#111827;color:#fff;min-height:38px;width:100%}.sidebarSettings{border:1px solid #e4e9f0;border-radius:8px;overflow:visible}.sidebarSettings summary{align-items:center;cursor:pointer;display:grid;gap:3px;list-style:none;padding:10px}.sidebarSettings summary::-webkit-details-marker{display:none}.sidebarSettings summary span{color:#344054;font-size:13px;font-weight:800}.sidebarSettings summary small{color:#667085;font-size:11px}.sidebarSettingsBody{border-top:1px solid #e4e9f0;display:grid;gap:10px;padding:10px}.modelHistory{border:1px solid #e4e9f0;border-radius:8px;display:grid;gap:8px;min-height:128px;overflow:hidden;padding:10px}.modelHistory>span{color:#344054;font-size:13px;font-weight:800}.modelList{display:grid;gap:6px;max-height:min(250px,32vh);overflow:auto}.modelList button{align-items:start;background:#f8fafc;border:1px solid #e4e9f0;border-radius:6px;color:#344054;display:grid;gap:3px;justify-content:stretch;min-height:42px;padding:8px 9px;text-align:left}.modelList button[aria-pressed=true]{background:#edf7f4;border-color:#a7d8cc;color:#15594e}.modelList strong{font-size:13px;line-height:1.2}.modelList small{color:#667085;font-size:11px}.keyHelpButton{background:#f3f6fb;border:1px solid #d5deea;color:#475467;font-size:12px;font-weight:700;height:26px;padding:0 8px;white-space:nowrap}.keyHelpTooltip{background:#fff;border:1px solid #e8c99d;border-radius:8px;box-shadow:0 22px 54px #1018283d;color:#3b2a19;display:grid;gap:10px;left:0;opacity:0;padding:16px;pointer-events:none;position:absolute;right:auto;top:calc(100% + 8px);transform:translateY(0);visibility:hidden;width:min(420px,calc(100vw - 44px));z-index:2000}.keyHelp:hover .keyHelpTooltip,.keyHelp:focus-within .keyHelpTooltip{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.keyHelpTooltip strong{color:#111827;font-size:16px}.keyHelpTooltip span{color:#5d4630;font-size:14px;line-height:1.45}.keyHelpTooltip img{aspect-ratio:1;background:#fff;border:1px solid #ead9c4;border-radius:6px;object-fit:cover;object-position:left bottom;width:220px}.controlPanel .keyHelpTooltip{left:0}.inviteCodeLine{align-items:center;display:flex;gap:8px}.inviteCodeLine b{color:#111827;font-size:26px;letter-spacing:0}.keyInput{align-items:center;border:1px solid #cbd5e1;border-radius:6px;display:grid;gap:8px;grid-template-columns:auto 1fr;padding:0 10px}.keyInput input,textarea{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#111827;min-width:0;outline:none}.keyInput input{border:0;height:34px}textarea{line-height:1.45;padding:9px;resize:vertical}.segmentedControl{background:#f3f6fb;border:1px solid #cbd5e1;border-radius:7px;display:grid;gap:4px;grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding:4px}.segmentedControl button{background:transparent;color:#475467;font-size:13px;font-weight:700;min-height:30px;min-width:0;padding:0 8px;white-space:nowrap}.segmentedControl button[aria-pressed=true]{background:#fff;border:1px solid #b8c4d4;color:#111827;box-shadow:0 1px 4px #10182814}.growLabel{flex:1}.requirementInput{min-height:140px}.tokenPanel{background:#f8fafc;border:1px solid #e4e9f0;border-radius:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.tokenPanel div{display:grid;gap:2px}.tokenPanel span{color:#667085;font-size:12px}.tokenPanel strong{color:#344054;font-size:16px}.buttonGrid{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.buttonGrid button,.smallButton{background:#1f7a6d;color:#fff;min-height:34px;min-width:0;padding:0 10px}.buttonGrid button:nth-child(2){background:#315f9d}.buttonGrid button:nth-child(3){background:#9a5b1f}.buttonGrid button:nth-child(4){background:#6941c6}.agentActions{grid-template-columns:repeat(3,minmax(0,1fr))}.agentActions .primaryAction{background:#0f766e;font-weight:800}.agentActions .primaryAction:only-child{grid-column:1 / -1}.workflowStageStrip{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.workflowStage{background:#f8fafc;border:1px solid #d7dee8;border-radius:8px;display:grid;gap:4px;min-height:66px;padding:10px 12px}.workflowStageName{color:#1f2937;font-size:14px;font-weight:800;line-height:1.2}.workflowStageState{color:#667085;font-size:12px;font-weight:800;text-transform:uppercase}.workflowStage.active{background:#e9f7f3;border-color:#77c7b6}.workflowStage.active .workflowStageState{color:#0f766e}.workflowStage.complete{background:#f0f7ff;border-color:#9ec5f8}.workflowStage.complete .workflowStageState{color:#2457a7}.workflowStage.error{background:#fff1f1;border-color:#f7b4b4}.workflowStage.error .workflowStageState{color:#a33a3a}.pendingActionHint{background:#fff8eb;border:1px solid #f0c57a;border-radius:6px;color:#8a4b0f;font-size:13px;grid-column:1 / -1;margin:0;padding:9px 10px}.buttonGrid.agentActions .secondaryAction{background:#eef2f7;border:1px solid #cbd5e1;color:#344054}.renderAssetPanel{border:1px solid #e4e9f0;border-radius:8px;display:grid;gap:8px;padding:10px}.renderAssetPanel>span{color:#344054;font-size:13px;font-weight:800}.renderAssetActions{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.renderAssetActions button{background:#f8fafc;border:1px solid #d7dee8;color:#344054;font-size:12px;font-weight:700;min-height:32px;min-width:0;padding:0 8px}.smallButton{background:#475467;min-height:32px}.smallButton.success{background:#1f7a6d}.panelHeader{align-items:center;display:flex;justify-content:space-between}.panelHeader h2{align-items:center;display:inline-flex;gap:8px;font-size:15px}.panelHeader span,.precisionBadge{color:#667085;font-size:12px}.panelHeader.compact{margin-top:2px}.agentRun{border:1px solid #e4e9f0;border-radius:8px;display:grid;gap:12px;min-height:0;overflow:hidden;padding:14px}.agentRun .panelHeader h2{font-size:18px}.agentTimeline{display:grid;gap:10px;min-height:0;overflow:auto;padding-right:4px}.agentEvent{background:#f8fafc;border:1px solid #e4e9f0;border-radius:8px;display:grid;gap:7px;padding:11px 12px}.agentEvent h3{color:#1f2937;font-size:14px;line-height:1.2;margin:0}.agentEvent p,.agentEvent ul{color:#475467;font-size:13px;line-height:1.45;margin:0}.agentEvent ul{padding-left:18px}.agentError{background:#fff1f1;border-color:#f7b4b4}.agentError h3,.agentError p{color:#a33a3a}.correctionPromptPreview{background:#fffaf0;border:1px solid #f0d49a;border-radius:6px;display:grid;gap:5px;padding:9px 10px}.correctionPromptPreview span{color:#8a4b0f;font-size:12px;font-weight:800}.correctionPromptPreview p{color:#5f3f16}.agentCodePreview{background:#0f172a;border-radius:6px;color:#d1fae5;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;margin:0;max-height:190px;overflow:auto;padding:10px;white-space:pre-wrap}.userEvent{background:#f1faf7;border-color:#b9dfd4}.traceEvent{background:#fff}.compactTraceList{max-height:none}.agentComposer{background:#f8fafc;border:1px solid #e4e9f0;border-radius:8px;display:grid;gap:10px;padding:12px}.codeEditor{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;min-height:0;width:100%}.codeDisclosure{border:1px solid #e4e9f0;border-radius:8px;display:grid;overflow:hidden}.codeDisclosure summary{align-items:center;background:#fff;color:#344054;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:10px 12px}.codeDisclosure summary::-webkit-details-marker{display:none}.codeDisclosure summary span{align-items:center;display:inline-flex;font-size:13px;font-weight:700;gap:8px}.codeDisclosure summary small{color:#667085;font-size:12px}.codeDisclosure .codeEditor{border:0;border-top:1px solid #e4e9f0;min-height:170px}.revisionArea{display:grid;gap:10px}.revisionCard{background:#f8fafc;border:1px solid #b9dfd4;border-radius:8px;padding:12px}.revisionCard p,.revisionCard ul{color:#475467;font-size:13px;line-height:1.45;margin:0}.revisionCard ul{padding-left:18px}.pendingRevisionNotice{background:#fff8eb;border:1px solid #f0c57a;border-radius:6px;color:#8a4b0f!important;padding:8px 10px}.revisionCodeDisclosure{background:#fff}.codeEditor.proposed{border-color:#a7d8cc;min-height:180px}.promptTrace{border:1px solid #e4e9f0;border-radius:6px;display:grid;gap:8px;min-height:0;overflow:hidden;padding:10px 12px}.traceList{display:grid;gap:7px;max-height:150px;overflow:auto}.traceItem{background:#f8fafc;border:1px solid #e4e9f0;border-radius:6px;padding:8px}.traceItem summary{align-items:center;color:#344054;cursor:pointer;display:grid;gap:8px;grid-template-columns:1fr auto auto;list-style-position:inside}.traceItem summary span,.traceItem summary time{color:#667085;font-size:12px}.traceBlock{display:grid;gap:5px;margin-top:8px}.traceBlock span{color:#344054;font-size:12px;font-weight:700}.traceBlock pre{background:#fff;border:1px solid #e4e9f0;border-radius:6px;color:#344054;font-size:12px;margin:0;max-height:150px;overflow:auto;padding:8px;white-space:pre-wrap}.emptyTrace{color:#667085;margin:0}.viewGrid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1.35fr) minmax(0,1fr);flex:1;min-height:0}.viewGrid .viewTile:first-child{grid-column:1 / -1}.viewTile{border:1px solid #d7dee8;border-radius:6px;display:flex;flex-direction:column;margin:0;min-width:0;overflow:hidden}.viewTile img,.viewTile div{background:#f8fafc;display:block;flex:1;height:100%;min-height:0;object-fit:contain;width:100%}.viewTile figcaption{background:#f3f6f8;color:#475467;font-size:12px;padding:6px 8px;text-align:center}.confidence{color:#1f7a6d;font-weight:700}@media(max-width:1180px){.appShell{height:auto;min-height:100vh;overflow:visible}.workspace{grid-template-columns:1fr;height:auto}.controlPanel,.codePanel,.resultPanel{min-height:auto;overflow:visible}}@media(max-width:640px){.appShell{padding:12px}.topbar{align-items:flex-start;flex-direction:column}.buttonGrid,.viewGrid{grid-template-columns:1fr}.codeEditor{min-height:300px}}