:root{--bg:#f3f5f7;--surface:#fff;--surface-2:#f6f8fa;--ink:#18232e;--muted:#647281;--line:#dce3e9;--accent:#266bda;--accent-ink:#fff;--good:#16846b;--warn:#b97b1d;--bad:#c7484d;--glass:rgba(255,255,255,.9);--glass-line:rgba(20,35,50,.08);--shadow:0 2px 4px #18232e05,0 12px 32px #18232e08;--scene-bg:#e4eaf0;--scene-ground:#cfd9e1;--scene-mode:day;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;min-height:36px;padding:6px 12px;font-weight:550}button:hover{background:#eaf0f7;border-color:#becddb}button[aria-pressed=true]{background:#dceafb;color:#1958b7;border-color:#b4cef0}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #4689ed;outline-offset:3px}[hidden]{display:none!important}svg{width:20px;height:20px;vertical-align:middle;flex:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}h1,h2,p{margin:0}h1{font-size:24px;letter-spacing:-.7px;font-weight:750;line-height:1.2}h2{font-size:13px;letter-spacing:.1px;font-weight:700}small,.sub,.note{color:var(--muted)}
#store-behaviour-model{--sans:Inter,ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;max-width:1680px;margin:auto;padding:24px 28px 32px}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.brand{display:flex;gap:12px;align-items:center}.mark{background:#2266d6;border-radius:13px;width:44px;height:44px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:800}.sub{font-size:12px;margin-top:3px}.top-actions{display:flex;gap:10px;align-items:center}.eyebrow{color:#6a7e91;letter-spacing:1.8px;font-size:10px;font-weight:750;text-transform:uppercase}.pill{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.pill i{width:6px;height:6px;background:var(--good);border-radius:50%}.pill.paused i{background:var(--warn)}
.controlbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:13px;margin-bottom:14px}.controlbar .spacer{flex:1}.seg{display:flex;gap:3px;border:1px solid var(--line);border-radius:9px;padding:3px;background:var(--surface-2)}.seg button{border-color:transparent;min-height:28px;padding:3px 10px;font-size:12px}.controlbar label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.controlbar select{min-height:36px;max-width:175px;border:1px solid var(--line);border-radius:8px;padding:5px 8px;background:var(--surface);color:var(--ink)}.ibtn{padding:7px;min-width:36px}.sim-clock{border-left:1px solid var(--line);padding-left:14px;margin-left:4px;display:flex;align-items:baseline;gap:8px}.sim-clock b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:18px;letter-spacing:-.8px}.sim-clock span{font-size:10px;color:var(--muted)}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.stage{position:relative;background:var(--scene-bg);border:1px solid #d4dee6;border-radius:16px;overflow:hidden;height:calc(100vh - 195px);min-height:610px;max-height:900px;touch-action:none}.stage canvas{display:block;width:100%;height:100%;cursor:grab;outline:none}.stage canvas.dragging{cursor:grabbing}.ov{position:absolute;z-index:2}.glass{background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(12px);border-radius:12px;box-shadow:var(--shadow)}.stats{top:16px;left:16px;display:flex;padding:10px 16px;gap:22px;pointer-events:none}.stat span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.stat b{font-family:var(--mono);font-size:22px;line-height:1.3}.view-controls{right:16px;top:16px;display:flex;gap:5px;padding:4px}.view-controls button{font-size:11px;min-height:29px;border:0;padding:4px 9px}.stage-footer{bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:end;gap:12px;pointer-events:none}.toast{display:flex;gap:8px;align-items:center;font-size:11px;padding:9px 12px;max-width:440px;color:#435366}.toast i{width:5px;height:5px;flex:none;border-radius:50%;background:var(--accent)}.help{font-size:10px;color:#5b6d7b;max-width:165px;text-align:right}.loading,.fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:48px;color:var(--muted);background:var(--scene-bg)}.loading{z-index:1}.fallback{z-index:1;font-size:15px}.stage-caption{font-size:11px;color:var(--muted);padding:8px 4px;display:flex;justify-content:space-between;gap:10px}
.sidebar{display:grid;gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:16px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-head>span{color:var(--muted);font-size:10px}.field{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}select,input{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px;min-width:0;width:100%;font-size:12px}input[type=file]{padding:8px;background:var(--surface-2)}.inspector-title{display:flex;gap:10px;align-items:center;margin-top:14px}.persona-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:white;flex:none;background:var(--surface-2)}.persona-icon svg{width:20px;height:20px}.inspect-state{font-size:13px;font-weight:650;text-transform:capitalize}.inspect-dest{font-size:11px;color:var(--muted);margin-top:2px}.inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.inspect-grid span{display:block;color:var(--muted);font-size:10px}.inspect-grid b{font-family:var(--mono);font-size:12px;font-weight:550}.inspect-grid .wide{grid-column:1/-1}.progress{height:4px;background:#edf1f4;border-radius:5px;overflow:hidden;margin-top:8px}.progress>i{display:block;height:100%;width:0;transition:width .15s}.follow-info{font-size:10px;color:var(--muted);margin-top:10px}.text-button{padding:0;min-height:20px;border:0;background:none;font-size:11px;color:var(--accent)}.queue-row+.queue-row{border-top:1px solid #eef1f4;margin-top:12px;padding-top:12px}.queue-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.queue-heading b{font-size:14px}.queue-row small{font-size:10px}.queue-track{display:flex;gap:5px;margin:6px 0 2px}.queue-dot{width:12px;height:12px;border-radius:4px;background:#e9edf2}.queue-dot:first-child{outline:1px solid #b7c6d7;outline-offset:2px;margin-right:4px}.queue-legend{font-size:9px;color:var(--muted);margin-top:8px}.staff-item+.staff-item{margin-top:12px;padding-top:10px;border-top:1px solid #edf1f4}.staff-label{font-size:11px;font-weight:600}.staff-label::before{content:'';display:inline-block;height:7px;width:7px;border-radius:50%;margin-right:7px;background:#16846b}.staff-label.busy::before{background:#c78c25}.assistant-queue{display:flex;flex-wrap:wrap;gap:5px;font-size:10px;color:var(--muted);margin-top:7px}.request-chip{font-size:10px;min-height:23px;padding:2px 6px;border-radius:6px;border-left:3px solid var(--persona)}
.metrics{display:grid;grid-template-columns:repeat(7,1fr);margin:14px 0 16px;background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}.metric{padding:14px 16px;position:relative}.metric+.metric:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:1px;background:var(--line)}.metric b{font-family:var(--mono);font-size:25px;font-weight:550;letter-spacing:-1px;display:block;line-height:1.35}.metric span{font-size:10px;color:var(--muted)}.metric.good b{color:var(--good)}.metric.bad b{color:var(--bad)}.legend{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.roster{display:flex;gap:9px 20px;flex-wrap:wrap;margin-top:10px}.roster>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#506173}.roster i{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;color:white}.roster svg{width:15px;height:15px}.keys{display:grid;gap:5px;min-width:200px;font-size:10px;color:var(--muted)}.keys span{display:flex;gap:7px;align-items:center}.kr{width:12px;height:12px;border:2px solid var(--c);border-radius:50%;display:inline-block}.settings{margin-top:16px;padding:0;scroll-margin-top:16px}.settings>summary{padding:16px;font-size:13px;font-weight:650;list-style:none;display:flex;justify-content:space-between}.settings>summary::after{content:'+';font-size:18px;line-height:20px}.settings[open]>summary::after{content:'−'}.settings-content{padding:0 16px 18px}.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.note{font-size:12px;line-height:1.7}.notice{background:#f0f5fb;border:1px solid #dae6f4;padding:10px 12px;border-radius:8px}.data-import{display:flex;align-items:end;gap:12px;margin:18px 0 10px}.data-import .field{flex:1}.err{font-size:12px;color:var(--bad)}code{display:block;background:var(--surface-2);padding:10px;border-radius:8px;overflow-wrap:anywhere;font-size:11px;color:var(--muted);margin:10px 0}.method{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.method summary{font-size:12px;font-weight:600}.footnote{font-size:10px;color:var(--muted);margin-top:16px;display:flex;justify-content:space-between;gap:20px}
@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.card{padding:18px}}
@media(max-width:1050px){#store-behaviour-model{padding:20px}.workspace{grid-template-columns:minmax(0,1fr) 275px;gap:12px}.stage{min-height:660px}.stats{gap:16px;padding:8px 12px}.view-controls{top:86px;right:12px}.metric{padding:12px 10px}.metric span{font-size:9px}.legend{grid-template-columns:1fr}.keys{display:flex;flex-wrap:wrap;gap:16px}.help{display:none}.fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#store-behaviour-model{padding:14px}.top{align-items:start}.brand{gap:8px}h1{font-size:21px}.mark{width:36px;height:36px;font-size:23px}.top-actions{flex-direction:column;align-items:end;gap:6px}.top-actions button{font-size:11px;min-height:30px}.pill{font-size:9px;max-width:125px;line-height:1.4}.workspace{display:block}.stage{height:69vh;min-height:480px;max-height:750px}.stats{top:12px;left:12px}.view-controls{top:12px;right:12px;flex-direction:column}.sidebar{grid-template-columns:1fr 1fr;margin-top:8px}.sidebar>.card:first-child{grid-row:span 2}.sidebar .card{padding:12px}.controlbar{gap:6px;padding:8px}.controlbar .spacer{display:none}.controlbar label{margin-left:auto;font-size:0}.controlbar select{max-width:135px;font-size:11px}.sim-clock{margin-left:auto}.sim-clock span{display:none}.controlbar [data-sound]{display:none}.metrics{grid-template-columns:repeat(4,1fr)}.metric{padding:12px}.metric:nth-child(n+5){border-top:1px solid var(--line)}.metric:nth-child(5):before{display:none}.metric span{font-size:10px}.metric b{font-size:22px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-caption{font-size:9px}.roster{gap:8px 14px}.data-import{align-items:stretch;flex-direction:column}.footnote{flex-direction:column;gap:4px}.toast{font-size:10px;max-width:100%}.stage-footer{bottom:12px;left:12px;right:12px}}
@media(max-width:390px){.top-actions .pill{display:none}.controlbar select{max-width:110px}.seg button{padding:3px 7px}.sim-clock{border:0;padding-left:0}.sim-clock b{font-size:15px}.sidebar{grid-template-columns:1fr}.sidebar>.card:first-child{grid-row:auto}.stage{min-height:470px}.view-controls button{font-size:10px;padding:3px 7px}.stats{gap:13px}.stat b{font-size:20px}.fields{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}