:root{color-scheme:dark}body{margin:0;background:#09090b;color:#f4f4f5;font-family:Inter,ui-sans-serif,system-ui,sans-serif}#app{height:100vh;display:flex;flex-direction:column}.top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #27272a}.brand{display:flex;gap:10px;align-items:center}.brand small,.pane-title{color:#a1a1aa;font-size:12px}.dot{width:10px;height:10px;border-radius:99px;background:#8b5cf6;display:inline-block}.actions{display:flex;gap:8px;align-items:center}.pill,button{border:1px solid #3f3f46;background:#18181b;color:#e4e4e7;border-radius:8px;padding:6px 10px;font-size:12px}button{cursor:pointer}.workspace{flex:1;display:grid;grid-template-columns:220px 1fr 340px;min-height:0}.tree,.chat,.editor{min-height:0;border-right:1px solid #27272a;display:flex;flex-direction:column}.chat{border-right:0;border-left:1px solid #27272a}.pane-title{padding:10px 12px;border-bottom:1px solid #27272a}.file{display:block;width:100%;text-align:left;border:0;background:transparent;color:#d4d4d8;padding:8px 12px}.file.on{background:#27272a;color:#fff}.code,.preview-box pre{margin:0;padding:16px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5}.preview-box{padding:16px}.msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.msg{border-radius:10px;padding:10px;font-size:13px;max-width:95%}.msg.assistant{background:#27272a}.msg.user{background:#6d28d9;align-self:flex-end}form{display:flex;gap:8px;padding:12px;border-top:1px solid #27272a}input{flex:1;background:#18181b;border:1px solid #3f3f46;color:#fff;border-radius:8px;padding:8px}@media(max-width:900px){.workspace{grid-template-columns:1fr}}