:root{font-family:Inter,Segoe UI,sans-serif;color:#e8edf3;background:#071019;color-scheme:dark;--bg:#071019;--panel:#0a141e;--raised:#101c28;--line:#243240;--muted:#8a99a8;--cyan:#16c9f5;--green:#35d279;--amber:#eebd3f}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,textarea{font:inherit;color:inherit}.shell{height:100%;display:flex;flex-direction:column;background:var(--bg)}header{height:54px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:#08111a}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.13em}.brand i{color:var(--cyan)}.project{padding-left:18px;border-left:1px solid var(--line)}.spacer{flex:1}.local{color:var(--cyan);font-size:12px}.status{color:var(--muted);font-size:12px}.status.ok{color:var(--green)}header button{height:32px;padding:0 18px;border:1px solid var(--cyan);background:transparent}.deploy{border-color:#8795a3}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:270px minmax(480px,1fr) 360px}.files,.agent{min-width:0;background:var(--panel)}.files{border-right:1px solid var(--line);display:flex;flex-direction:column}.agent{border-left:1px solid var(--line);display:flex;flex-direction:column}.files h2,.agent h2,.mobile-log h2{height:43px;margin:0;padding:14px 16px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.05em}.files h2 span{float:right}.tree{flex:1;padding:12px 18px;font:12px/1.85 Cascadia Code,monospace;white-space:pre}.tree .file{color:#b9d8e6}.files footer{padding:13px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:2.4}.editor{min-width:0;display:flex;flex-direction:column}.tabs{height:43px;display:flex;border-bottom:1px solid var(--line);background:#0a131d}.tabs span{padding:14px 20px;border-right:1px solid var(--line);font-size:11px}.tabs .active{border-bottom:2px solid var(--cyan)}.crumb{height:32px;padding:9px 18px;color:var(--muted);font-size:10px}.editor pre{min-height:0;flex:1;margin:0;padding:12px 0;overflow:auto;background:#08121c;font:13px/1.55 Cascadia Code,monospace}.editor pre div{display:flex}.editor em{width:50px;padding-right:14px;text-align:right;color:#536475;font-style:normal;-webkit-user-select:none;user-select:none}.editor code{color:#cee2ec}.bottom{height:220px;padding:0 20px;border-top:1px solid var(--line);background:#08121b;font:12px/1.6 Cascadia Code,monospace}.bottom-tabs{height:42px;display:flex;gap:28px;align-items:center;font-family:Inter,sans-serif;color:var(--muted)}.bottom-tabs b{height:42px;padding-top:14px;border-bottom:2px solid var(--cyan);color:#fff}.bottom p{margin:8px}.bottom strong{color:var(--cyan)}.green{color:var(--green)}.amber{color:var(--amber)}.prompt{margin:14px;padding:14px;background:var(--raised);font-size:12px;line-height:1.5}.agent-tabs{display:flex;gap:24px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:10px}.agent-tabs b{color:var(--cyan)}.agent ol{flex:1;margin:0;padding:18px 22px 10px 42px;overflow:auto}.agent li{padding:0 0 24px 8px;border-left:1px solid #344554}.agent li::marker{color:#728293}.agent li.done::marker{color:var(--green)}.agent li.waiting::marker{color:var(--amber)}.agent li small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.stop{margin:0 14px 12px;height:36px;border:1px solid #ef4858;background:transparent;color:#ff6b78}.agent textarea{height:82px;margin:0 14px;padding:12px;border:1px solid var(--line);background:#08121b;resize:none}.agent footer{display:flex;justify-content:space-between;padding:14px;color:var(--muted);font-size:9px}.agent footer span:first-child{color:var(--cyan)}.statusbar{height:25px;display:flex;align-items:center;gap:20px;padding:0 16px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.mobile-tabs,.mobile-log{display:none}@media(max-width:900px){header{gap:10px}.project,.local,header .deploy{display:none}.mobile-tabs{display:grid;grid-template-columns:repeat(4,1fr);height:42px;border-bottom:1px solid var(--line)}.mobile-tabs button{border:0;border-bottom:2px solid transparent;background:#0a141e;text-transform:uppercase;font-size:10px}.mobile-tabs .active{border-color:var(--cyan);color:var(--cyan)}.workspace{display:block;position:relative}.workspace>aside,.workspace>.editor,.mobile-log{display:none;width:100%;height:100%;border:0}.workspace>.show{display:flex}.mobile-log{padding:20px;flex-direction:column;background:var(--panel)}.files footer{display:none}.editor .bottom{height:190px}}@media(max-width:520px){header{height:48px;padding:0 12px}.brand{font-size:12px}.status{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header button{padding:0 10px}.tabs span{padding:14px 12px}.tabs span:nth-child(2){display:none}.editor pre{font-size:11px}.bottom{padding:0 10px}}