:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb;background:#090d16;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:320px}button,textarea{font:inherit}button{cursor:pointer}.app-shell{height:100vh;min-height:0;overflow:hidden;background:radial-gradient(circle at 20% 0%,#172033 0,#090d16 42%);display:flex;flex-direction:column}.topbar{flex:0 0 72px;height:72px;border-bottom:1px solid #202a3c;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#090d16cc}.brand,.panel-title,.topbar-actions,.composer-actions{display:flex;align-items:center;gap:10px}.brand strong,.panel-title strong{display:block;font-size:14px}.brand span,.panel-title span{display:block;color:#8290a7;font-size:11px;margin-top:2px}.brand-mark,.panel-icon{width:32px;height:32px;display:grid;place-items:center;color:#a7f3d0;background:#123b37;border:1px solid #21645b;border-radius:8px}.panel-icon{width:28px;height:28px;border-radius:7px}.topbar-actions{color:#8390a6;font-size:12px}.icon-button{border:0;background:transparent;color:#92a0b6;width:30px;height:30px;display:grid;place-items:center;border-radius:6px}.icon-button:hover{color:#f8fafc;background:#1d2738}.workspace{flex:1;position:relative;display:flex;min-height:0}.canvas-area{flex:1;min-width:0;min-height:0;padding:28px 30px 24px;display:flex;flex-direction:column}.canvas-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex:0 0 auto}.eyebrow{color:#6ee7b7;font-size:11px;letter-spacing:.12em;margin:0 0 14px}.canvas-heading h1{font-size:clamp(28px,4vw,50px);letter-spacing:0;line-height:1.08;margin:0;max-width:620px}.lede{color:#8e9bb0;max-width:590px;line-height:1.7;margin:18px 0 0}.outline-button{height:36px;border:1px solid #334155;color:#cbd5e1;background:#121a28;border-radius:7px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;white-space:nowrap}.outline-button:hover{border-color:#6ee7b7}.empty-canvas{margin-top:62px;min-height:300px;border:1px dashed #2c3a50;border-radius:10px;display:grid;place-content:center;justify-items:center;gap:11px;color:#8794aa;background:#0d131f80}.empty-canvas strong{color:#cbd5e1;font-size:15px}.empty-icon{width:54px;height:54px;display:grid;place-items:center;color:#6ee7b7;border:1px solid #285c51;border-radius:12px;background:#102722}.chat-panel{position:fixed;z-index:10;right:28px;bottom:24px;width:min(360px,calc(100vw - 32px));height:min(590px,calc(100vh - 92px));background:#111827;border:1px solid #2c3a50;border-radius:12px;box-shadow:0 22px 65px #0000006b;display:flex;flex-direction:column;overflow:hidden}.chat-panel.is-minimized{height:auto}.panel-header{min-height:58px;padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #243047;cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle{color:#5d6c82;margin-left:3px}.message-list{flex:1;overflow:auto;padding:18px 14px;display:flex;flex-direction:column;gap:15px}.message-row{display:flex;gap:8px;align-items:flex-start}.message-row.user{flex-direction:row-reverse}.message-avatar{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto;color:#a7f3d0;background:#123b37}.user .message-avatar{color:#bfdbfe;background:#172e4d}.message-bubble{max-width:80%;padding:10px 12px;color:#dbe4f0;background:#1a2435;border:1px solid #2c3a50;border-radius:9px;font-size:13px;line-height:1.5}.user .message-bubble{color:#dbeafe;background:#193257;border-color:#28527f}.panel-composer{border-top:1px solid #243047;padding:11px}.composer-fields{position:relative}.panel-composer textarea{width:100%;border:1px solid #334155;border-radius:7px;resize:none;background:#0d1422;color:#e5e7eb;padding:9px 10px;outline:0;line-height:1.45}.panel-composer textarea:focus{border-color:#6ee7b7}.panel-composer textarea:disabled{opacity:.55}.composer-actions{justify-content:space-between;margin-top:8px;color:#718097;font-size:10px}.send-button{width:29px;height:29px;border:0;border-radius:7px;color:#08231d;background:#6ee7b7;display:grid;place-items:center;margin-left:auto}.send-button:hover{background:#a7f3d0}.login-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;background:#0d1422eb;border:1px solid #3c4d67;border-radius:7px;text-align:center}.login-overlay strong{color:#f1f5f9;font-size:13px}.login-overlay span{color:#94a3b8;font-size:10px}.github-button{margin-top:5px;display:inline-flex;align-items:center;gap:7px;height:29px;padding:0 10px;border:0;border-radius:6px;color:#0f172a;background:#f8fafc;font-size:11px}.github-button:hover{background:#dbeafe}@media(max-width:800px){.topbar{padding:0 16px}.topbar-actions{font-size:0}.topbar-actions .icon-button{margin-left:6px}.canvas-area{padding:32px 18px 120px}.canvas-heading{display:block}.outline-button{margin-top:22px}.chat-panel{right:16px;bottom:54px;width:min(390px,calc(100vw - 32px))}}.composer-actions>span{margin-right:auto}.stop-button{width:29px;height:29px;padding:0;border:1px solid #7f1d1d;border-radius:7px;color:#fecaca;background:#5b2028;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;line-height:0}.stop-button:hover{color:#fff;background:#991b1b}.stop-button svg,.send-button svg{display:block;flex:0 0 auto;margin:0}.send-button svg{transform:translate(-1px,1px)}.farm-stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;color:#d8e7d0;font-size:12px}.farm-stats span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #35534c;background:#142a29;border-radius:7px}.farm-stage{margin-top:24px;max-width:none;flex:1 1 auto;min-height:0;border:1px solid #35534c;border-radius:10px;background:#152229;padding:14px;box-shadow:0 18px 44px #00000038;display:flex;flex-direction:column}.farm-canvas-frame{flex:1 1 auto;min-height:0;overflow:hidden;background:#101a20;border-radius:7px;display:flex;align-items:center;justify-content:center}.farm-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.farm-canvas canvas{display:block;width:100%!important;height:100%!important;object-fit:contain;image-rendering:pixelated}.farm-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 2px 0;color:#91a69c;font-size:11px}.farm-legend span{display:inline-flex;align-items:center;gap:5px}.farm-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.legend-field{background:#3c6b4a}.legend-crop{background:#65a765}.legend-house{background:#8b6b4a}.farm-message{margin-left:auto;color:#c7d8c4}@media(max-width:800px){.farm-stats{justify-content:flex-start;margin-top:18px}.farm-stage{margin-top:24px;padding:8px}.farm-message{width:100%;margin-left:0}}.user-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #334155;border-radius:999px;background:#121a28;color:#cbd5e1;padding:3px 9px 3px 4px;font-size:11px}.user-chip:hover{border-color:#6ee7b7;color:#f8fafc}.quota-label{color:#a7f3d0;font-variant-numeric:tabular-nums}.chat-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;color:#718097;font-size:12px}.message-bubble.streaming{border-color:#2c7a68}.message-bubble.incomplete{border-style:dashed;color:#94a3b8}.tool-row{align-self:center;color:#8290a7;background:#151f2f;border:1px solid #2c3a50;border-radius:6px;padding:5px 8px;font-size:10px}.tool-row.error,.agent-error,.submit-error{color:#fecaca}.agent-error{border:1px solid #7f1d1d;background:#3f1820;border-radius:7px;padding:9px 10px;font-size:11px}.submit-error{margin-top:6px;font-size:10px}.stop-button:disabled,.send-button:disabled{opacity:.38;cursor:not-allowed}.send-button{width:29px;height:29px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;line-height:0}.workspace{min-height:0}.canvas-area{min-width:0;padding:clamp(28px,6vw,84px)}.chat-panel{position:fixed;z-index:10;right:28px;bottom:24px;width:min(390px,calc(100vw - 32px));height:min(620px,calc(100vh - 100px));background:#111827;border:1px solid #2c3a50;border-radius:10px;box-shadow:0 22px 65px #00000073;display:flex;flex-direction:column;overflow:hidden}.chat-panel.is-minimized{height:58px}.panel-header{min-height:58px;padding:0 10px 0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #243047;cursor:grab;-webkit-user-select:none;user-select:none}.panel-header:active{cursor:grabbing}.panel-actions{display:flex;gap:2px}.panel-actions .icon-button{width:34px;height:32px;border-radius:4px}.panel-actions .icon-button:hover{background:#243047}.panel-actions .close-button:hover{color:#fecaca;background:#5b2028}.chat-panel.is-minimized .panel-title span,.chat-panel.is-minimized .message-list,.chat-panel.is-minimized .panel-composer{display:none}.chat-panel.is-minimized .panel-header{border-bottom:0}.panel-launcher{position:fixed;right:16px;bottom:16px;z-index:10;width:42px;height:42px;display:grid;place-items:center;border:1px solid #2c5c51;border-radius:9px;color:#a7f3d0;background:#123b37;box-shadow:0 12px 30px #0000004d}.panel-launcher:hover{background:#1b5449}@media(max-width:800px){.workspace{display:block}.canvas-area{padding:32px 18px 120px}.chat-panel{right:16px;bottom:16px;width:min(390px,calc(100vw - 32px));height:min(72vh,620px)}}.canvas-area,.workspace.panel-embedded .canvas-area{padding:0}.workspace.panel-floating{display:grid;grid-template-columns:minmax(0,1fr) 360px;background:#29434a}.workspace.panel-floating .canvas-area{grid-column:1}.workspace.panel-floating .canvas-area,.workspace.panel-minimized .canvas-area{height:100%}.workspace.panel-floating .chat-panel{right:0;bottom:0;width:360px;height:calc(100vh - 72px);border-radius:0}.farm-stage{margin:0;border:0;border-radius:0;padding:0;box-shadow:none}.farm-hud{position:absolute;z-index:2;top:18px;left:18px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:calc(100% - 36px);padding:8px 10px;color:#e2eee4;background:#091318d1;border:1px solid rgba(164,211,153,.32);border-radius:7px;box-shadow:0 8px 20px #0000002e;pointer-events:none}.farm-hud strong{color:#f1f5dc;font-size:12px}.farm-hud span{display:inline-flex;align-items:center;gap:4px;color:#d3e7d4;font-size:11px}.farm-hud em{color:#a8c3ad;font-size:10px;font-style:normal;margin-left:5px}.farm-canvas-frame{background:#29434a}.chat-empty{text-align:center}.chat-empty strong{color:#cbd5e1;font-size:13px}.chat-empty span{max-width:220px;line-height:1.5}.message-list{scrollbar-width:thin;scrollbar-color:#52627a transparent}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background:#52627a;border:2px solid transparent;border-radius:999px;background-clip:padding-box}.message-list::-webkit-scrollbar-thumb:hover{background:#71839d;border:2px solid transparent;background-clip:padding-box}.message-bubble{min-width:0;overflow-wrap:anywhere}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p{margin:0 0 8px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:12px 0 6px;color:#f1f5f9;font-size:13px;line-height:1.35}.markdown-content h1{font-size:15px}.markdown-content h2{font-size:14px}.markdown-content ul,.markdown-content ol{margin:6px 0 8px;padding-left:20px}.markdown-content li+li{margin-top:3px}.markdown-content blockquote{margin:8px 0;padding-left:9px;color:#aebbd0;border-left:2px solid #3d806f}.markdown-content code{padding:1px 4px;color:#b8f4dc;background:#0c1720;border-radius:3px;font-size:11px}.markdown-content pre{max-width:100%;margin:8px 0;padding:9px;overflow:auto;background:#0a111d;border:1px solid #28364a;border-radius:5px}.markdown-content pre code{padding:0;color:#dbe4f0;background:transparent}.markdown-content a{color:#7dd3fc;text-decoration:underline;text-underline-offset:2px}.markdown-content hr{margin:10px 0;border:0;border-top:1px solid #334155}.markdown-table-scroll{width:100%;margin:8px 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#52627a transparent}.markdown-content table{width:max-content;min-width:100%;border-collapse:collapse;font-size:11px}.markdown-content th,.markdown-content td{padding:5px 7px;white-space:nowrap;text-align:left;border:1px solid #3a4960}.markdown-content th{color:#e7f5ec;background:#14272a}.markdown-content td{background:#0c142173}.markdown-content input[type=checkbox]{margin:0 5px 0 0;accent-color:#6ee7b7}@media(max-width:800px){.canvas-area{padding:0;min-height:58vh}}@media(max-width:800px){.workspace.panel-embedded .chat-panel{height:52vh}.workspace.panel-embedded .canvas-area{height:100%;min-height:0}}.workspace.panel-embedded{display:grid;grid-template-columns:minmax(0,1fr) 360px}.workspace.panel-floating,.workspace.panel-minimized{display:block}.workspace.panel-embedded .chat-panel{position:relative;right:auto;bottom:auto;width:100%;height:100%;min-height:0;border:0;border-left:1px solid #202a3c;border-radius:0;box-shadow:none;transform:none!important;background:#0d1422}.workspace.panel-embedded .chat-panel .panel-header{min-height:68px}.workspace.panel-floating .chat-panel{position:fixed;right:28px;bottom:24px;width:min(390px,calc(100vw - 32px));height:min(620px,calc(100vh - 100px))}.workspace.panel-minimized .chat-panel{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:10px;border:1px solid #2c5c51;background:#123b37;box-shadow:0 12px 30px #0000004d}.workspace.panel-minimized .chat-panel .panel-header{height:100%;min-height:0;padding:0;justify-content:center;border:0;cursor:pointer}.workspace.panel-minimized .chat-panel .panel-title{justify-content:center}.workspace.panel-minimized .chat-panel .panel-title>div:last-child,.workspace.panel-minimized .chat-panel .panel-actions,.workspace.panel-minimized .chat-panel .message-list,.workspace.panel-minimized .chat-panel .panel-composer{display:none}.workspace.panel-minimized .chat-panel .panel-icon{width:30px;height:30px}@media(max-width:800px){.workspace.panel-embedded{display:block}.workspace.panel-embedded .chat-panel{position:fixed;z-index:10;right:0;bottom:0;width:100%;height:52vh;border-top:1px solid #2c3a50;border-left:0}.workspace.panel-floating .chat-panel{right:16px;bottom:16px}.workspace.panel-minimized .chat-panel{right:14px;bottom:14px}}