:root{--accent: #0a64a4;--accent-soft: #cfe1f0;--accent-deep: #053a63;--bg: #c9c8bd;--panel: #d8d7cb;--panel-2: #e6e5d9;--ink: #1a1a14;--ink-soft: #4a4a3e;--hi: #ffffff;--lo: #6e6d62;--lo-2: #3a392f;--line: #88877c;--selection: #0a64a4;--selection-ink: #fff;--font-ui: 12.5px/1.35 "IBM Plex Mono", "Geneva", "Helvetica Neue", system-ui, sans-serif;--font-display: 14px "IBM Plex Mono", "Geneva", "Helvetica Neue", system-ui, sans-serif;--font-mono: 12px "IBM Plex Mono", "Menlo", monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}.desktop{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--bg),var(--bg));display:flex;align-items:center;justify-content:center;padding:24px}.desktop.with-pattern{background:repeating-linear-gradient(45deg,rgba(0,0,0,.025) 0 1px,transparent 1px 8px),var(--bg)}.bevel-out{border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi);box-shadow:inset 1px 1px 0 var(--panel-2),inset -1px -1px 0 var(--lo);background:var(--panel)}.bevel-in{border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2);box-shadow:inset 1px 1px 0 var(--lo),inset -1px -1px 0 var(--panel-2);background:var(--panel-2)}.bevel-flat{border:1px solid var(--lo-2);background:var(--panel)}.bevel-thin{border:1px solid var(--line)}.window{width:min(1240px,96vw);height:min(820px,92vh);display:flex;flex-direction:column;background:var(--panel);border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi);box-shadow:inset 1px 1px 0 var(--panel-2),inset -1px -1px 0 var(--lo),4px 4px #0000002e}.titlebar{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 8px;background:linear-gradient(to right,var(--accent-deep),var(--accent));color:#fff;font-weight:600;letter-spacing:.02em;-webkit-user-select:none;user-select:none;height:26px;flex-shrink:0}.titlebar .tb-icon{width:16px;height:16px;display:inline-block;flex-shrink:0}.titlebar .tb-title{flex:1;font-size:12px}.titlebar .tb-btns{display:flex;gap:2px}.tb-btn{width:18px;height:16px;display:inline-flex;align-items:center;justify-content:center;font:11px/1 var(--font-mono);color:var(--ink);background:var(--panel);border:1px solid;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi);cursor:default;padding:0}.tb-btn:active{border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2)}.menubar{display:flex;gap:0;padding:2px 4px;background:var(--panel);border-bottom:1px solid var(--lo);font-size:12px;flex-shrink:0}.menubar .mi{padding:2px 8px;cursor:default;-webkit-user-select:none;user-select:none}.menubar .mi:hover{background:var(--accent);color:#fff}.menubar .mi u{text-decoration:underline}.window-body{flex:1;display:flex;min-height:0;padding:4px;gap:4px}.sidebar{width:200px;display:flex;flex-direction:column;flex-shrink:0}.sidebar .side-head{padding:4px 8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.sidebar .nav{display:flex;flex-direction:column;padding:4px;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:default;font-size:12.5px;border:1px solid transparent;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#0000000a}.nav-item.active{background:var(--accent);color:#fff;border-color:var(--accent-deep)}.nav-item .ico{width:16px;height:16px;display:inline-block;flex-shrink:0}.nav-item .badge{margin-left:auto;font:10px/1 var(--font-mono);background:var(--panel-2);color:var(--ink);padding:2px 4px;border:1px solid var(--lo)}.nav-item.active .badge{background:#fff;color:var(--accent-deep);border-color:var(--accent-deep)}.sidebar .user-card{margin:4px;padding:8px;font-size:11px;background:var(--panel-2)}.user-card .label{color:var(--ink-soft);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.user-card .value{font:13px var(--font-mono)}.content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.content-head{padding:8px 12px;display:flex;align-items:center;gap:12px;flex-shrink:0}.content-head h1{margin:0;font:600 16px/1.1 IBM Plex Mono,Geneva,system-ui,sans-serif;letter-spacing:-.005em}.content-head .crumbs{font:11px/1 var(--font-mono);color:var(--ink-soft)}.content-head .spacer{flex:1}.content-body{flex:1;padding:4px 12px 12px;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.statusbar{display:flex;gap:4px;padding:3px 4px;font:11px/1 var(--font-mono);color:var(--ink-soft);flex-shrink:0}.statusbar .seg{padding:2px 8px;flex:none}.statusbar .seg.flex{flex:1}.statusbar .dot{display:inline-block;width:8px;height:8px;background:#2c8a3a;margin-right:6px;vertical-align:middle}.btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--panel);color:var(--ink);border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi);box-shadow:inset 1px 1px 0 var(--panel-2),inset -1px -1px 0 var(--lo);font:inherit;font-size:12.5px;cursor:default;-webkit-user-select:none;user-select:none;min-height:24px;white-space:nowrap}.btn:hover{background:var(--panel-2)}.btn:active,.btn.active{border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2);box-shadow:inset 1px 1px 0 var(--lo),inset -1px -1px 0 var(--panel-2);padding:5px 11px 3px 13px}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent) var(--accent-deep) var(--accent-deep) var(--accent);box-shadow:inset 1px 1px #ffffff59,inset -1px -1px 0 var(--accent-deep)}.btn.primary:hover{filter:brightness(1.08)}.btn[disabled],.btn.disabled{color:var(--lo);cursor:not-allowed}.btn .kbd{font:10px var(--font-mono);opacity:.7;margin-left:4px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;color:var(--ink-soft);letter-spacing:.04em}.input,.select,.textarea{font:inherit;font-size:12.5px;padding:4px 6px;background:#fff;color:var(--ink);border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2);box-shadow:inset 1px 1px 0 var(--lo),inset -1px -1px 0 var(--panel-2);outline:none}.input:focus,.select:focus,.textarea:focus{outline:1px dotted var(--ink);outline-offset:-3px}.textarea{font:var(--font-mono);resize:vertical;min-height:60px}.select{padding-right:18px}.code{font:var(--font-mono);background:#fbfbef;border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2);padding:8px;white-space:pre-wrap;color:var(--ink)}.group{border:1px solid var(--lo);padding:12px 12px 10px;position:relative;margin-top:8px}.group>.group-title{position:absolute;top:-7px;left:8px;background:var(--panel);padding:0 6px;font-size:11px;color:var(--ink-soft);letter-spacing:.04em}.table{width:100%;border-collapse:collapse;background:#fff;font:12px var(--font-ui)}.table th{text-align:left;font-weight:600;font-size:11px;background:var(--panel);padding:4px 8px;border-style:solid;border-width:1px;border-color:var(--hi) var(--lo) var(--lo) var(--hi);color:var(--ink-soft);letter-spacing:.04em;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:1}.table td{padding:5px 8px;border-bottom:1px dotted var(--line);vertical-align:middle}.table tr{cursor:default}.table tbody tr:hover{background:var(--accent-soft)}.table tr.selected td{background:var(--accent);color:#fff}.table tr.selected td .muted{color:#ffffffb3}.table .dir-in{color:#1a6c2a}.table .dir-out{color:#a04d00}.table tr.selected .dir-in,.table tr.selected .dir-out{color:#fff}.tag{display:inline-block;padding:1px 6px;font:10px var(--font-mono);background:var(--panel-2);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em}.tag.ok{background:#d4ebd0;border-color:#4a7a3d;color:#1f4a14}.tag.warn{background:#f0e0b0;border-color:#8a6a14;color:#4a3a04}.tag.err{background:#f0c8c0;border-color:#8a3a30;color:#4a1a14}.tag.info{background:var(--accent-soft);border-color:var(--accent-deep);color:var(--accent-deep)}.muted{color:var(--ink-soft)}.mono{font:12px var(--font-mono)}.tiny{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.login-shell{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.login-card{width:360px;display:flex;flex-direction:column;background:var(--panel);border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi);box-shadow:inset 1px 1px 0 var(--panel-2),inset -1px -1px 0 var(--lo),6px 6px #00000038}.login-card .body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px}.login-card .logo{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px dotted var(--line)}.login-card .logo .mark{width:36px;height:36px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font:700 18px/1 var(--font-mono);border-style:solid;border-width:1px;border-color:var(--hi) var(--accent-deep) var(--accent-deep) var(--hi)}.login-card h2{margin:0;font-size:15px;font-weight:600}.login-card .sub{font-size:11px;color:var(--ink-soft);margin-top:2px}.login-card .row{display:flex;gap:8px}.login-card .actions{display:flex;gap:6px;justify-content:flex-end;margin-top:4px}.phone-input{display:flex;border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2);box-shadow:inset 1px 1px 0 var(--lo);background:#fff}.phone-input .prefix{padding:4px 8px;background:var(--panel-2);font:var(--font-mono);border-right:1px solid var(--line)}.phone-input input{flex:1;border:0;outline:none;padding:4px 6px;font:14px var(--font-mono);background:transparent;letter-spacing:.04em}.otp-row{display:flex;gap:6px}.otp-cell{width:36px;height:40px;text-align:center;font:600 18px/1 var(--font-mono);background:#fff;border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2);box-shadow:inset 1px 1px 0 var(--lo);outline:none}.otp-cell:focus{outline:1px dotted var(--ink);outline-offset:-3px}.progress{height:10px;background:#fff;border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2);padding:1px;display:flex}.progress .bar{background:var(--accent);width:0;transition:width .25s linear}.flow-toolbar{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--panel);border:1px solid var(--lo)}.flow-toolbar .sep{width:1px;height:16px;background:var(--lo);margin:0 2px}.flow-canvas-wrap{flex:1;display:flex;min-height:0}.flow-palette{width:200px;display:flex;flex-direction:column;padding:6px;gap:6px;background:var(--panel-2);border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2)}.flow-palette .hd{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:4px 2px 2px}.palette-card{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--panel);border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi);cursor:grab;font-size:12px;-webkit-user-select:none;user-select:none}.palette-card:active{cursor:grabbing}.palette-card .pico{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.flow-canvas{flex:1;position:relative;overflow:auto;background:radial-gradient(rgba(0,0,0,.18) 1px,transparent 1px) 0 0 / 16px 16px,#f1efe2;border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2)}.flow-canvas .inner{position:relative;width:2400px;height:1400px}.flow-node{position:absolute;width:180px;background:var(--panel);border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi);box-shadow:2px 2px #00000026;-webkit-user-select:none;user-select:none}.flow-node.selected{outline:2px dotted var(--accent-deep);outline-offset:2px}.flow-node .nhd{display:flex;align-items:center;gap:6px;padding:3px 6px;font-size:11px;font-weight:600;color:#fff;background:var(--accent);cursor:move}.flow-node.kind-trigger .nhd{background:#1a6c2a}.flow-node.kind-transform .nhd{background:#6a4a00}.flow-node.kind-ai .nhd{background:#5a2a8a}.flow-node.kind-output .nhd{background:#8a3a30}.flow-node .nhd .nico{width:14px;height:14px;display:inline-block;flex-shrink:0}.flow-node .nbody{padding:8px;font-size:11.5px;display:flex;flex-direction:column;gap:4px;min-height:40px}.flow-node .nbody .preview{font:var(--font-mono);font-size:11px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-node .ports{position:absolute;top:0;bottom:0;width:0;display:flex;flex-direction:column;justify-content:center}.flow-node .ports.in{left:0;transform:translate(-50%)}.flow-node .ports.out{right:0;transform:translate(50%)}.port{width:12px;height:12px;background:#fff;border:1px solid var(--lo-2);cursor:crosshair}.port:hover,.port.connected{background:var(--accent);border-color:var(--accent-deep)}.flow-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.flow-edges path{fill:none;stroke:var(--accent-deep);stroke-width:2}.flow-edges path.hover{stroke:#d33;stroke-width:3;cursor:pointer;pointer-events:stroke}.flow-edges path.hit-area{stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}.inspector{width:280px;display:flex;flex-direction:column;padding:8px;gap:8px;background:var(--panel-2);border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2)}.inspector .hd{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px dotted var(--line);padding-bottom:4px}.inspector .empty{padding:24px 6px;text-align:center;color:var(--ink-soft);font-size:11px}.calls-split{display:flex;gap:8px;height:100%;min-height:0}.calls-list{flex:2;min-width:0;display:flex;flex-direction:column}.calls-detail{flex:1.4;min-width:280px;display:flex;flex-direction:column;background:var(--panel);border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2)}.calls-detail .head{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--panel);border-bottom:1px solid var(--lo)}.calls-detail .body{padding:10px;display:flex;flex-direction:column;gap:10px;overflow:auto;flex:1}.kv{display:grid;grid-template-columns:110px 1fr;gap:4px 8px;font-size:12px}.kv .k{color:var(--ink-soft)}.kv .v{font:var(--font-mono)}.player{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--panel-2);border:1px solid var(--line)}.player .track{flex:1;height:14px;background:#fff;border-style:solid;border-width:1px;border-color:var(--lo-2) var(--hi) var(--hi) var(--lo-2);display:flex;align-items:center;padding:0 1px}.player .head{width:8px;height:12px;background:var(--accent);border:1px solid var(--accent-deep)}.player .time{font:var(--font-mono);font-size:11px;color:var(--ink-soft);min-width:70px;text-align:right}.transcript{display:flex;flex-direction:column;gap:6px}.transcript .turn{display:grid;grid-template-columns:60px 1fr;gap:8px;font-size:12px;align-items:start}.transcript .turn .who{font:11px var(--font-mono);color:var(--ink-soft);text-align:right;text-transform:uppercase;letter-spacing:.04em}.transcript .turn .what{background:#fff;border:1px solid var(--line);padding:4px 6px}.transcript .turn.agent .what{background:var(--accent-soft);border-color:var(--accent-deep)}.summary{background:#fbfbef;border:1px solid var(--line);padding:8px 10px;font-size:12.5px;line-height:1.45}.summary ul{margin:4px 0 0;padding-left:16px}.summary li{margin:2px 0}.summary .label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{background:var(--panel);border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi);padding:12px;display:flex;flex-direction:column;gap:8px;min-height:160px}.card .head{display:flex;align-items:center;gap:8px}.card .head .logo{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi)}.card .head h3{margin:0;font-size:13.5px;font-weight:600}.card .head .desc{font-size:10.5px;color:var(--ink-soft);margin-top:1px}.card .body{font-size:11.5px;color:var(--ink-soft);flex:1}.card .foot{display:flex;gap:6px;align-items:center}.card.connected{background:var(--panel-2)}.modal-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(0,0,0,.22) 0 2px,transparent 2px 4px);display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--panel);border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi);box-shadow:inset 1px 1px 0 var(--panel-2),inset -1px -1px 0 var(--lo),4px 4px #00000038;min-width:360px;max-width:90vw;display:flex;flex-direction:column}.modal .body{padding:14px;display:flex;flex-direction:column;gap:10px}.modal .foot{padding:8px 10px;display:flex;gap:6px;justify-content:flex-end;border-top:1px solid var(--lo)}body[data-accent=blue]{--accent: #0a64a4;--accent-deep: #053a63;--accent-soft: #cfe1f0}body[data-accent=green]{--accent: #2c7a3a;--accent-deep: #16461f;--accent-soft: #d4ebd0}body[data-accent=teal]{--accent: #117a8b;--accent-deep: #08454e;--accent-soft: #cee5e8}body[data-font=mssans]{--font-ui: 12px/1.35 "Tahoma", "Geneva", "Helvetica Neue", system-ui, sans-serif;--font-mono: 12px "Lucida Console", "Menlo", monospace}body[data-font=pixel]{--font-ui: 12px/1.4 "VT323", "Courier New", monospace;--font-mono: 14px "VT323", "Courier New", monospace}body[data-font=pixel] .titlebar,body[data-font=pixel] .btn,body[data-font=pixel] .nav-item,body[data-font=pixel] .table th{letter-spacing:0}body[data-font=pixel] .input,body[data-font=pixel] .otp-cell{font-size:16px}body[data-font=modern]{--font-ui: 13px/1.4 "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: 12px "JetBrains Mono", "Menlo", monospace}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 1px,transparent 1px 4px),var(--panel-2)}::-webkit-scrollbar-thumb{background:var(--panel);border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi)}::-webkit-scrollbar-corner{background:var(--panel-2)}.row{display:flex;gap:8px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1}.right{margin-left:auto}hr.div{border:0;border-top:1px dotted var(--line);margin:6px 0}.toast-stack{position:fixed;right:14px;bottom:14px;display:flex;flex-direction:column;gap:8px;z-index:150}.toast{background:var(--panel);border-style:solid;border-width:1px;border-color:var(--hi) var(--lo-2) var(--lo-2) var(--hi);box-shadow:3px 3px #0000002e;padding:6px 10px;font-size:12px;display:flex;gap:8px;align-items:center;min-width:220px}.toast .tb{width:14px;height:14px;flex-shrink:0}.toast .msg{flex:1}