:root{font-family:Inter,ui-sans-serif,system-ui;background:#060b14;color:#edf3ff;color-scheme:dark;--panel:#0b1320;--panel2:#0f1a2b;--line:#26364d;--purple:#9c5cff;--blue:#4c96ff;--green:#42db7d}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,textarea{font:inherit}.shell{height:100dvh;display:grid;grid-template-rows:64px 1fr;background:radial-gradient(circle at 50% 0,#13203a 0,#060b14 45%)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#080e18ee}.topbar>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.topbar svg{grid-row:1/3;color:var(--purple)}.topbar small{grid-column:2;color:#8fa0b8}.health{color:var(--green);display:flex;gap:8px;align-items:center;font-size:13px}.main-split{min-height:0}.handle{background:#111c2d;position:relative;transition:.2s}.vertical-handle{width:6px;cursor:col-resize}.horizontal-handle{height:6px;cursor:row-resize}.handle:hover,.handle[data-resize-handle-active]{background:var(--purple);box-shadow:0 0 14px #9c5cff88}.sidebar,.workspace,.chat,.lower-grid{height:100%;min-height:0}.sidebar{padding:14px 10px;background:#090f19;display:flex;flex-direction:column;gap:7px;overflow:auto}.sidebar h3{padding:0 10px}.sidebar button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#b9c6d8;padding:10px;border-radius:8px;text-align:left}.sidebar button:first-of-type,.sidebar button:hover{background:#251b40;color:#fff}.brain-status{margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:12px;display:grid;gap:7px}.brain-status svg{color:var(--purple)}.brain-status b{color:var(--green);font-size:12px}.brain-status small{color:#8fa0b8}.workspace{padding:14px;overflow:auto;background:#080f19}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2,.architecture h2,.drop-card h2{margin:0;font-size:17px}.section-title p{color:#8fa0b8;font-size:12px}.section-title span{font-size:11px;color:var(--green)}.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.capability-card{min-width:0;min-height:190px;border:1px solid var(--line);border-radius:12px;padding:16px;background:linear-gradient(180deg,#101a2a,#0a121f);display:flex;flex-direction:column;gap:8px}.capability-card svg{color:var(--purple)}.capability-card:nth-child(2n) svg{color:var(--blue)}.capability-card h3{margin:3px 0;font-size:14px}.capability-card strong{color:var(--green);font-size:11px}.capability-card p,.capability-card span{font-size:11px;color:#9dabc0;line-height:1.45}.capability-card span{margin-top:auto}.lower-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:12px;padding:14px;overflow:auto;background:#080f19}.architecture,.drop-card{border:1px solid var(--line);border-radius:12px;padding:15px;background:#0b1320}.flow{display:flex;height:calc(100% - 30px);align-items:center;justify-content:space-around;gap:8px}.flow>div{flex:1;min-width:0;min-height:120px;border:1px solid #40507a;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;padding:10px}.flow svg{color:var(--blue);width:38px;height:38px}.flow small{color:#8fa0b8}.flow>span{color:var(--purple);font-size:26px}.drop-card{overflow:auto}.dropzone{border:1px dashed #52627c;border-radius:12px;min-height:130px;margin-top:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9eacc0;cursor:pointer}.dropzone.active{border-color:var(--purple);background:#24163e}.dropzone svg{color:var(--purple)}.file-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.file-list span{background:#172338;padding:6px 8px;border-radius:7px;font-size:11px}.file-list button{border:0;background:none;color:#fff;cursor:pointer}.chat{background:#090f19;padding:12px;display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-width:0}.chat header{border-bottom:1px solid var(--line);padding:8px 4px 12px;display:flex;align-items:center;gap:8px;font-weight:700}.chat header svg{color:var(--purple)}.chat header span{margin-left:auto;font-size:10px;color:var(--green)}.messages{overflow:auto;display:flex;flex-direction:column;gap:10px}.user-msg,.ai-msg{padding:11px;border-radius:11px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.user-msg{background:#30204e;margin-left:12%}.ai-msg{background:#111b2a;margin-right:8%}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:7px;border:1px solid var(--line);border-radius:12px;padding:7px;background:#0e1726}.composer textarea{resize:none;min-height:50px;max-height:130px;border:0;outline:0;background:transparent;color:#fff}.composer button{border:0;background:transparent;color:#bca0ff;cursor:pointer}.fatal{height:100dvh;padding:40px;background:#080d16;color:#fff}.fatal button{margin-right:10px;padding:10px 14px;border:1px solid #5f41a8;border-radius:8px;background:#241a3b;color:#fff}@media(max-width:900px){html,body,#root{overflow:auto}.shell{height:auto;min-height:100dvh;display:block}.topbar{height:64px}.main-split{display:block!important;height:auto!important}.handle{display:none}.sidebar{height:auto;flex-direction:row;overflow:auto}.sidebar h3,.brain-status,.sidebar button span{display:none}.workspace,.chat,.lower-grid{height:auto}.lower-grid{grid-template-columns:1fr}.chat{min-height:520px}.cap-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.flow{flex-direction:column}.flow>span{transform:rotate(90deg)}}.panel-actions{display:flex;gap:6px}.panel-actions button,.attachment button,.recovery-card button{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;background:#111b2a;color:#c8d3e3;padding:6px 8px;cursor:pointer}.disconnected,.health.disconnected,.chat header span.disconnected,.brain-status b.disconnected{color:#ffb45c}.chat{grid-template-rows:auto 1fr auto auto}.chat-attachments{max-height:190px;overflow:auto;display:grid;gap:6px}.dropzone.compact{min-height:68px;margin-top:0;padding:8px;text-align:center}.dropzone.compact svg{width:20px}.attachment{display:flex;align-items:center;gap:6px;background:#172338;border-radius:7px;padding:6px 8px;font-size:10px}.attachment span{min-width:0;overflow-wrap:anywhere}.attachment button{margin-left:auto;padding:3px}.file-error{color:#ff8d8d}.messages small{display:block;margin-top:5px;color:#b8c4d6}.ai-msg.partial{border-left:3px solid #e4b44f}.ai-msg.error{border-left:3px solid #e35d6a}.composer{grid-template-columns:1fr auto}.recovery-card{height:100%;min-height:120px;padding:18px;border:1px solid #7f4550;border-radius:12px;background:#21141a;color:#fff;overflow:auto}.recovery-card h1{font-size:16px}.recovery-card button{width:max-content}.fatal h1{font-size:22px}@media(max-width:900px){.panel-actions{display:none}.topbar{padding:0 10px}.topbar .health{font-size:11px}.chat-attachments{max-height:none}.center-split{display:block!important}}.main-split{display:grid;min-height:0}.center-split{display:grid;min-width:0;min-height:0}.panel-slot{min-width:0;min-height:0;overflow:hidden}.handle{touch-action:none}.capability-card{color:inherit;text-align:left;cursor:pointer}.capability-card.selected{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple),0 0 18px #9c5cff33}.chat-auth{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9dabc0;font-size:11px}.chat-auth button{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;background:#111b2a;color:#c8d3e3;padding:6px 8px;cursor:pointer}.composer button:disabled,.composer textarea:disabled{opacity:.55;cursor:not-allowed}.sidebar button:first-of-type:not(.active){background:transparent;color:#b9c6d8}.sidebar button.active{background:#251b40;color:#fff}.section-host{min-width:0;min-height:0;overflow:auto;background:#080f19}.section-dashboard{padding:20px;display:grid;gap:18px;min-height:100%}.dash-heading{display:flex;justify-content:space-between;align-items:flex-start}.dash-heading span{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--purple)}.dash-heading h2{margin:5px 0;font-size:24px}.dash-heading p{margin:0;max-width:760px;color:#91a2ba;font-size:13px;line-height:1.5}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card,.detail-card,.workflow-board article,.table-card,.repo-controls,.repo-output,.settings-grid article{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#101a2a,#0a121f)}.metric-card{padding:16px;display:grid;gap:5px}.metric-card span,.metric-card small{font-size:11px;color:#91a2ba}.metric-card strong{font-size:19px;color:#fff}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.detail-card{padding:15px;color:inherit;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:12px;cursor:pointer}.detail-card.selected{border-color:var(--purple);box-shadow:0 0 16px #9c5cff2b}.detail-card svg{color:var(--purple)}.detail-card small{color:#8191aa}.detail-card h3{margin:3px 0;font-size:14px}.detail-card p{margin:0;color:#9dabc0;font-size:11px;line-height:1.5}.detail-card b{font-size:10px;color:var(--green)}.workflow-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workflow-board article{padding:18px}.workflow-board svg{color:var(--blue)}.workflow-board h3{margin:10px 0 5px}.workflow-board p{margin:0;color:#91a2ba;font-size:12px;line-height:1.5}.workflow-board.compact article{min-height:130px}.table-card{overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:2fr .7fr 1.2fr .5fr;gap:12px;align-items:center;padding:13px 16px}.table-head{background:#121d2e;color:#8191aa;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.table-row{border-top:1px solid var(--line);font-size:12px}.table-row strong{display:flex;gap:8px;align-items:center}.table-row svg{width:16px;color:var(--purple)}.table-row span{color:#aebbd0}.table-row b{color:var(--green)}.repo-layout{display:grid;grid-template-columns:minmax(260px,.6fr) minmax(0,1.4fr);gap:12px;min-height:360px}.repo-controls{padding:18px}.repo-controls h3{display:flex;align-items:center;gap:8px;margin-top:0}.repo-controls label{display:grid;gap:7px;color:#91a2ba;font-size:11px}.repo-controls input{border:1px solid var(--line);border-radius:8px;padding:10px;background:#080f19;color:#fff}.repo-controls>div{display:flex;gap:8px;margin:12px 0}.repo-controls button,.settings-grid button{display:flex;align-items:center;gap:6px;border:1px solid #6545a8;border-radius:8px;padding:8px 10px;background:#251b40;color:#fff;cursor:pointer}.repo-controls button:disabled{opacity:.45}.repo-controls p{color:#91a2ba;font-size:11px;line-height:1.5}.repo-output{margin:0;padding:18px;overflow:auto;color:#bfe3ff;font-size:11px;white-space:pre-wrap}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-grid article{padding:18px}.settings-grid h3{display:flex;align-items:center;gap:8px;margin-top:0}.settings-grid h3 svg{color:var(--purple)}.settings-grid p{color:#91a2ba;font-size:12px}.setting-line{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.setting-line span{color:#91a2ba}.setting-line b{color:#dce8fa;text-align:right}@media(max-width:1100px){.metric-grid,.workflow-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.section-dashboard{padding:13px}.metric-grid,.workflow-board,.settings-grid,.repo-layout{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.table-row strong{grid-column:1/-1}.detail-card{grid-template-columns:auto 1fr}.detail-card>b{grid-column:2}.dash-heading h2{font-size:20px}}.image-builder-card{border:1px solid #57407b;border-radius:14px;background:linear-gradient(145deg,#15112a,#0a1421);padding:18px;display:grid;gap:15px}.image-builder-card>header{display:flex;justify-content:space-between;gap:20px}.image-builder-card>header span{font-size:10px;letter-spacing:.13em;color:var(--purple)}.image-builder-card h3{display:flex;align-items:center;gap:8px;margin:5px 0}.image-builder-card h3 svg{color:var(--purple)}.image-builder-card header p{margin:0;color:#91a2ba;font-size:12px}.image-builder-card header b{color:var(--green);font-size:11px}.image-builder-form{display:grid;grid-template-columns:minmax(260px,1fr) 150px 120px auto;gap:10px;align-items:end}.image-builder-form label{display:grid;gap:6px;color:#91a2ba;font-size:11px}.image-builder-form textarea,.image-builder-form select{border:1px solid var(--line);border-radius:8px;background:#080f19;color:#fff;padding:10px}.image-builder-form textarea{min-height:90px;resize:vertical}.image-builder-form select{height:42px}.image-builder-form button,.generated-dashboard a{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #7551bd;border-radius:8px;background:#38215e;color:#fff;padding:0 13px;text-decoration:none;cursor:pointer}.image-builder-form button:disabled{opacity:.45;cursor:not-allowed}.image-builder-error{color:#f99}.generated-dashboard{display:grid;gap:9px}.generated-dashboard img{width:100%;max-height:720px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#050912}.generated-dashboard footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.generated-dashboard small{color:#91a2ba}.generated-dashboard a{width:max-content}@media(max-width:1100px){.image-builder-form{grid-template-columns:1fr 1fr}.image-builder-form label:first-child{grid-column:1/-1}}@media(max-width:700px){.image-builder-form{grid-template-columns:1fr}.image-builder-form label:first-child{grid-column:auto}.image-builder-card>header,.generated-dashboard footer{flex-direction:column}}