.mb-root{--mb-bg:#0a0a0a;--mb-panel:#141414;--mb-panel-2:#1b1b1b;--mb-border:#ffffff14;--mb-text:#e6e6e6;--mb-muted:#e6e6e699;--mb-green:#00f59c;--mb-red:#ff6b6b;--mb-amber:#f5c542;font-family:var(--font-inter), Inter, system-ui, sans-serif;color:var(--mb-text);background:var(--mb-bg);flex-direction:column;min-height:100dvh;display:flex}.mb-root *,.mb-root :before,.mb-root :after{box-sizing:border-box}.mb-logo{color:var(--mb-green);letter-spacing:-.01em;font-size:18px;font-weight:600;text-decoration:none}.mb-start{flex-direction:column;gap:16px;max-width:640px;margin:0 auto;padding:72px 16px 40px;display:flex}.mb-start h1{margin:24px 0 0;font-size:34px;font-weight:600;line-height:1.15}.mb-start p{color:var(--mb-muted);margin:0;font-size:16px;line-height:1.5}.mb-start form{flex-direction:column;gap:12px;margin-top:8px;display:flex}.mb-start textarea,.mb-composer textarea{resize:none;border:1px solid var(--mb-border);background:var(--mb-panel-2);width:100%;color:var(--mb-text);font:inherit;border-radius:12px;outline:none;padding:12px 14px;font-size:15px;line-height:1.5}.mb-start textarea:focus,.mb-composer textarea:focus{border-color:#00f59c99}.mb-start button,.mb-composer button,.mb-btn{background:var(--mb-green);color:#0a0a0a;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none}.mb-start button:disabled,.mb-composer button:disabled{opacity:.4;cursor:default}.mb-btn--ghost{color:var(--mb-text);border:1px solid var(--mb-border);background:0 0}.mb-app{flex-direction:column;height:100dvh;display:flex}.mb-header{border-bottom:1px solid var(--mb-border);background:var(--mb-bg);align-items:center;gap:16px;height:56px;padding:0 16px;display:flex}.mb-title{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mb-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.mb-pill{border:1px solid var(--mb-border);color:var(--mb-muted);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:12px;line-height:1}.mb-status--building,.mb-status--queued{color:var(--mb-green);border-color:#00f59c59}.mb-status--ready{color:#0a0a0a;background:var(--mb-green);border-color:var(--mb-green)}.mb-status--error{color:var(--mb-red);border-color:#ff6b6b66}.mb-status--paused{color:var(--mb-amber);border-color:#f5c54266}.mb-meta{color:var(--mb-muted);align-items:center;gap:10px;font-size:13px;display:flex}.mb-body{flex:1;grid-template-columns:minmax(320px,440px) minmax(0,1fr);min-height:0;display:grid}.mb-chat{border-right:1px solid var(--mb-border);background:var(--mb-panel);flex-direction:column;min-width:0;min-height:0;display:flex}.mb-log{flex-direction:column;flex:1;gap:10px;padding:16px;font-size:14px;line-height:1.5;display:flex;overflow-y:auto}.mb-msg{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:92%;padding:10px 14px}.mb-msg--user{background:#00f59c24;border:1px solid #00f59c40;align-self:flex-end}.mb-msg--agent{background:var(--mb-panel-2);border:1px solid var(--mb-border);align-self:flex-start}.mb-msg--system{color:var(--mb-muted);align-self:center;font-size:13px}.mb-msg--draft{opacity:.85}.mb-tool{color:var(--mb-muted);align-items:baseline;gap:8px;min-width:0;padding:2px 4px;font-size:12.5px;display:flex}.mb-tool__name{color:var(--mb-green);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mb-tool__summary{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.mb-tool--error .mb-tool__name{color:var(--mb-red)}.mb-working{color:var(--mb-muted);align-items:center;gap:8px;font-size:13px;display:flex}.mb-dot{background:var(--mb-green);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite mb-pulse}@keyframes mb-pulse{0%,to{opacity:.3}50%{opacity:1}}.mb-error{color:var(--mb-red);background:#ff6b6b0f;border:1px solid #ff6b6b4d;border-radius:10px;padding:8px 12px;font-size:13px}.mb-composer{border-top:1px solid var(--mb-border);gap:8px;padding:12px;display:flex}.mb-composer textarea{border-radius:10px;flex:1}.mb-preview{background:#111;min-height:0;display:flex}.mb-preview iframe{background:#fff;border:0;flex:1}.mb-preview__empty{text-align:center;max-width:420px;color:var(--mb-muted);margin:auto;padding:24px;font-size:14px;line-height:1.5}.mb-preview__empty strong{color:var(--mb-text);margin-bottom:8px;font-weight:500;display:block}.mb-preview__empty a{color:var(--mb-green)}@media (max-width:860px){.mb-body{grid-template-rows:minmax(0,1fr) 45vh;grid-template-columns:minmax(0,1fr)}.mb-chat{border-right:0;border-bottom:1px solid var(--mb-border)}.mb-title strong{display:none}}