:root{font-family:Inter,Arial,sans-serif;color:#202020;background:#f6f6f4;font-synthesis:none;--muted:#777;--line:#dededb}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d7d7d3;background:#fff;color:#242424;border-radius:7px;padding:10px 14px;font-size:12px;transition:background .15s}button:hover{background:#ececea}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #222;outline-offset:3px}button.primary{background:#202020;color:#fff;border-color:#202020}button.primary:hover{background:#444}header{height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#111}.brand img{width:27px;height:44px;object-fit:contain;filter:grayscale(1) brightness(0)}.brand>span{font-weight:800;letter-spacing:2px;font-size:17px}.brand small{display:block;font-size:8px;letter-spacing:2.4px;margin-top:6px;font-weight:500;color:#777}.workspace-name{font-size:12px;color:#777;display:flex;gap:12px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#444}.tag{font-size:8px;letter-spacing:1px;border:1px solid #ddd;padding:5px 7px;border-radius:3px}.settings-toggle{border:0;font-size:17px}.settings-toggle span{font-size:12px;margin-left:7px}main{display:flex;height:calc(100vh - 82px);min-height:480px}.sidebar{width:250px;flex-shrink:0;padding:34px 25px 24px;background:#fafaf8;border-right:1px solid var(--line);display:flex;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#888}h1{font-size:29px;line-height:1.17;letter-spacing:-1.3px;font-weight:500;margin:18px 0 12px}.intro{font-size:12px;line-height:1.6;color:#888;margin:0 0 27px}nav{display:flex;flex-direction:column;gap:6px}nav button{border:0;background:transparent;text-align:left;padding:11px 10px;color:#666;font-size:11px;display:flex;gap:12px;align-items:center}nav button span{font-size:10px;color:#aaa}nav button.active{background:#eaeae7;color:#111}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-bottom .eyebrow{font-size:7px;letter-spacing:1px}.sidebar-bottom p{font-size:15px;line-height:1.5;letter-spacing:-.3px}.source-note{font-size:10px;line-height:1.7;color:#90908b;border-top:1px solid var(--line);padding-top:15px}.canvas-area{min-width:0;flex:1;display:flex;flex-direction:column}.canvas-heading{height:95px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between}.canvas-heading h2{font-weight:500;letter-spacing:-.6px;font-size:22px;margin:8px 0 0}.canvas-actions{display:flex;gap:8px}#viewport{position:relative;overflow:hidden;flex:1;touch-action:none;background-image:radial-gradient(#d6d6d1 .7px,transparent .7px);background-size:20px 20px;cursor:grab}#viewport:active{cursor:grabbing}#world{position:absolute;transform-origin:0 0;inset:0}#edges{position:absolute;overflow:visible;inset:0;width:1px;height:1px;pointer-events:none}.edge{fill:none;stroke:#bbb;stroke-width:1.5}.node{position:absolute;width:330px;min-height:190px;padding:22px;background:#fff;border:1px solid #d6d6d1;border-radius:9px;box-shadow:0 4px 18px #00000005;cursor:grab;user-select:none;overflow:hidden}.node.selected{border:2px solid #333;padding:21px;box-shadow:0 6px 22px #0000000a}.node.root{background:#242424;color:#fff;border-color:#242424}.node .node-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#999;margin-bottom:15px}.node h3{font-size:19px;font-weight:500;line-height:1.25;margin:0 0 13px;letter-spacing:-.5px}.node p{font-size:12px;color:#888;line-height:1.65;white-space:pre-line;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.node.root p{color:#b9b9b9}.node .node-bottom{border-top:1px solid #e8e8e5;margin-top:18px;padding-top:11px;font-size:8px;letter-spacing:1px;color:#aaa;display:flex;justify-content:space-between}.node.root .node-bottom{border-color:#444}.canvas-hint{position:absolute;bottom:25px;left:27px;font-size:10px;color:#92928d;background:#f6f6f4d9;padding:7px 0;pointer-events:none}.zoom-tools{position:absolute;bottom:22px;right:27px;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #ddd;border-radius:7px;padding:3px}.zoom-tools button{border:0;padding:7px 12px;font-size:16px}.zoom-tools span{font-size:10px;min-width:39px;text-align:center}footer{padding:13px 27px;display:flex;justify-content:space-between;font-size:9px;color:#888;border-top:1px solid var(--line);background:#fafaf8}.settings,.inspector{width:355px;flex-shrink:0;border-left:1px solid var(--line);background:#fff;overflow:auto;padding:28px 24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.panel-heading h2{font-size:21px;letter-spacing:-.6px;font-weight:500;margin:9px 0 0}.panel-heading button{border:0;font-size:24px;padding:0 5px}.settings fieldset{border:0;border-top:1px solid #e5e5e2;padding:21px 0 18px;margin:0}.settings legend{font-size:10px;font-weight:600;letter-spacing:.5px;padding:0 8px 0 0}.settings label,.inspector label{display:block;font-size:11px;line-height:1.5;color:#666;margin-bottom:17px}input,select,textarea{display:block;width:100%;border:1px solid #ddd;background:#fbfbfa;border-radius:5px;padding:10px;font-size:11px;line-height:1.6;color:#333;margin-top:6px}textarea{resize:vertical}label.switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.switch-row small{display:block;font-size:9px;color:#999}.switch-row input{appearance:none;width:34px;height:20px;flex-shrink:0;border-radius:20px;padding:2px;background:#ddd;margin:0;cursor:pointer}.switch-row input:before{content:'';display:block;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .15s}.switch-row input:checked{background:#222}.switch-row input:checked:before{transform:translateX(12px)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help{font-size:10px;color:#999;line-height:1.6}.wide{width:100%}.info-row{display:flex;justify-content:space-between;font-size:10px;margin-bottom:13px;color:#777;gap:10px}.info-row strong{font-weight:500;color:#444;text-align:right}#nodeText{min-height:320px}.inspector label{margin-bottom:7px}[hidden]{display:none!important}@media(max-width:1100px){.sidebar{width:200px;padding:28px 18px}.workspace-name .tag{display:none}.settings,.inspector{width:315px}.canvas-heading{padding:24px 20px}.canvas-heading h2{font-size:19px}.canvas-actions button{padding:9px}.canvas-hint{display:none}}@media(max-width:800px){.sidebar{display:none}.workspace-name{display:none}header{height:68px;padding:0 18px}main{height:calc(100vh - 68px)}.settings,.inspector{position:absolute;right:0;top:68px;bottom:0;width:min(370px,100vw);z-index:5;box-shadow:-12px 0 30px #00000015}footer span:last-child{display:none}.canvas-heading{height:90px}}

nav button span:last-child{font-size:12px;color:#555} .node p{color:#656565} .node.root p{color:#d0d0cc}
.header-tools{display:flex;align-items:center;gap:10px}.theme-label select{margin:0;border:0;background:transparent;font-size:11px;width:85px;padding:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{overflow-y:auto}.sidebar h1{font-size:25px}.sidebar .intro{margin-bottom:18px}.sidebar-bottom{padding-top:18px}.topic-list{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.topic-list summary{font-size:10px;color:#888;cursor:pointer}.topic-list nav{margin-top:10px}.topic-list nav button{font-size:10px;padding:7px}.canvas-heading{height:105px;min-height:105px}.canvas-heading #segmentDescription{font-size:10px;color:#888;margin:7px 0 0}.segment-info{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 28px 13px;font-size:10px;line-height:1.5;color:#888}.segment-info:has([hidden]):not(:has(:not([hidden]))){display:none}.segment-info a{color:inherit;white-space:nowrap}.empty-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#888;width:280px;pointer-events:none}.empty-canvas h3{font-weight:400;font-size:25px;letter-spacing:-.8px;color:#333}.empty-canvas p{font-size:12px;line-height:1.7}.connections{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.connections h3{font-size:13px;font-weight:500;margin:0 0 15px}.connection-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;padding:9px 0;border-bottom:1px solid var(--line)}.connection-row button{padding:2px 7px;border:0;font-size:17px}.delete-button{margin-top:25px;background:transparent;color:#777;border:0;padding:0;font-size:10px;text-decoration:underline}.agent-panel{width:365px;flex-shrink:0;border-left:1px solid var(--line);background:#fff;padding:27px 23px;display:flex;flex-direction:column;min-height:0}.agent-panel .panel-heading{margin-bottom:16px}.agent-context{font-size:10px;line-height:1.5;border:1px solid var(--line);border-radius:5px;padding:9px 11px;color:#777;margin-bottom:15px}.chat-log{flex:1;overflow:auto;min-height:100px;padding-right:5px}.chat-message{margin:15px 0;padding:13px 14px;background:#f5f5f2;border-radius:7px}.chat-message.user{background:#262626;color:#fff}.chat-message p{font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0}.chat-message .eyebrow{font-size:8px}.agent-prompts{display:flex;gap:6px;padding-top:13px;border-top:1px solid var(--line);margin-top:12px}.agent-prompts button{font-size:9px;padding:7px 9px}#agentForm textarea{font-size:12px}label.agent-permission{font-size:9px;line-height:1.5;display:flex;align-items:center;gap:7px;margin:12px 0;color:#888}.agent-permission input{width:auto;margin:0;accent-color:#333}.agent-submit{display:flex;justify-content:space-between;align-items:center;gap:10px}.agent-submit span{font-size:9px;line-height:1.5;color:#999}#speakerField{font-size:10px;color:#777;margin-bottom:12px}button:disabled{opacity:.5;cursor:wait}.node{height:265px}.node p{-webkit-line-clamp:5}#segmentNav button{padding:9px 10px}#segmentNav button span:first-child{width:15px;color:inherit;font-size:15px}#segmentNav button span:last-child{color:inherit;font-size:11px}.sidebar .source-note{font-size:9px}.sidebar-bottom p{font-size:13px}.sidebar-bottom .eyebrow{line-height:1.6}html[data-theme=dark]{color-scheme:dark;--line:#333;color:#ddd;background:#191919}html[data-theme=dark] header,html[data-theme=dark] .settings,html[data-theme=dark] .inspector,html[data-theme=dark] .agent-panel{background:#202020}html[data-theme=dark] .brand{color:#eee}html[data-theme=dark] .brand img{filter:grayscale(1) invert(1)}html[data-theme=dark] .sidebar,html[data-theme=dark] footer{background:#1d1d1d}html[data-theme=dark] button{background:#252525;color:#ddd;border-color:#414141}html[data-theme=dark] button:hover{background:#383838}html[data-theme=dark] button.primary{background:#e4e4df;color:#202020;border-color:#e4e4df}html[data-theme=dark] nav button{background:transparent;color:#aaa}html[data-theme=dark] nav button.active{background:#373737;color:#fff}html[data-theme=dark] #viewport{background-image:radial-gradient(#383838 .7px,transparent .7px)}html[data-theme=dark] .node{background:#252525;color:#ddd;border-color:#454545}html[data-theme=dark] .node.root{background:#dfdfd9;color:#202020}html[data-theme=dark] .node.root p{color:#555}html[data-theme=dark] .node.root .node-label{color:#666}html[data-theme=dark] .node.root .node-bottom{border-color:#bbb;color:#666}html[data-theme=dark] .node.selected{border-color:#bcbcb5}html[data-theme=dark] .edge{stroke:#666}html[data-theme=dark] .node .node-bottom{border-color:#444}html[data-theme=dark] .canvas-hint{background:#191919d9}html[data-theme=dark] .zoom-tools{background:#252525;border-color:#414141}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#252525;border-color:#444;color:#ddd}html[data-theme=dark] .settings fieldset{border-color:#444}html[data-theme=dark] .info-row strong{color:#bbb}html[data-theme=dark] .chat-message{background:#303030}html[data-theme=dark] .chat-message.user{background:#ddd;color:#222}html[data-theme=dark] .empty-canvas h3{color:#bbb}html[data-theme=dark] input[role=switch]:checked{background:#aaa}html[data-theme=dark] .switch-row input:before{background:#222}html[data-theme=dark] :focus-visible{outline-color:#ddd}#status[data-error=true]{font-weight:600}@media(max-width:1250px){.sidebar{width:210px}.canvas-actions{gap:5px}.canvas-actions button{padding:8px 10px;font-size:10px}.agent-panel{width:330px}.workspace-name{display:none}}@media(max-width:1000px){.sidebar{width:180px;padding:25px 14px}.sidebar h1{font-size:22px}.settings,.inspector,.agent-panel{position:absolute;right:0;top:82px;bottom:0;width:355px;z-index:5;box-shadow:-12px 0 30px #00000015}}@media(max-width:800px){.agent-panel,.settings,.inspector{top:68px;width:min(370px,100vw)}.header-tools{gap:5px}.header-tools button{font-size:11px;padding:8px}.settings-toggle span{display:none}.brand>span{font-size:13px;letter-spacing:1px}.brand img{width:22px;height:36px}.theme-label select{width:70px;padding:6px}.canvas-heading{padding:20px 16px}.canvas-heading #segmentDescription{max-width:170px;line-height:1.4}.segment-info{padding:0 16px 12px}.canvas-heading h2{font-size:17px}.canvas-actions #fit{display:none}.canvas-actions{gap:4px}.sidebar{display:flex;width:62px;padding:20px 7px}.sidebar h1,.sidebar .intro,.sidebar>.eyebrow,.sidebar-bottom,.topic-list{display:none}#segmentNav button span:last-child{display:none}#segmentNav button{justify-content:center;padding:13px 8px}#segmentNav button span:first-child{font-size:20px}}
/* Explicit monochrome night palette: readable controls, cards and brand. */
html[data-theme="dark"] button{background-color:#292929;color:#ededed;border-color:#505050;transition:none}
html[data-theme="dark"] button:hover{background-color:#3b3b3b;color:#fff}
html[data-theme="dark"] button.primary{background-color:#e8e8e3;color:#181818;border-color:#e8e8e3}
html[data-theme="dark"] button.primary:hover{background-color:#fff;color:#111}
html[data-theme="dark"] nav button{background-color:transparent;color:#c5c5c5}
html[data-theme="dark"] nav button:hover{background-color:#353535;color:#fff}
html[data-theme="dark"] nav button.active{background-color:#e5e5df;color:#181818}
html[data-theme="dark"] nav button.active span{color:#181818}
html[data-theme="dark"] .zoom-tools{background-color:#292929;color:#ededed;border-color:#505050}
html[data-theme="dark"] .zoom-tools button{background-color:#292929;color:#ededed}
html[data-theme="dark"] .node:not(.root) p{color:#b5b5b5}
html[data-theme="dark"] .node:not(.root) .node-label,html[data-theme="dark"] .node:not(.root) .node-bottom{color:#aaa}
html[data-theme="dark"] .node.root p{color:#404040}
html[data-theme="dark"] .node.root .node-bottom{border-color:#b0b0aa;color:#555}
html[data-theme="dark"] .brand img{filter:grayscale(1) brightness(0) invert(1)}
html[data-theme="dark"] .settings label,html[data-theme="dark"] .inspector label,html[data-theme="dark"] .info-row,html[data-theme="dark"] #speakerField{color:#b5b5b5}
html[data-theme="dark"] .help,html[data-theme="dark"] .intro,html[data-theme="dark"] .source-note,html[data-theme="dark"] .agent-context{color:#aaa}
/* Hosted workspace modules */
#menuToggle{display:none}.sidebar{overflow-y:auto}.new-segment{display:flex;gap:5px;margin:14px 0}.new-segment input{min-width:0;margin:0}.new-segment button{padding:8px;font-size:10px}.workspace-links{display:grid;gap:5px;padding:12px 0;border-top:1px solid var(--line)}.workspace-links button{text-align:left;font-size:10px}.workspace-panel{width:400px;flex-shrink:0;padding:26px 24px;border-left:1px solid var(--line);overflow:auto;background:#fff}.workspace-panel label,.provider-label{display:block;font-size:11px;color:var(--muted);margin:12px 0 5px}.workspace-panel textarea{font-size:14px}.inline-actions{display:flex;gap:8px;margin:14px 0;align-items:center}.inline-actions input{margin:0;min-width:0}.note-item{display:block;width:100%;text-align:left;padding:16px;margin:10px 0}.note-item span{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:13px}.note-item small{display:block;color:var(--muted);font-size:10px;margin-top:9px}.memory-results{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 monospace}.provider-card{border:1px solid var(--line);padding:16px;border-radius:9px;margin:16px 0}.provider-card h3{font-size:16px;font-weight:500}.provider-card h3 small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.login-info{overflow-wrap:anywhere;font-size:12px;line-height:1.8;margin-top:12px}.login-info a{color:inherit;text-underline-offset:4px}.voice-settings{border:0;border-top:1px solid var(--line);padding:20px 0;margin-top:25px}.voice-settings legend{font-size:13px}.connection-shortcut{font-size:10px;margin-bottom:12px}.provider-label select{margin:4px 0 10px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{display:block;height:auto;min-height:0;width:min(400px,100%);padding:38px;background:#fff;border:1px solid var(--line);border-radius:16px}.login-card>img{width:30px;height:48px;object-fit:contain;filter:grayscale(1) brightness(0);margin-bottom:28px}.login-card h1{font-size:44px;margin:22px 0}.login-card p{font-size:13px;line-height:1.7;color:#777}.login-card label{font-size:12px;display:block;margin-top:20px}.login-card input{font-size:16px}.login-card form button{margin-top:22px}.login-card small{font-size:10px;color:#888}.login-card #loginError{color:#9d2c25}.workspace-panel[hidden]{display:none}html[data-theme=dark] .workspace-panel{background:#202020}html[data-theme=dark] .note-item{background:#292929}
@media(max-width:1250px){.workspace-panel{position:absolute;right:0;top:82px;bottom:0;z-index:8;box-shadow:-12px 0 30px #0002}}@media(max-width:800px){header{height:68px;padding:0 10px;gap:8px}.brand{gap:6px}.brand>span{font-size:11px}.brand small{font-size:6px}.header-tools{display:flex;gap:4px}.header-tools button{padding:9px;min-height:40px}.header-tools [data-open-workspace] span{display:none}#voiceMic{font-size:10px;max-width:84px}.theme-label{display:none}#menuToggle{display:block}main{height:calc(100dvh - 68px);min-height:0}.sidebar{width:54px;padding:12px 4px}.sidebar .new-segment,.sidebar .workspace-links{display:none}.nav-open .sidebar{position:fixed;left:0;top:68px;bottom:0;width:min(300px,85vw);z-index:9;box-shadow:10px 0 35px #0003;padding:22px;overflow-y:auto}.nav-open .sidebar #segmentNav button{justify-content:flex-start;min-height:44px}.nav-open #segmentNav button span:last-child{display:block;font-size:13px}.nav-open .sidebar .new-segment,.nav-open .sidebar .workspace-links{display:grid}.nav-open .sidebar .new-segment{grid-template-columns:1fr auto}.workspace-panel,.agent-panel,.settings,.inspector{top:68px;bottom:0;position:fixed;width:min(430px,100vw);right:0;z-index:10;padding:22px 18px;padding-bottom:max(22px,env(safe-area-inset-bottom));overflow:auto}.workspace-panel input,.workspace-panel select,.workspace-panel textarea,.agent-panel textarea,.settings input,.settings select,.settings textarea,.inspector textarea{font-size:16px}.workspace-panel button,.agent-panel button{min-height:42px}.canvas-heading{height:auto;min-height:100px;align-items:flex-start;padding:18px 12px;gap:6px}.canvas-actions{flex-wrap:wrap;justify-content:flex-end;max-width:110px}.canvas-actions button{font-size:10px;padding:8px}.canvas-heading #segmentDescription{font-size:10px;max-width:140px}#exportGraph{display:none}footer{padding:10px;font-size:8px}#syncState{display:none}.canvas-hint{left:12px;bottom:18px;font-size:8px}.zoom-tools{right:12px;bottom:14px}.panel-heading{margin-bottom:18px}.agent-panel{display:flex;height:calc(100dvh - 68px)}.agent-panel[hidden]{display:none}.chat-log{min-height:80px}.agent-prompts{flex-shrink:0}#agentForm{flex-shrink:0}.brand img{width:19px;height:32px}}
@media(max-width:480px){.brand>span{display:none}.header-tools{flex:1;justify-content:flex-end}.header-tools #agentToggle span{display:none}.header-tools #agentToggle{min-width:42px;font-size:18px}.header-tools #voiceMic{max-width:82px}.header-tools .settings-toggle{min-width:40px}.canvas-heading .eyebrow{font-size:7px}.canvas-heading h2{font-size:16px;max-width:140px}.sidebar{width:48px}.canvas-actions{max-width:100px}.login-card{padding:28px}}
.memory-item{border-top:1px solid var(--line);padding:15px 0}.memory-item p{font:12px/1.7 Inter,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px}.memory-item small{font:10px/1.5 Inter,Arial,sans-serif;color:var(--muted)}