@font-face{font-family:'JetBrains Mono';src:url('assets/demo/JetBrainsMono-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('assets/demo/JetBrainsMono-Medium.ttf');font-weight:500 600;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('assets/demo/JetBrainsMono-Bold.ttf');font-weight:700 900;font-display:swap}
.demo-app{font-family:'JetBrains Mono',Menlo,monospace;--font-adjust:3px;--app-bg:#171a1f;--app-side:#1b2026;--app-border:#30363e;--app-title:#e0e3e8;--app-text:#bdc3cb;--app-muted:#939ca7;--app-accent:#69a5d0}
.demo-workspace{gap:0;grid-template-columns:320px 1fr}
.demo-content{border-radius:0;border-left:0;border-top:0}
.connection-bridge{display:none!important}
.native-brand{display:none}
.demo-project{height:44px!important}
.demo-app .demo-project{background:#27313b;border:0}
.sidebar-nav{height:48px}
.demo-app .orchestrator-nav{display:none}
.demo-agent.selected{border:0}
.agent-meta{font-size:14px;line-height:18px;gap:6px}
.agent-meta>span{max-width:244px}
.children-controls{margin-top:6px;font-size:14px}
.demo-children{background:#ffffff03;margin:0 12px;padding-left:26px;border-radius:8px}
.app-chrome{height:40px;position:relative;padding:0;gap:0;border-bottom:1px solid var(--app-border)}
.native-header-brand{width:320px;flex-shrink:0;height:40px;display:flex;justify-content:center;align-items:center;border-right:1px solid var(--app-border)}
.native-header-brand img{width:24px;height:24px;object-fit:contain}
.window-controls{position:absolute;top:14px;left:12px;gap:6px}
.window-controls>*{width:10px;height:10px;background:#5f666b!important}
.app-chrome .demo-tabs{flex:1;min-width:0;border:0;height:40px}
.app-chrome .demo-tab{padding-left:20px;gap:14px;max-width:240px}
.app-chrome .demo-tab button:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.chrome-actions{margin-left:auto;gap:12px;padding:0 12px;flex-shrink:0}
.chrome-actions #open-file{display:none}
.chrome-actions .native-flow-toggle{display:flex;align-items:center;gap:7px;font-size:14px;white-space:nowrap}
.native-flow-toggle input{accent-color:var(--app-accent);width:17px;height:17px}
.demo-workspace{height:760px}
.demo-sidebar{border-right:1px solid var(--app-border)}
.sidebar-footer{font-size:16px}
.sidebar-extra-actions{height:auto}
.session-toolbar{height:32px;font-size:14px}
.session-toolbar button{font-size:14px}
.demo-primary{background:#69a5d0!important;color:#111820!important;border:0!important;border-radius:6px;padding:10px 20px!important;font-size:16px!important}
.demo-primary:hover{background:#83b5d8!important}
.agent-dialog{font-family:'JetBrains Mono',Menlo,monospace;font-size:16px;background:#171a1f;color:#e0e3e8;border:1px solid #30363e;box-shadow:0 20px 75px #0005;border-radius:9px}
.agent-dialog h3{font-size:22px;font-weight:500}
.agent-dialog label{font-size:16px}
.agent-dialog input:not([type=checkbox]),.agent-dialog textarea,.agent-dialog select{font-family:inherit;background:#171a1f;color:#e0e3e8;border:1px solid #30363e;border-radius:4px;font-size:16px}
.agent-dialog input:focus,.agent-dialog textarea:focus,.agent-dialog select:focus{outline:1px solid #69a5d0;outline-offset:0}
.agent-dialog input[type=checkbox]{appearance:auto;width:20px;height:20px;accent-color:#69a5d0;flex-shrink:0}
.workspace-option{margin-top:24px;text-align:left}
.workspace-option label{display:flex;align-items:center;gap:8px;font-weight:500;color:#e0e3e8}
.workspace-option p{font-size:12px;line-height:1.5;color:#939ca7;margin:10px 0 0}
.new-dialog{width:576px!important;padding:26px!important}
.new-dialog .dialog-actions{margin-top:22px}
.new-dialog #name-error:empty{display:none}
.new-dialog input:not([type=checkbox]){height:38px}
.dialog-actions>button:not(.demo-primary){background:#28323d;border:0;color:#e0e3e8;border-radius:5px;padding:10px 20px;font-size:16px}
.quick-idea-dialog{width:660px!important;border-radius:20px;padding:20px!important}
.quick-idea-dialog #quick-message{font-size:22px;font-weight:500;background:transparent;border:0;line-height:1.25}
.quick-idea-dialog .workspace-option{margin:20px 0}
.quick-idea-dialog .quick-keys{font-size:13px}
.quick-idea-dialog #quick-send{background:#69a5d0;color:#111820;border-radius:10px}
.servers-pane{padding:28px}
.servers-heading h3{font-size:29px!important;font-weight:500}
.servers-pane>p{font-size:15px;margin:14px 0 22px}
.server-search{display:block;width:100%;height:42px;border:1px solid #30363e;border-radius:8px;background:transparent;color:#e0e3e8;font:16px 'JetBrains Mono',monospace;padding:0 18px;margin-bottom:24px}
.server-row{min-height:112px;border:0;border-bottom:1px solid #272d35}
.server-row[hidden]{display:none}
.server-row strong{font-size:17px}.server-row span{font-size:14px}
.server-actions{gap:12px}
.server-actions button{font-size:15px!important;background:#28323d;padding:10px 14px!important;border-radius:7px}
.notice-heading{height:104px}.notice-heading strong{font-size:18px!important}
.notice-actions{display:flex;gap:20px;font-size:13px}
.notice-actions button{color:#69a5d0}
.flow-header h3{font-size:25px}.flow-header p{font-size:15px}
.flow-card{border-color:#30363e;background:#171a1f;box-shadow:none}
.flow-card-main strong{font-size:17px}.flow-card-main p{font-size:14px}
.flow-caption{font-size:12px}
.trace-dialog{width:1000px!important;max-width:calc(100vw - 40px);height:650px;padding:24px!important;display:flex;flex-direction:column}
.trace-dialog:not([open]){display:none}
.trace-dialog h3{margin:0 0 20px}
.trace-summary{font-size:13px;color:#939ca7;margin-bottom:18px}
.trace-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;flex:1;min-height:0}
.trace-events{display:flex;flex-direction:column;gap:6px;border-right:1px solid #30363e;padding-right:18px}
.trace-events button{text-align:left;padding:11px 8px;background:none;border:0;color:#e0e3e8;font-size:14px}
.trace-events button[aria-pressed=true]{background:#33383f}
.trace-tabs{display:flex;gap:24px;margin:18px 0}
.trace-tabs button{background:none;border:0;padding:8px 0;color:#939ca7}
.trace-tabs button[aria-selected=true]{color:#69a5d0;border-bottom:2px solid #69a5d0}
.trace-output{background:#11171e;border:0;color:#e0e3e8;font:14px/1.6 'JetBrains Mono',monospace;width:100%;height:320px;padding:16px;resize:none;white-space:pre-wrap}
.demo-inactive *,.demo-inactive *:before,.demo-inactive *:after{animation-play-state:paused!important}
.notice-details-dialog{width:576px;padding:24px}.notice-detail-text{display:block;width:100%;height:280px;padding:14px;resize:none}
.new-workspace-dialog{width:576px;padding:26px}
.flow-card-main p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quick-idea-dialog #quick-message:focus{outline:0}
.demo-start .demo-primary{color:#e0e3e8!important}
@media(prefers-reduced-motion:reduce){.flow-pulse,.work-spinner{animation:none!important}}