:root{color:#ecf3ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#0b121e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button{color:#ecf3ff;font:inherit;cursor:pointer;background:#243552;border:1px solid #4d658a;border-radius:6px;padding:6px 10px}@media (width<=760px){:where(button,select,input):not(.library-category-filter button){min-height:44px}}button:focus-visible{outline-offset:3px;outline:3px solid #8cd5ff}.migration-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.migration-card{background:#121c2b;border:1px solid #29384e;border-radius:18px;width:min(680px,100%);padding:28px;box-shadow:0 24px 60px #00000047}.migration-card h1{margin:4px 0 12px;font-size:clamp(2rem,5vw,3.25rem);line-height:1}.migration-card p{color:#aab8ca;line-height:1.6}.migration-eyebrow{color:#72c8ff;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.migration-runtime{border-top:1px solid #29384e;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}@media (width<=520px){.migration-card{padding:20px}.migration-runtime{flex-direction:column;align-items:stretch}}:root{--bg:#0b121e;--panel:#172235;--panel-2:#1d2b40;--ink:#e6eefb;--muted:#9aabc3;--line:#34435a;--blue:#49b8ff;--green:#54d3a0;--amber:#eab66d;--red:#ff6275;--purple:#a88dff;--slate:#71809a;--button-height:36px;--button-compact-height:30px;--button-touch-height:44px;--button-radius:6px;--button-padding-x:10px;--button-icon-size:18px;--device-safe-top:env(safe-area-inset-top,0px);--device-safe-right:env(safe-area-inset-right,0px);--device-safe-bottom:env(safe-area-inset-bottom,0px);--device-safe-left:env(safe-area-inset-left,0px);--cyan:#38bdf8;--text:var(--ink);--text-main:var(--ink);--text-bright:#fff;--text-dim:var(--muted);--border:var(--line);--btn-h-xs:26px;--btn-h-sm:30px;--btn-h-md:34px;--btn-h-touch:38px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-pill:999px;--font-xs:10px;--font-sm:11px;--font-base:12px;--font-md:13px}*{box-sizing:border-box}body{background:var(--bg);height:100vh;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-base);margin:0;overflow:hidden}@supports (height:100dvh){body{height:100dvh}}button,input,select{font:inherit}button,select{border:1px solid var(--line);border-radius:var(--button-radius);color:var(--ink);cursor:pointer;background:#263652;padding:7px 9px}button:hover,button.active,select:hover{background:#304362;border-color:#4ab8ffb8}button:disabled{cursor:not-allowed;opacity:.45}button:disabled:hover{border-color:var(--line);background:#263652}.btn-standard{border:1px solid var(--border);min-height:32px;color:var(--text-bright);background:#2636528c;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.btn-icon{min-width:var(--button-height);width:var(--button-height);min-height:var(--button-height);height:var(--button-height);border-radius:var(--button-radius);place-items:center;padding:0;line-height:1;display:inline-grid}.btn-compact{min-height:var(--button-compact-height);height:var(--button-compact-height);border-radius:var(--button-radius);justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:11px;display:inline-flex}.rail-action{width:auto;max-width:100%;min-height:var(--button-compact-height);height:var(--button-compact-height);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.rail-action [data-rail-action-icon]{flex:none;width:14px;height:14px}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:#ffffff0a}.ui-button{white-space:normal;max-width:100%}.ui-button.rail-action{white-space:nowrap}.ui-button>.lucide,.ui-button-spinner{flex:none;width:16px;height:16px}.ui-button.rail-action>[data-rail-action-icon]{width:14px;height:14px}.ui-button-label{overflow-wrap:anywhere;min-width:0}.ui-button-spinner{animation:.8s linear infinite ui-button-spin}@keyframes ui-button-spin{to{transform:rotate(360deg)}}.ui-tooltip-content{z-index:140;border:1px solid var(--line);max-width:min(260px,100vw - 20px);color:var(--ink);pointer-events:none;background:#0c1320;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:700;line-height:1.3;box-shadow:0 8px 24px #00000061}.ui-dropdown-content{z-index:130;border:1px solid var(--line);background:#101522;border-radius:8px;min-width:170px;padding:5px;box-shadow:0 14px 34px #00000075}.ui-dropdown-item{min-height:36px;color:var(--ink);cursor:pointer;border-radius:5px;outline:0;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}.ui-dropdown-item .lucide{flex:none;width:16px;height:16px}.ui-dropdown-item[data-highlighted]{background:#304362}.ui-dropdown-item[data-disabled]{opacity:.45;cursor:not-allowed}.ui-dropdown-separator{background:var(--line);height:1px;margin:5px 2px}.ui-dropdown-item.danger-action{color:#ffd5db}.ui-dropdown-item.danger-action[data-highlighted]{background:#ff627529}.btn-list-action,.btn-menu-action,.btn-tab,.btn-rail,.btn-resizer,.btn-link-action{height:auto}button.btn-danger,button.danger-action{color:#ffd5db;background:#ff62751f;border-color:#ff62758c}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app{grid-template-rows:auto 1fr;height:100vh;display:grid}@supports (height:100dvh){.app{height:100dvh}}header{z-index:20;border-bottom:1px solid var(--line);background:#101522f5;padding:8px 12px;position:relative}h1{letter-spacing:0;margin:0;font-size:18px}h2{text-transform:uppercase;letter-spacing:.08em;color:#c9d7ea;margin:0;font-size:12px}.subtitle{color:var(--muted);margin-top:3px;font-size:12px}.toolbar{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;display:grid;position:relative}.toolbar button{justify-content:center;align-items:center;height:36px;min-height:36px;display:inline-flex}.toolbar .primary{background:#35d58a29;border-color:#35d58aa6}.header-left,.header-right,.simulation-bar{align-items:center;gap:6px;min-width:0;display:flex}.header-left{justify-content:flex-start}.header-right{flex-wrap:nowrap;justify-content:flex-end}.global-mode-tabs{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toolbar .global-mode-tabs button{min-width:66px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:5px;padding-inline:13px;font-size:11px;font-weight:800}.toolbar .global-mode-tabs button:hover:not([aria-selected=true]){color:var(--ink);background:#ffffff0d}.toolbar .global-mode-tabs button[aria-selected=true]{color:#fff;background:#4ab8ff2e;border-color:#4ab8ffd1;box-shadow:inset 0 1px #ffffff24,0 0 12px #4ab8ff38}.toolbar .global-mode-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.tools-region-heading{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin:-2px -2px 12px;padding:4px 0 10px;font-size:11px;font-weight:800;display:flex}.tools-region-heading>span:last-child:not(:first-child){color:var(--ink);font-variant-numeric:tabular-nums}#btnMobileTools,#btnMobileInspector{display:none}.header-left .app-brand{min-width:0}.header-left h1,.header-left .subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.simulation-bar{background:#ffffff06;border:1px solid #adc2dc24;border-radius:9px;justify-self:center;padding:4px 6px;display:flex}.simulation-bar>*{flex:none}.simulation-bar .clock{place-items:center;min-height:36px;padding:0 6px;display:grid}.project-speed-control{min-width:64px;height:36px;padding:4px 6px}.file-menu-content{min-width:210px}@media (width<=1360px){.layout{--tools-width:268px;--inspector-width:288px}.header-left .subtitle{display:none}}@media (width>=901px) and (width<=1180px){.header-left .subtitle{display:none}.header-left .app-brand{max-width:240px}.toolbar{gap:8px}}@media (width<=900px){header{padding:calc(5px + var(--device-safe-top)) calc(5px + var(--device-safe-right)) 5px calc(5px + var(--device-safe-left))}.app-brand{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toolbar{grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:4px}.header-left,.header-right{display:contents}.simulation-bar{display:none}.global-mode-tabs{z-index:1;scrollbar-width:none;max-width:min(400px,100% - 196px);display:flex;overflow:auto hidden}.global-mode-tabs::-webkit-scrollbar{display:none}.toolbar .global-mode-tabs button{flex:none;min-width:52px;padding-inline:7px}.tools-region-heading{display:none}.toolbar button,.toolbar select,.toolbar .clock,.btn-standard,.btn-compact{min-height:var(--button-touch-height);height:var(--button-touch-height)}.btn-icon{min-width:var(--button-touch-height);width:var(--button-touch-height);min-height:var(--button-touch-height);height:var(--button-touch-height)}#btnMobileTools{grid-column:1}#btnMobileInspector{grid-column:3}#btnFileMenu{grid-column:4}#btnMobileTools,#btnMobileInspector,#btnFileMenu{grid-row:1}header #activePreset{display:none}.ui-dropdown-item{min-height:var(--button-touch-height)}}.clock{min-width:58px;color:var(--blue);text-align:center;font-size:12px;font-weight:800}#activePreset{color:#d7cef7;text-overflow:ellipsis;white-space:nowrap;background:#a88dff24;border:1px solid #a88dff80;border-radius:999px;align-items:center;gap:4px;max-width:220px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}#activePreset:hover{background:#a88dff3d;border-color:#a88dffcc}#activePreset[hidden]{display:none}.project-recovery-notice{z-index:75;top:calc(70px + var(--device-safe-top));color:#dff8eb;background:#121f2df7;border:1px solid #35d58a73;border-radius:8px;align-items:center;gap:10px;width:min(520px,100vw - 24px);padding:9px 10px 9px 12px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000061}.project-recovery-notice[hidden]{display:none}.project-recovery-notice span{flex:auto;min-width:0}.project-recovery-actions{flex:none;gap:6px;display:inline-flex}.project-recovery-actions button{font-size:11px}.project-share-notice{flex-wrap:wrap;width:min(680px,100vw - 24px)}.project-share-notice input{border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;background:#101b2a;border-radius:5px;flex:100%;padding:6px 8px}.layout{--tools-width:318px;--inspector-width:344px;grid-template-columns:var(--tools-width) minmax(0,1fr) var(--inspector-width);min-height:0;transition:grid-template-columns .18s;display:grid;position:relative}aside{background:var(--panel);border-right:1px solid var(--line);min-width:0;min-height:0;padding:12px;position:relative;overflow:auto}.tools{flex-direction:column;display:flex}.tools-panel{flex:auto;min-height:0;overflow:auto}.tools-panel[hidden]{display:none}.tools-panel-build{flex-direction:column;display:flex;overflow:hidden}.template-section{order:1}.chaos-section{order:2}.runtime-actions-section{order:3}.library-section{order:4}.connection-section{order:5}.drawer-header,.drawer-tabs{display:none}.sidebar-tablist{background:#060d188a;border:1px solid #adc2dc1f;border-radius:9px;flex:none;gap:3px;min-width:0;margin:0 0 8px;padding:3px;display:flex;overflow:auto hidden}.sidebar-tablist button{flex:1 0 max-content;white-space:normal;overflow-wrap:anywhere;text-align:center;min-width:0;max-width:min(70%,208px);min-height:32px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px;font-size:10px;font-weight:800;transition:color .12s,border-color .12s,background .12s}.sidebar-tablist button:hover{color:var(--ink);background:#ffffff0a}.sidebar-tablist button[aria-selected=true]{color:#fff;background:#4ab8ff2e;border-color:#4ab8ffd1;box-shadow:inset 0 1px #ffffff24,0 0 10px #4ab8ff33}.sidebar-tablist button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}@media (width<=900px){#btnMobileTools,#btnMobileInspector{place-items:center;display:inline-grid}.sidebar-tablist{display:none}.drawer-header.mobile-only{flex:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.drawer-header.mobile-only h2{margin:0}.drawer-tabs{flex:none;gap:4px;min-width:0;margin-bottom:10px;display:flex;overflow:auto hidden}.drawer-tabs button,.drawer-close{min-width:44px;min-height:44px}.drawer-close{width:44px;height:44px}.drawer-tabs button{flex:1 0 max-content;white-space:normal;overflow-wrap:anywhere;text-align:center;width:auto;max-width:min(70%,208px)}#guideTabPanel,#runTabPanel{display:block}#buildTabPanel{flex-direction:column;display:flex;overflow:hidden}#guideTabPanel[hidden],#buildTabPanel[hidden],#runTabPanel[hidden]{display:none}}#inspector{border-right:0;border-left:1px solid var(--line);flex-direction:column;gap:6px;display:flex;overflow:hidden}#inspector>.section,#inspector>.inspector-view-panel{min-height:0;margin:0}#inspector>.inspector-main{flex:auto;overflow:auto}.inspector-view-tabs{background:#060d188a;border:1px solid #adc2dc1f;border-radius:9px;flex:none;gap:3px;min-width:0;padding:3px;display:flex;overflow:auto hidden}.inspector-view-tabs button{flex:1 0 max-content;white-space:normal;overflow-wrap:anywhere;text-align:center;min-width:0;max-width:min(70%,208px);min-height:34px;color:var(--muted);background:0 0;border-color:#0000;justify-content:center;align-items:center;gap:5px;padding:6px 4px;font-size:10px;font-weight:800;display:inline-flex}.inspector-view-tabs button svg{flex:none;width:13px;height:13px}.inspector-view-tabs button[aria-selected=true]{color:var(--ink);background:#4ab8ff24;border-color:#4ab8ffb8}#inspector summary:focus-visible,.inspector-view-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.inspector-view-panel{flex:auto;min-height:0}.inspector-telemetry-view{flex-direction:column;gap:7px;display:flex;overflow:auto}.inspector-telemetry-view>.live-metrics{flex:none;margin:0}.inspector-telemetry-view>.runtime-dashboard-panel{flex:1 0 auto;overflow:visible}.runtime-dashboard-panel{flex:auto;min-height:0;padding:8px 6px 12px 12px;overflow:hidden auto}.runtime-dashboard-panel>h2{margin:0 0 8px}.runtime-dashboard-panel .runtime-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.runtime-dashboard-panel .runtime-dashboard-summary span{padding:7px}.runtime-dashboard-panel .runtime-dashboard-evidence{grid-template-columns:1fr;gap:8px}.runtime-dashboard-panel .runtime-dashboard-live-scope-head{flex-direction:column;align-items:flex-start}.runtime-dashboard-panel .runtime-dashboard-live-scope-actions{justify-content:flex-start}.runtime-dashboard-panel .runtime-dashboard-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-dashboard-panel .runtime-dashboard-table{min-width:0;overflow-x:auto}.runtime-dashboard-panel .runtime-dashboard-row{min-width:0}.live-metrics,.live-metrics *{box-sizing:border-box}.live-metrics-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.live-metrics-heading h2{margin-bottom:6px}.live-metrics-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.live-metrics-scope{color:var(--blue);font-size:11px;font-weight:800}.live-metrics-chart{gap:6px;margin-top:7px;display:grid}.live-metrics-summary{display:none}.live-metrics-actions .btn-compact{white-space:nowrap;margin:0;font-size:10px}.live-runtime-dashboard-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040812b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.live-runtime-dashboard-backdrop[hidden]{display:none}.live-runtime-dashboard{width:min(980px,100vw - 48px);max-height:min(820px,100vh - 48px);color:var(--text);background:#101827;border:1px solid #adc2dc47;border-radius:16px;padding:22px;overflow:auto;box-shadow:0 28px 80px #0000007a}.live-runtime-dashboard-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.live-runtime-dashboard-kicker{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:800}.live-runtime-dashboard-head h2,.live-runtime-dashboard-head p{margin:0}.live-runtime-dashboard-scope{color:var(--muted);font-size:12px;margin-top:4px!important}.live-runtime-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.live-dashboard-card{background:linear-gradient(145deg,#1f2b40fa,#101827fa);border:1px solid #adc2dc2e;border-radius:12px;min-width:0;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.live-dashboard-card:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#adc2dc14 1px,#0000 1px),linear-gradient(90deg,#adc2dc14 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.live-dashboard-card[data-live-dashboard-card=throughput]{box-shadow:inset 3px 0 var(--green), inset 0 1px #ffffff08}.live-dashboard-card[data-live-dashboard-card=drops]{box-shadow:inset 3px 0 var(--red), inset 0 1px #ffffff08}.live-dashboard-card[data-live-dashboard-card=latency]{box-shadow:inset 3px 0 var(--amber), inset 0 1px #ffffff08}.live-dashboard-card[data-live-dashboard-card=backlog]{box-shadow:inset 3px 0 var(--blue), inset 0 1px #ffffff08}.live-dashboard-card-head{color:#c9d7ea;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:8px;font-size:11px;font-weight:800;display:flex;position:relative}.live-dashboard-status{text-transform:capitalize;font-size:10px}.live-dashboard-status[data-live-status=normal]{color:var(--green)}.live-dashboard-status[data-live-status=pressure]{color:var(--amber)}.live-dashboard-status[data-live-status=breach]{color:var(--red)}.live-dashboard-status[data-live-status=neutral]{color:var(--muted)}.live-dashboard-value{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-top:9px;font-size:clamp(24px,3.2vw,38px);font-weight:850;position:relative}.live-dashboard-detail,.live-dashboard-gauge-label{min-height:18px;color:var(--muted);font-size:11px;line-height:1.35;position:relative}.live-dashboard-gauge{background:#adc2dc24;border-radius:999px;height:5px;margin:10px 0 4px;position:relative;overflow:hidden}.live-dashboard-gauge-fill{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--amber), var(--red));height:100%}.live-dashboard-card svg{width:100%;height:96px;margin-top:8px;display:block;position:relative}.live-dashboard-area{opacity:.2}.live-dashboard-area.throughput,.live-dashboard-line.throughput{fill:var(--green);stroke:var(--green)}.live-dashboard-area.backlog,.live-dashboard-line.backlog{fill:var(--blue);stroke:var(--blue)}.live-dashboard-line{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.live-dashboard-line.latency{stroke:var(--amber)}.live-dashboard-drop-bar{fill:var(--red);opacity:.78}.live-dashboard-card [data-live-latency-zone=normal]{fill:#35d58a1a}.live-dashboard-card [data-live-latency-zone=pressure]{fill:#f4b94f1a}.live-dashboard-card [data-live-latency-zone=breach]{fill:#ff62751a}.live-dashboard-card [data-live-backlog-boundary]{stroke:#f4b94fe6;stroke-dasharray:4 4}.live-dashboard-unavailable{min-height:128px;color:var(--muted);text-align:center;place-items:center;font-size:13px;display:grid;position:relative}.live-runtime-dashboard-timeline-wrap{background:#0b111db8;border:1px solid #adc2dc2e;border-radius:12px;margin-top:16px;padding:14px 16px}.live-runtime-dashboard-timeline-head{color:var(--muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.live-runtime-dashboard-timeline-head h3{color:var(--text);margin:0;font-size:12px}.live-runtime-dashboard-timeline-wrap svg{width:100%;height:56px;margin-top:8px}.checkpoint-dialog-backdrop{z-index:82;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040812b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.checkpoint-dialog-backdrop[hidden]{display:none}.checkpoint-dialog{width:min(860px,100vw - 48px);max-height:min(780px,100vh - 48px);color:var(--text);background:#101827;border:1px solid #adc2dc47;border-radius:14px;padding:20px;overflow:auto;box-shadow:0 28px 80px #0000007a}.checkpoint-dialog-head,.checkpoint-save-row,.checkpoint-dialog-actions,.checkpoint-row-head,.checkpoint-row-actions{align-items:center;gap:8px;display:flex}.checkpoint-dialog-head{justify-content:space-between;margin-bottom:12px}.checkpoint-dialog-head h2,.checkpoint-dialog-head p{margin:0}.checkpoint-dialog-head p{color:var(--muted);margin-top:3px;font-size:11px}.checkpoint-save-row input{flex:1;min-width:0}.checkpoint-meta{color:var(--muted);justify-content:space-between;gap:10px;margin:8px 0;font-size:10px;display:flex}.checkpoint-limit{color:var(--amber)}.checkpoint-list{gap:8px;margin:10px 0;display:grid}.checkpoint-row{border:1px solid var(--line);background:#ffffff06;border-radius:8px;gap:7px;padding:9px;display:grid}.checkpoint-row-head{justify-content:space-between}.checkpoint-row-head input[type=text]{flex:1;min-width:0}.checkpoint-row-actions{flex-wrap:wrap}.checkpoint-empty,.checkpoint-comparison{color:var(--muted);border:1px dashed #adc2dc33;border-radius:7px;padding:10px;font-size:11px}.checkpoint-comparison{gap:8px;margin-top:10px;display:grid}.checkpoint-comparison-row{grid-template-columns:minmax(100px,1fr) repeat(3,minmax(72px,.7fr));align-items:baseline;gap:6px;display:grid}.checkpoint-comparison-row strong{color:var(--ink)}.checkpoint-not-modeled{color:var(--muted);font-style:italic}@media (width<=640px){.checkpoint-dialog-backdrop{align-items:stretch;padding:0}.checkpoint-dialog{border-radius:0;width:100%;max-height:100vh;padding:14px}.checkpoint-save-row,.checkpoint-row-head{flex-direction:column;align-items:stretch}.checkpoint-comparison-row{grid-template-columns:1fr}.live-runtime-dashboard-backdrop{align-items:stretch;padding:0}.live-runtime-dashboard{border-radius:0;width:100%;max-height:100vh;padding:16px}.live-runtime-dashboard-grid{grid-template-columns:minmax(0,1fr)}.live-dashboard-value{font-size:30px}}.live-runtime-chart{width:100%;height:172px;display:block;overflow:visible}.live-sidebar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.live-sidebar-card{background:#0f1b2edb;border:1px solid #adc2dc29;border-radius:8px;min-width:0;padding:7px;overflow:hidden}.live-sidebar-card-head{color:#c9d7ea;justify-content:space-between;gap:4px;font-size:11px;font-weight:800;display:flex}.live-sidebar-card-head .live-dashboard-status{font-size:10px}.live-sidebar-value{font-variant-numeric:tabular-nums;margin-top:4px;font:800 14px/1 ui-monospace,SFMono-Regular,monospace}.live-sidebar-detail{min-height:22px;color:var(--muted);margin-top:4px;font-size:11px;line-height:1.3}.live-sidebar-card svg{width:100%;height:36px;margin-top:4px;display:block}.live-sidebar-unavailable{min-height:36px;color:var(--muted);text-align:center;place-items:center;font-size:11px;display:grid}@media (width<=640px){.live-sidebar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-sidebar-card svg{height:36px}}.live-runtime-band-label{fill:#c9d7ea;font:700 10px system-ui,sans-serif}.live-runtime-band-value{fill:#dbeafe;text-anchor:end;font:800 10px system-ui,sans-serif}.live-runtime-status-value{font-variant-numeric:tabular-nums}.live-runtime-status-dot{stroke:var(--panel);stroke-width:1px}[data-live-band][data-live-status=normal] .live-runtime-status-dot,.live-runtime-status-value[data-live-status=normal]{fill:var(--green)}[data-live-band][data-live-status=pressure] .live-runtime-status-dot,.live-runtime-status-value[data-live-status=pressure]{fill:var(--amber)}[data-live-band][data-live-status=breach] .live-runtime-status-dot,.live-runtime-status-value[data-live-status=breach]{fill:var(--red)}[data-live-band][data-live-status=neutral] .live-runtime-status-dot,.live-runtime-status-value[data-live-status=neutral]{fill:var(--muted)}.live-runtime-grid{stroke:#adc2dc29;stroke-width:1px}[data-live-backlog-boundary]{stroke:var(--amber);stroke-width:1px;stroke-dasharray:4 4}.live-runtime-area{opacity:.18}.live-runtime-area[data-live-series=throughput]{fill:var(--green)}.live-runtime-area[data-live-series=drops]{fill:var(--red)}.live-runtime-area[data-live-series=latency]{fill:var(--amber)}.live-runtime-area[data-live-series=backlog]{fill:var(--blue)}.live-runtime-series{fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.live-runtime-series[data-live-series=throughput]{stroke:var(--green)}.live-runtime-series[data-live-series=drops]{stroke:var(--red)}.live-runtime-series[data-live-series=latency]{stroke:var(--amber)}.live-runtime-series[data-live-series=backlog]{stroke:var(--blue)}.live-runtime-latest-point[data-live-series=throughput]{fill:var(--green)}.live-runtime-latest-point[data-live-series=drops]{fill:var(--red)}.live-runtime-latest-point[data-live-series=latency]{fill:var(--amber)}.live-runtime-latest-point[data-live-series=backlog]{fill:var(--blue)}.live-runtime-unavailable{fill:var(--muted);font:700 10px system-ui,sans-serif}.live-runtime-marker{stroke:#c9d7eab8;stroke-width:1px;vector-effect:non-scaling-stroke}.live-runtime-marker[data-live-marker=chaos]{stroke:var(--red)}.live-runtime-marker[data-live-marker=restore]{stroke:var(--green)}.live-runtime-marker[data-live-marker=state]{stroke:var(--amber)}#inspector>.inspector-history{flex:auto;min-height:0;max-height:none;overflow:auto}.side-toggle{z-index:6;background:#101522eb;place-items:center;width:22px;min-width:22px;height:66px;min-height:66px;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.tools>.side-toggle{border-right:0;border-radius:7px 0 0 7px;right:0}#inspector .side-toggle{border-left:0;border-radius:0 7px 7px 0;left:0;right:auto}.layout.left-collapsed{grid-template-columns:0 minmax(0,1fr) var(--inspector-width)}.layout.right-collapsed{grid-template-columns:var(--tools-width) minmax(0,1fr) 0}.layout.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.layout.left-collapsed>.tools,.layout.right-collapsed>#inspector{border:0;padding:0;overflow:hidden}.layout>.panel-resizer{z-index:9;cursor:col-resize;touch-action:none;background:0 0;border:0;border-radius:0;width:8px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.layout>.panel-resizer[data-side=left]{left:var(--tools-width)}.layout>.panel-resizer[data-side=right]{right:var(--inspector-width)}.layout.left-collapsed>.panel-resizer[data-side=left],.layout.right-collapsed>.panel-resizer[data-side=right]{display:none}.panel-resizer:focus-visible,.panel-resizer:hover{background:#4ab8ff47}.side-reopen{z-index:7;background:#101522eb;justify-content:center;align-items:center;width:22px;min-width:22px;height:66px;min-height:66px;padding:0;font-size:15px;display:none;position:absolute;top:50%;transform:translateY(-50%)}.side-reopen.left{border-left:0;border-radius:0 7px 7px 0;left:0}.side-reopen.right{border-right:0;border-radius:7px 0 0 7px;right:0}.layout.left-collapsed .side-reopen.left,.layout.right-collapsed .side-reopen.right{display:flex}.section{background:linear-gradient(#ffffff08,#ffffff03);border:1px solid #adc2dc1a;border-radius:9px;margin-bottom:11px;padding:11px}.section h2{align-items:center;gap:7px;margin-bottom:10px;display:flex}.section h2:before{content:"";background:var(--blue);opacity:.85;border-radius:2px;flex:none;width:3px;height:12px}.inspector-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.inspector-panel-heading h2{min-width:0;margin-bottom:0}.inspector-selection-kind{box-sizing:border-box;border:1px solid var(--line);max-width:100%;color:var(--muted);letter-spacing:.02em;overflow-wrap:anywhere;background:#ffffff0b;border-radius:6px;flex:none;padding:5px 8px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.inspector-sticky{z-index:8;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101522fa;border-radius:7px;margin:-2px -2px 9px;padding:9px 10px;position:sticky;top:0;box-shadow:0 5px 14px #00000047}.inspector-sticky:empty{display:none}.inspector-component-card{gap:0;display:grid}.inspector-component-primary{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding-bottom:9px;display:grid}.inspector-component-secondary{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-top:9px;display:flex}.inspector-component-icon{width:38px;height:38px;color:var(--blue);background:#4ab8ff1a;border:1px solid #4ab8ff3d;border-radius:9px;place-items:center;display:grid}.inspector-component-icon .component-icon-svg{width:20px;height:20px}.inspector-component-icon .component-icon-svg+.inspector-component-icon-fallback{display:none}.inspector-component-icon-fallback{letter-spacing:.03em;font-size:10px;font-weight:900}.inspector-component-copy{gap:2px;min-width:0;display:grid}.inspector-component-meta{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:10px;line-height:1.25}.inspector-node-id{color:#b9cae0;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:700 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.inspector-component-secondary .inspector-sticky-state{letter-spacing:0;text-transform:capitalize;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;display:inline-flex}.inspector-component-secondary .inspector-sticky-state:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.inspector-component-secondary .inspector-node-id{text-align:right;white-space:nowrap;min-width:0;margin-top:0;overflow:hidden}.inspector-component-secondary .inspector-node-id-label{color:var(--muted);flex:none}.inspector-component-secondary .inspector-node-id-value{color:#d7e2f0;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inspector-component-secondary .inspector-node-id-copy{width:28px;min-width:28px;height:28px;min-height:28px;color:var(--muted);padding:0}.inspector-component-secondary .inspector-node-id-copy:hover,.inspector-component-secondary .inspector-node-id-copy:focus-visible{color:var(--ink)}.inspector-component-secondary .inspector-node-id-copy svg{width:14px;height:14px}.inspector-component-micro-actions{grid-auto-columns:30px;grid-auto-flow:column;gap:3px;display:grid}.inspector-component-micro-actions button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}.inspector-sticky-head{justify-content:space-between;align-items:center;gap:8px;font-weight:800;display:flex}.inspector-component-primary .inspector-sticky-head{justify-content:flex-start;min-width:0}.inspector-component-primary .inspector-sticky-head>:first-child{overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.25}.inspector-sticky-state{letter-spacing:.05em;text-transform:uppercase;color:#dbeafe;background:#71809a3d;border:1px solid #71c2dc66;border-radius:999px;flex:none;padding:2px 9px;font-size:10px;font-weight:800}.inspector-sticky-state[data-state=healthy]{color:#b8f7d5;background:#35d58a29;border-color:#35d58a80}.inspector-sticky-state[data-state=pressured],.inspector-sticky-state[data-state=degraded],.inspector-sticky-state[data-state=recovering]{color:#ffe0a1;background:#f4b94f29;border-color:#f4b94f80}.inspector-sticky-state[data-state=initializing]{color:#bfe3ff;background:#4ab8ff29;border-color:#4ab8ff80}.inspector-sticky-state[data-state=unavailable],.inspector-sticky-state[data-state=unstable]{color:#ffc0ca;background:#ff62752e;border-color:#ff627599}.inspector-sticky-issue{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.35}.inspector-diagnosis{border-top:1px solid var(--line);gap:4px;margin-top:7px;padding-top:7px;display:grid}.inspector-diagnosis-row{color:var(--muted);font-size:10px;line-height:1.35}.inspector-diagnosis-row b{color:var(--ink)}.inspector-impact-path{border-top:1px solid var(--line);color:var(--muted);gap:5px;margin-top:5px;padding-top:6px;font-size:10px;line-height:1.35;display:grid}.inspector-impact-path>summary,.inspector-impact-hop strong{color:var(--ink)}.inspector-impact-path>summary{cursor:pointer;font-weight:700}.inspector-impact-hop{border-left:2px solid #f4b94f8c;gap:2px;padding-left:7px;display:grid}.inspector-impact-empty{color:var(--muted)}.inspector-sticky[data-severity=warning]{border-color:#f4b94f94}.inspector-sticky[data-severity=error]{border-color:#ff6275ad}.insp-section{background:#ffffff05;border:1px solid #adc2dc24;border-radius:7px;min-width:0;margin:0 0 8px;overflow:hidden}.insp-section>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.055em;color:#c9d7ea;-webkit-user-select:none;user-select:none;min-width:0;padding:8px 10px;font-size:12px;font-weight:750;line-height:1.3;list-style:none}.insp-section>summary::-webkit-details-marker{display:none}.insp-section>summary:before{content:"u25be ";color:var(--muted)}.insp-section:not([open])>summary:before{content:"u25b8 "}.insp-section>summary:hover{color:var(--ink);background:#ffffff06}.insp-section[open]>summary{border-bottom:1px solid #adc2dc14}.insp-section>.insp-section-body{min-width:0;color:var(--ink);padding:9px 10px 10px;font-size:11px;line-height:1.4}.insp-section-body :where(h2,h3,p,ul,ol,dl){margin:0}.insp-section-body :where(h2,h3){color:var(--ink);font-size:11px;font-weight:800;line-height:1.35}.insp-section-body :where(ul,ol){padding:0}.insp-section-body small{color:var(--muted);font-size:10px;line-height:1.35}.builder-config-sections{gap:7px;display:grid}.builder-config-group{background:#070e1961;border:1px solid #adc2dc1f;border-radius:7px;overflow:hidden}.builder-config-group>summary{cursor:pointer;color:#cbd8e9;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;font-size:10px;font-weight:850;list-style:none;display:flex}.builder-config-group>summary::-webkit-details-marker{display:none}.builder-config-group>summary:after{content:"+";color:var(--muted);font-size:13px;font-weight:700}.builder-config-group[open]>summary{color:#e3edf8;border-bottom:1px solid #adc2dc17}.builder-config-group[open]>summary:after{content:"u2212"}.builder-config-grid{gap:8px;padding:9px;display:grid}.builder-config-grid>label{color:#9fb0c7;grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;font-size:10px;line-height:1.3;display:grid}.builder-config-grid>label>span{overflow-wrap:anywhere}.builder-config-grid input,.builder-config-grid select{border:1px solid var(--line);width:100%;min-width:0;min-height:34px;color:var(--ink);background:#101a29;border-radius:6px;padding:6px 8px}.builder-config-empty{color:#7f93ae;margin:0;font-size:10px;line-height:1.4}.builder-checkbox-row{align-items:center;grid-template-columns:minmax(0,1fr) auto!important}.builder-checkbox-row input{width:18px;height:18px;min-height:18px;padding:0}.inspector-actions{flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0 12px;display:flex}.inspector-actions .recovery-controls{flex:100%}.icon-danger{background:#ff627514;border-color:#ff627566;margin-left:auto}.icon-danger:hover{background:#ff627529;border-color:#ff6275bf}.builder-terminal{flex-direction:column;flex:auto;height:100%;min-height:0;padding:10px;display:flex;overflow:hidden}.builder-terminal-head{flex:none;justify-content:space-between;align-items:end;gap:8px;margin-bottom:10px;display:flex}.builder-terminal-head h2{margin:2px 0 0}.builder-terminal-stream{flex:auto;align-content:start;gap:5px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.builder-terminal-stream li{background:#050c169e;border:1px solid #adc2dc1a;border-left:2px solid #4ab8ff94;border-radius:5px;padding:7px 8px}.builder-terminal-stream li[data-terminal-type=error]{border-left-color:var(--red)}.builder-terminal-stream li[data-terminal-type=warning]{border-left-color:var(--amber)}.builder-terminal-meta{color:#7f93ae;text-transform:uppercase;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:6px;font:700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.builder-terminal-meta strong{color:#b9cadf;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.builder-terminal-stream p{color:#d5e0ee;margin:4px 0 0;font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.builder-section-heading{flex:none;justify-content:space-between;align-items:end;gap:8px;margin-bottom:7px;display:flex}.builder-section-heading h2{margin:2px 0 0}.builder-section-kicker{color:#7f94b2;letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:850;display:block}.builder-section-count,.library-count,.builder-terminal-count{color:var(--blue);font-variant-numeric:tabular-nums;flex:none;font-size:10px;font-weight:850}.library-section{flex-direction:column;flex:auto;min-height:0;display:flex}.library-controls{flex:none;margin-bottom:6px;display:block}.library-search{min-width:0;position:relative}.library-search label{display:block}.library-search input{border:1px solid var(--line);color:var(--ink);background:#0f1928;border-radius:7px;width:100%;min-height:36px;padding:7px 38px 7px 32px;font-size:12px}.library-search-icon{z-index:1;color:#8296b2;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.library-search input::-webkit-search-cancel-button{appearance:none}.library-search input::placeholder{color:#6d7f9b}#clearComponentSearch{width:32px;height:32px;color:var(--muted);background:0 0;border:0;padding:0;font-size:17px;line-height:1;position:absolute;top:50%;right:1px;transform:translateY(-50%)}#clearComponentSearch:hover{color:var(--ink);background:#ffffff0a}#clearComponentSearch:disabled{opacity:.35;cursor:default}.library-category-filter{flex-wrap:wrap;flex:none;gap:6px;margin:0 0 7px;padding:0;display:flex;overflow:visible}.library-category-filter button{color:#91a5c0;letter-spacing:.03em;background:#ffffff06;border-radius:999px;flex:none;min-height:28px;padding:4px 8px;font-size:9px;font-weight:850}.library-category-filter button[aria-pressed=true]{color:#dff2ff;background:#4ab8ff21;border-color:#4ab8ff85}.library-group{background:0 0;border:0;border-radius:0;overflow:visible}.library-group>summary{cursor:pointer;color:#aebfd6;text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;padding:5px 4px;font-size:10px;font-weight:800;list-style:none}.library-group>summary::-webkit-details-marker{display:none}.library-group>summary:hover{color:#dbe7f6;background:#ffffff08}.library-group[open]>summary{border-bottom:0}.library-group-list{gap:4px;padding:2px 0 6px;display:grid}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.library{overscroll-behavior:contain;flex:auto;gap:4px;min-height:0;padding-right:2px;display:grid;overflow:hidden auto}.library-button{text-align:left;background:#0f172a99;border-color:#0000;border-radius:7px;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:7px;width:100%;height:52px;min-height:52px;padding:5px 6px;transition:background .12s;display:grid}.library-button:hover{background:#1e293bcc;border-color:#0000;transform:none}.library-button-copy{gap:3px;min-width:0;display:grid}.library-card-title-row{justify-content:space-between;align-items:flex-start;gap:6px;min-width:0;display:flex}.library-card-title-row strong{color:#e4edf9;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;line-height:1.25;overflow:hidden}.library-card-secondary{color:#8fa3be;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;line-height:1.3;display:block;overflow:hidden}.library-card-meta-inline{color:#b9c9dc;font:700 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.library-add{color:#89cfff;background:#4ab8ff14;border:1px solid #4ab8ff2e;border-radius:6px;place-items:center;width:20px;height:20px;margin-top:0;display:grid}.library-add svg{width:12px;height:12px}.library-button small{color:var(--muted);font-size:9px;line-height:1.2;display:block}.library-icon{width:28px;height:28px;color:var(--blue);background:#4ab8ff1c;border:1px solid #4ab8ff29;border-radius:7px;place-items:center;font-size:11px;font-weight:800;display:grid}.library-icon-fallback{display:block}.component-icon-svg{width:16px;height:16px;display:block}.component-icon-svg+.library-icon-fallback{display:none}.action-stack{gap:6px;display:grid}.challenge-picker{color:var(--muted);gap:5px;font-size:10px;display:grid}.challenge-picker select{width:100%;min-height:40px}.challenge-workspace{background:#4ab8ff0d;border:1px solid #4ab8ff38;border-radius:7px;gap:8px;padding:9px;display:grid}.challenge-workspace[hidden]{display:none}.challenge-brief{color:var(--muted);gap:5px;font-size:10px;line-height:1.4;display:grid}.challenge-brief strong{color:var(--ink);font-size:12px}.challenge-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.challenge-status{color:#c9d7ea;background:#08101d85;border-radius:5px;padding:7px;font-size:10px;line-height:1.35}.challenge-result{gap:6px;display:grid}.challenge-score-summary,.challenge-objective,.challenge-comparison-summary{color:#c9d7ea;background:#08101d85;border-radius:5px;padding:7px;font-size:10px;line-height:1.4}.challenge-score-summary{gap:3px;display:grid}.challenge-score-summary strong{color:var(--ink);font-size:11px}.challenge-objectives{gap:5px;display:grid}.challenge-objective{border-left:2px solid var(--red);gap:3px;display:grid}.challenge-objective[data-met=true]{border-left-color:var(--green)}.challenge-objective strong{color:var(--ink)}.challenge-comparison-summary{color:var(--muted)}.traffic-variation-control{color:#e6edf8;cursor:pointer;align-items:center;gap:8px;min-height:28px;font-size:12px;font-weight:700;display:flex}.traffic-variation-control input{block-size:16px;inline-size:16px;accent-color:var(--green);margin:0}.traffic-variation-section p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.35}.live-dashboard-target-reference{fill:none;stroke:#d7e2f2;stroke-width:1.5px;stroke-dasharray:5 4;opacity:.82;vector-effect:non-scaling-stroke}.template-button{text-align:left;border-radius:7px;width:100%;padding:9px 11px;transition:border-color .12s,background .12s;position:relative;overflow:hidden}.template-button:before{content:"";background:0 0;border-radius:2px;width:2px;transition:background .12s;position:absolute;top:7px;bottom:7px;left:0}.template-button:hover:before{background:var(--blue)}.template-section{background:linear-gradient(#10213ac7,#0a1424ad);border-color:#4ab8ff52;flex:none;padding:8px;position:relative;box-shadow:inset 0 1px #92cfff1a}.template-disclosure{border:1px solid #4ab8ff73;border-left:3px solid var(--blue);text-align:left;background:linear-gradient(135deg,#183154e6,#0d1b30eb);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:40px;padding:6px 8px 6px 10px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #03081247,inset 0 1px #92cfff24}.template-disclosure:hover,.template-disclosure:focus-visible,.template-disclosure[aria-expanded=true]{background:linear-gradient(135deg,#1e3d68f2,#10223cf5);border-color:#4ab8ffc2 #4ab8ffc2 #4ab8ffc2 #7cc8ff;box-shadow:0 0 0 1px #4ab8ff38,0 6px 14px #03081257}.template-disclosure-copy{align-items:center;gap:6px;min-width:0;display:flex}.template-disclosure-label{color:#7cc4ff;letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:9.5px;font-weight:850}.template-disclosure-copy strong{color:#f2f7ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:800;overflow:hidden}.template-disclosure-action{color:#d6edff;letter-spacing:.02em;background:#4ab8ff26;border:1px solid #4ab8ff61;border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 8px 4px 9px;font-size:9.5px;font-weight:800;line-height:1;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.template-disclosure:hover .template-disclosure-action,.template-disclosure[aria-expanded=true] .template-disclosure-action{color:#fff;background:#4ab8ff3d;border-color:#7cc8ff9e}.template-disclosure-chevron{justify-content:center;align-items:center;width:13px;height:13px;line-height:0;transition:transform .16s cubic-bezier(.22,1,.36,1);display:inline-flex}.template-disclosure-chevron svg{stroke:currentColor;width:13px;height:13px;display:block}.template-disclosure[aria-expanded=true] .template-disclosure-chevron{transform:rotate(180deg)}.template-strip,#templateOptions{overscroll-behavior:contain;grid-template-columns:minmax(0,1fr);gap:3px;max-height:156px;margin-top:4px;display:grid;overflow-y:auto}.template-strip[hidden],#templateOptions[hidden]{display:none}#projectActions>button{gap:6px}.guide-preset-picker{border-bottom:1px solid var(--line);background:linear-gradient(#08101d70,#08101d2e);gap:9px;padding:12px;display:grid}.guide-preset-picker[hidden]{display:none}.guide-preset-heading{justify-content:space-between;align-items:end;gap:10px;min-width:0;display:flex}.guide-preset-eyebrow{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:850;display:block}.guide-preset-hint{color:var(--muted);margin-top:3px;font-size:10px;display:block}#presetResultCount{color:var(--blue);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:10px;font-weight:800}.preset-search-row{grid-template-columns:minmax(0,1fr) minmax(112px,.42fr);gap:7px;min-width:0;display:grid}.preset-search-field{border:1px solid var(--line);background:#08101dad;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:42px;padding:0 10px;display:flex}.preset-search-icon{color:var(--muted);flex:none}.preset-search-field #guidePresetSearch{width:100%;min-width:0;min-height:40px;color:var(--ink);caret-color:var(--ink);font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:13px}.preset-search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #4ab8ff33}.preset-search-field #guidePresetSearch::placeholder{color:var(--muted);opacity:1}.preset-filter-field,#presetCategoryFilter{width:100%;min-width:0}#presetCategoryFilter{min-height:42px;color:var(--ink);background:#263652e6;padding:0 8px;font-size:11px}#presetResults{overscroll-behavior:contain;scrollbar-gutter:stable;gap:3px;min-height:0;max-height:min(34vh,300px);padding:1px 2px 2px;display:grid;overflow:auto}[data-preset-option]{text-align:left;border-color:#0000;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-width:0;min-height:52px;padding:7px 8px;display:grid}[data-preset-option]:hover,[data-preset-option]:focus-visible,[data-preset-option][aria-selected=true]{background:#4ab8ff1f;border-color:#4ab8ffb8}[data-preset-option] .preset-option-icon{--preset-icon-color:var(--blue);--preset-icon-bg:#4ab8ff1a;background:var(--preset-icon-bg);width:28px;height:28px;color:var(--preset-icon-color);border-radius:7px;place-items:center;display:grid}[data-preset-icon][data-preset-category=contention-workflow]{--preset-icon-color:var(--amber);--preset-icon-bg:#f4b94f1f}[data-preset-icon][data-preset-category=realtime-collaboration]{--preset-icon-color:var(--green);--preset-icon-bg:#35d58a1f}[data-preset-icon][data-preset-category=geo-discovery]{--preset-icon-color:var(--purple);--preset-icon-bg:#a88dff1f}[data-preset-icon][data-preset-category=analytics-execution]{--preset-icon-color:var(--red);--preset-icon-bg:#ff62751f}.preset-icon-fallback{font-size:13px;font-weight:800;line-height:1;display:block}[data-preset-option] .preset-option-body{gap:3px;min-width:0;display:grid}[data-preset-option] .preset-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}[data-preset-option] .preset-option-meta{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:10px;line-height:1.1;display:flex}[data-preset-option] .preset-category{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-preset-counts]{color:#b7c8df;white-space:nowrap;flex:none;font-size:9px}[data-preset-option] [data-selection-indicator]{border:1px solid var(--line);width:20px;height:20px;color:var(--green);border-radius:50%;place-items:center;font-size:12px;display:grid}[data-preset-option][aria-selected=true] [data-selection-indicator]{background:#4ab8ff1a;border-color:#4ab8ffd1}[data-preset-option][data-preset-active=true] [data-selection-indicator]{border-color:var(--green);background:#35d58a1f}[data-preset-option][data-preset-active=true] [data-selection-indicator]:after{content:"u2713"}.preset-empty{color:var(--muted);text-align:center;border:1px dashed #adc2dc33;border-radius:7px;padding:14px 8px;font-size:11px}@media (width<=760px){.preset-search-row{grid-template-columns:1fr}#presetResults{max-height:230px}[data-preset-option]{min-height:48px}}.template-strip .template-button{text-align:left;letter-spacing:0;white-space:normal;background:#08101d70;min-width:0;min-height:34px;padding:6px 8px;font-size:10px;font-weight:700;line-height:1.2}.template-strip .template-button:before{display:none}.template-strip .template-button[aria-pressed=true]{color:#dff2ff;background:#4ab8ff33;border-color:#4ab8ffd1}.template-card{align-content:center;display:grid}.template-card-head{color:#e3edf8;justify-content:space-between;align-items:center;gap:8px;display:flex}.template-card-head strong{overflow-wrap:anywhere;min-width:0;font-size:11px;line-height:1.2}.template-card-state{color:var(--green);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:8px;font-weight:900}#chaosControls .chaos-btn{text-align:left;width:100%}#chaosControls .chaos-btn.danger{border-color:#ff627566}#chaosControls .chaos-btn:disabled{opacity:.4;cursor:not-allowed}.chaos-active{gap:5px;margin-top:8px;display:grid}.chaos-active:empty{margin-top:0}.chaos-active-head{text-transform:uppercase;letter-spacing:.04em;color:#8aa0c0;font-size:11px}.chaos-row{background:#ff62751a;border:1px solid #ff62754d;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;padding:4px 6px;font-size:11px;display:flex}.chaos-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chaos-row button,#chaosRestoreAll{flex:none;font-size:11px}#chaosRestoreAll{width:100%;margin-top:2px}.incident-review{background:#4ab8ff12;border:1px solid #4ab8ff3d;border-radius:7px;margin-top:10px;padding:10px;font-size:11px;line-height:1.45}.incident-review[hidden]{display:none}.incident-review-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.incident-review-head strong{color:#dff2ff;font-size:11px}.incident-review-verdict{color:#c9d8ec;margin-top:2px;font-size:11px;font-weight:700}.incident-review-state{color:var(--green);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.incident-review.active .incident-review-state,.incident-review.recovering .incident-review-state{color:var(--amber)}.incident-review-primary{background:#0a121f47;border:1px solid #4ab8ff2e;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;display:flex}.incident-review-primary span{color:#8aa0c0;font-weight:700}.incident-review-primary strong{color:#dff2ff;text-align:right}.incident-review-section{border-bottom:1px solid #adc2dc1a;padding:7px 0}.incident-review-label{color:#8aa0c0;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.incident-review-section p{color:#c9d8ec;margin:0}.incident-review details{color:#aebed4;padding-top:7px}.incident-review summary{cursor:pointer;color:#aebed4;-webkit-user-select:none;user-select:none;font-weight:700}.incident-review summary:hover,.incident-review summary:focus-visible{color:#dff2ff}.incident-review-technical{padding-top:6px}.incident-review-row{border-top:1px solid #adc2dc14;grid-template-columns:72px minmax(0,1fr);gap:7px;padding:4px 0;display:grid}.incident-review-row span:first-child{color:#8aa0c0;font-weight:700}.incident-review-row span:last-child{color:#b9c9de;min-width:0}.incident-review-actions{border-top:1px solid #adc2dc14;margin-top:6px;padding-top:6px}.incident-review-actions strong{color:#8aa0c0;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.incident-review-actions ul{margin:4px 0 0;padding-left:16px}.incident-review-actions li{color:#b9c9de;margin:2px 0}#connectionNotice{min-height:34px;color:var(--amber);font-size:12px;line-height:1.35}#canvas{touch-action:none;--canvas-safe-top:calc(16px + var(--device-safe-top));--canvas-safe-right:calc(16px + var(--device-safe-right));--canvas-safe-bottom:calc(62px + var(--device-safe-bottom));--canvas-safe-left:calc(16px + var(--device-safe-left));--legend-bottom:calc(10px + var(--device-safe-bottom));background:radial-gradient(circle at 18% 12%,#4ab8ff14,#0000 30%),linear-gradient(135deg,#111a2a,#121827);min-width:0;min-height:0;position:relative;overflow:hidden}#canvas.has-scrubber{--canvas-safe-bottom:calc(108px + var(--device-safe-bottom));--legend-bottom:calc(72px + var(--device-safe-bottom))}#canvasSafeProbe{z-index:-1;top:var(--canvas-safe-top);right:var(--canvas-safe-right);bottom:var(--canvas-safe-bottom);left:var(--canvas-safe-left);visibility:hidden;pointer-events:none;position:absolute}@media (width<=760px){#canvas.has-scrubber{--canvas-safe-bottom:calc(116px + var(--device-safe-bottom));--legend-bottom:calc(68px + var(--device-safe-bottom))}.protocol-legend{display:none}}@media (height<=500px){#canvas{--canvas-safe-top:calc(84px + var(--device-safe-top))}}.scrubber{z-index:8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101522eb;border:1px solid #adc2dc29;border-radius:8px;align-items:center;gap:10px;padding:7px 11px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.scrubber[hidden]{display:none}.scrubber-status{color:#b8c8dd;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.constraint-action{color:var(--amber);font-size:inherit;text-align:left;text-underline-offset:2px;background:0 0;border:0;margin:0;padding:0;font-weight:800;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.constraint-action:hover,.constraint-action:focus-visible{color:#ffe0a1;background:0 0;border:0}@media (width<=760px){.scrubber-status,.constraint-action{white-space:normal;overflow-wrap:anywhere;max-width:100%}}#flowCanvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.canvas-view-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1625e6;border:1px solid #adc2dc33;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;box-shadow:0 8px 20px #00000047}.canvas-view-controls .btn-icon{background:#ffffff06;width:34px;min-width:34px;height:34px;min-height:34px}.canvas-view-controls .btn-icon[aria-pressed=true]{color:var(--ink);background:#4ab8ff24;border-color:#4ab8ffb8}@media (width<=900px){.canvas-view-controls .btn-icon{width:44px;min-width:44px;height:44px;min-height:44px}}#minimap{z-index:7;touch-action:none;background:#0d1625eb;border:1px solid #adc2dc47;border-radius:8px;width:194px;height:118px;transition:border-color .15s;position:absolute;top:12px;right:0;overflow:hidden;box-shadow:0 10px 24px #00000052}#minimap:hover{border-color:#4ab8ff80}#minimap canvas{cursor:grab;width:100%;height:100%;display:block}#minimap.dragging canvas{cursor:grabbing}@media (width<=760px){#minimap{width:140px;height:86px;right:12px}}.protocol-legend{z-index:8;bottom:var(--legend-bottom);max-width:330px;color:var(--muted);pointer-events:none;background:#0d1625e0;border:1px solid #adc2dc2e;border-radius:6px;flex-wrap:wrap;gap:5px;padding:6px;font-size:9px;display:flex;position:absolute;left:10px}.protocol-legend span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.protocol-legend i{background:currentColor;width:13px;height:2px}.builder-statusbar{z-index:9;right:calc(12px + var(--device-safe-right));bottom:calc(10px + var(--device-safe-bottom));left:calc(12px + var(--device-safe-left));color:#b8c8dd;pointer-events:none;white-space:nowrap;background:#101522eb;border:1px solid #adc2dc29;border-radius:8px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;min-width:0;min-height:30px;padding:5px 10px;font-size:10px;line-height:1.25;display:flex;position:absolute;overflow:hidden}.builder-statusbar span{white-space:nowrap;flex:none;align-items:baseline;gap:4px;display:inline-flex}.builder-statusbar strong{color:var(--text);font-weight:800}@media (width<=760px){.builder-statusbar{white-space:nowrap;font-size:9px}}#world{z-index:3;transform-origin:0 0;position:absolute;inset:0}.node{box-sizing:border-box;border:1px solid var(--line);-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(145deg,#1f2d45,#17243a);border-radius:7px;width:max-content;min-width:220px;max-width:320px;min-height:0;padding:9px;position:absolute;overflow:visible;box-shadow:0 8px 20px #0000002e}.node:active{cursor:grabbing}.node.geometry-measuring{height:auto}.node.geometry-measuring .node-content{width:100%;height:auto;overflow:visible}.node.geometry-measuring .tech-visual{width:100%;max-width:100%;overflow:visible}.node.geometry-measuring-width{width:max-content;height:auto}.node.geometry-measuring-width .node-content{width:auto;height:auto;overflow:visible}.node.geometry-measuring-width .tech-visual{width:auto;max-width:none;overflow:visible}.node.geometry-measuring-width .tech-stack{min-width:max-content}.node.geometry-measuring-width .tech-stack>span,.node.geometry-measuring-width .tech-row>span,.node.geometry-measuring-width .node-badges{min-width:max-content;max-width:none;overflow:visible}.node.selected{z-index:7;outline-offset:2px;outline:2px solid #4ab8ffcc}.node.healthy{border-color:#35d58aad}.node.pressured,.node.degraded,.node.recovering{border-color:#f4b94fd1}.node.initializing{border-color:#4ab8ffbf}.node.unavailable,.node.unstable{background:linear-gradient(145deg,#3a2130,#241b2a);border-color:#ff6275d1}.node.connection-invalid-source,.node.connection-invalid-target{border-color:var(--red);box-shadow:0 0 0 2px #ff627533,0 0 18px #ff627529}.node.slow:after{content:"";pointer-events:none;border:1.5px dashed #ff963ce0;border-radius:9px;animation:1.6s ease-in-out infinite nodeSlowPulse;position:absolute;inset:-3px}.node.waiting-slow{box-shadow:0 0 0 1px #f4b94f61,0 0 16px #ff963c2e,0 14px 32px #0000005c}.node.waiting-slow:after{content:"";pointer-events:none;border:1.5px dashed #f4b94fd1;border-radius:9px;animation:1.85s ease-in-out infinite nodeSlowPulse;position:absolute;inset:-3px}@keyframes nodeSlowPulse{0%,to{opacity:.4}50%{opacity:.95}}.node-badges{flex:none;align-items:center;gap:5px;min-width:0;max-width:62%;display:inline-flex;overflow:hidden}.node-placement-badge{color:#ddd4ff;text-overflow:ellipsis;white-space:nowrap;background:#a88dff1f;border-radius:4px;flex:0 auto;min-width:0;max-width:112px;padding:2px 5px;font-size:9px;font-weight:800;display:inline-flex;overflow:hidden}.node-slow-badge{color:#ffcf96;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#ff963c33;border-radius:4px;flex:none;align-items:center;gap:3px;max-width:88px;padding:2px 5px;font-size:9px;font-weight:800;display:inline-flex;overflow:hidden}.node-upstream-slow-badge{color:#ffe0a1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#f4b94f2e;border:1px solid #f4b94f73;border-radius:4px;flex:none;align-items:center;gap:3px;max-width:92px;padding:2px 5px;font-size:9px;font-weight:800;display:inline-flex;overflow:hidden}.node-head{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.node-title-row{flex:auto;align-items:center;gap:5px;min-width:0;display:flex}.node-title-icon{width:15px;height:15px;color:var(--blue);flex:none;place-items:center;font-size:9px;font-weight:800;line-height:1;display:inline-grid}.node-icon-fallback{display:block}.node-title-icon .component-icon-svg{width:15px;height:15px}.component-icon-svg+.node-icon-fallback{display:none}.node-content{width:100%;min-width:0;height:100%;overflow:hidden}.node-title{overflow-wrap:anywhere;white-space:normal;flex:auto;min-width:0;font-size:12px;font-weight:800}.badge{text-overflow:ellipsis;white-space:nowrap;color:#dbeafe;text-transform:uppercase;background:#71809a3d;border-radius:4px;flex:none;max-width:88px;padding:2px 5px;font-size:9px;font-weight:800;overflow:hidden}.healthy .badge{color:#b8f7d5;background:#35d58a26}.pressured .badge,.degraded .badge,.recovering .badge{color:#ffe0a1;background:#f4b94f26}.initializing .badge{color:#bfe3ff;background:#4ab8ff29}.unavailable .badge,.unstable .badge{color:#ffc0ca;background:#ff627529}.node-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;margin-top:8px;display:grid}.metric{width:auto;min-width:0;color:var(--muted);background:#ffffff0e;border-radius:4px;padding:4px 5px;font-size:9px;overflow:hidden}.metric b{color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal;font-size:11px;display:block;overflow:hidden}.tech-visual{color:#c8d8eb;flex-wrap:wrap;align-content:start;align-items:center;gap:4px;width:100%;max-width:100%;height:auto;min-height:25px;margin-top:6px;font-size:8px;display:flex;overflow:hidden}.tech-chip,.tech-slot{text-align:center;background:#4ab8ff14;border:1px solid #adc2dc2e;border-radius:3px;flex-shrink:0;min-width:0;max-width:100%;padding:3px 4px;overflow:hidden}.rejection-chip{color:#ffd7dd;background:#ff627524;border-color:#ff62758c}.latency-chip.warn{color:#ffcf96;background:#ff963c2e;border-color:#ff963cad}.latency-chip.upstream-wait{color:#ffe0a1;background:#f4b94f29;border-color:#f4b94fa6}.tech-slots{flex:auto;gap:3px;min-width:52px;display:flex}.tech-slot{background:#71809a21;flex:1;min-width:8px;height:15px;padding:0}.tech-slot.active{background:#35d58a3d;border-color:#35d58a8c}.tech-track{background:#71809a38;border-radius:2px;flex:1;height:7px;overflow:hidden}.tech-fill{background:var(--blue);height:100%;display:block}.tech-fill.green{background:var(--green)}.tech-fill.amber{background:var(--amber)}.tech-arrow{color:var(--blue);font-weight:800}.tech-stack{max-width:100%;min-width:min(100%, max-content);flex:auto;gap:3px;display:grid}.tech-stack>span{overflow-wrap:anywhere;white-space:normal;min-width:0;overflow:hidden}.tech-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tech-row{align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.recovery-strip{color:#ffe0a1;flex:0 0 100%;grid-template-columns:minmax(0,1fr) minmax(42px,1fr);align-items:center;gap:5px;width:100%;min-width:0;padding-top:2px;font-weight:800;display:grid}.recovery-strip>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recovery-strip.recovered{color:#b8f7d5}.recovery-strip .tech-track{min-width:42px}.runtime-machine{flex:0 0 100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:0;min-width:0;margin-top:2px;padding-top:5px;display:grid;position:relative}.runtime-machine:before{content:"";background:#4ab8ff4d;height:1px;position:absolute;top:1px;left:8%;right:8%}.runtime-stage-cell{background:#08111f7a;border:1px solid #adc2dc2e;border-radius:3px;min-width:0;height:18px;position:relative;overflow:hidden}.runtime-stage-cell:before{height:var(--runtime-level,0%);content:"";background:#4ab8ff33;max-height:100%;transition:height .22s;position:absolute;inset:auto 0 0}.runtime-stage-cell[data-runtime-severity=warning]:before{background:#f4b94f40}.runtime-stage-cell[data-runtime-severity=error]:before{background:#ff627540}.runtime-stage-label{z-index:1;color:#c8d8eb;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:4px 3px;font-size:7px;display:block;position:relative;overflow:hidden}.runtime-flow-marker{z-index:2;background:var(--blue);opacity:.35;border-radius:50%;width:5px;height:5px;position:absolute;top:-1px;left:7%;box-shadow:0 0 6px #4ab8ffcc}.tech-visual.is-runtime-active .runtime-flow-marker{opacity:1;animation:1.15s linear infinite runtime-card-flow}@keyframes runtime-card-flow{0%{left:7%}to{left:calc(93% - 5px)}}@media (prefers-reduced-motion:reduce){.app *,.app :before,.app :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}.node.slow:after,.node.waiting-slow:after{opacity:.95;animation:none}.tech-visual.is-runtime-active .runtime-flow-marker{animation:none;left:48%}}@media (width<=900px),(pointer:coarse){#inspector :where(button,input,select,summary){min-height:var(--button-touch-height)}}.port-hit{z-index:6;width:calc(26px * var(--zoom-compensation,1));min-width:0;height:calc(26px * var(--zoom-compensation,1));min-height:0;color:inherit;cursor:crosshair;touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.port-hit:hover,.port-hit:active{background:0 0;border:0}.port-hit.side-left{left:calc(-26px * var(--zoom-compensation,1) - 1px);transform:translateY(-50%)}.port-hit.side-right{right:calc(-26px * var(--zoom-compensation,1) - 1px);transform:translateY(-50%)}.port-hit.side-top{top:calc(-26px * var(--zoom-compensation,1) - 1px);transform:translate(-50%)}.port-hit.side-bottom{bottom:calc(-26px * var(--zoom-compensation,1) - 1px);transform:translate(-50%)}@media (width<=1100px),(pointer:coarse){.port-hit[data-connected=true]{z-index:8}.port-hit.side-left{left:calc(-13px * var(--zoom-compensation,1) - 1px)}.port-hit.side-right{right:calc(-13px * var(--zoom-compensation,1) - 1px)}.port-hit.side-top{top:calc(-13px * var(--zoom-compensation,1) - 1px)}.port-hit.side-bottom{bottom:calc(-13px * var(--zoom-compensation,1) - 1px)}.port-hit:before{content:"";width:calc(44px * var(--zoom-compensation,1));height:calc(44px * var(--zoom-compensation,1));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.side-reopen:before{content:"";width:44px;height:100%;position:absolute;top:0}.side-reopen.left:before{left:0}.side-reopen.right:before{right:0}}.port-hit:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.port-dot{width:calc(10px * var(--zoom-compensation,1));height:calc(10px * var(--zoom-compensation,1));border:calc(2px * var(--zoom-compensation,1)) solid #142036;background:var(--blue);border-radius:50%;position:absolute;box-shadow:0 0 0 1px #4ab8ff66}.side-left .port-dot{top:50%;right:calc(-5px * var(--zoom-compensation,1));transform:translateY(-50%)}.side-right .port-dot{top:50%;left:calc(-5px * var(--zoom-compensation,1));transform:translateY(-50%)}.side-top .port-dot{bottom:calc(-5px * var(--zoom-compensation,1));left:50%;transform:translate(-50%)}.side-bottom .port-dot{top:calc(-5px * var(--zoom-compensation,1));left:50%;transform:translate(-50%)}@media (width<=1100px),(pointer:coarse){.port-hit .port-dot{inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.port-hit.out .port-dot{background:var(--green);box-shadow:0 0 0 1px #35d58a73}.port-hit[data-port-type=sql-query] .port-dot,.port-hit[data-port-type=sql-result] .port-dot{background:var(--purple)}.port-hit[data-port-type=cache-command] .port-dot,.port-hit[data-port-type=cache-result] .port-dot{background:var(--green)}.port-hit[data-port-type=event] .port-dot,.port-hit[data-port-type=job] .port-dot{background:var(--amber)}.port-hit[data-port-type=telemetry] .port-dot,.port-hit[data-port-type=health] .port-dot,.port-hit[data-port-type=control] .port-dot{background:#ff78c8}.port-label{z-index:8;border:1px solid var(--line);width:max-content;max-width:150px;color:var(--ink);pointer-events:none;background:#0d1625;border-radius:4px;padding:3px 5px;font-size:9px;display:none;position:absolute}.side-left .port-label{right:27px}.side-right .port-label{left:27px}.side-top .port-label{bottom:27px}.side-bottom .port-label{top:27px}.port-hit:hover .port-label,.port-hit:focus-visible .port-label{display:block}.port-hit[data-connection-target=valid] .port-dot{box-shadow:0 0 0 6px #35d58a33,0 0 12px #35d58ab3}.port-hit[data-connection-target=valid] .port-label{color:#b8f7d5;border-color:#35d58ab3}.port-hit.in[data-connection-target]{z-index:7}.port-hit[data-connection-target=invalid]{opacity:.55}.port-hit[data-connection-target=invalid]:hover .port-dot{background:var(--red);box-shadow:0 0 0 6px #ff62752e}.port-hit[data-connection-target=invalid]:hover .port-label{color:#ffc0ca;border-color:#ff6275b3}.port-hit[aria-pressed=true] .port-dot{box-shadow:0 0 0 6px #4ab8ff38,0 0 14px #4ab8ffbf}.port-hit[aria-pressed=true] .port-label{color:#bfe3ff;border-color:#4ab8ffb8;display:block}.node.parent-node{z-index:2;background:#1e223ac2;border-color:#a88dffbf;max-width:none;padding:0;overflow:visible;box-shadow:inset 0 0 0 1px #a88dff1a,0 12px 30px #00000038}.parent-header{z-index:6;background:#362b539e;border-bottom:1px solid #a88dff57;height:108px;min-height:108px;padding:9px 11px 7px;position:relative}.parent-header .node-meta{max-width:210px}.parent-header .tech-visual{justify-content:flex-end;width:190px;margin:0;position:absolute;top:31px;right:12px}.parent-content-label{color:#b9acd7;text-transform:uppercase;font-size:9px;font-weight:800;position:absolute;top:113px;left:12px}.node.child-node{z-index:5;box-shadow:0 7px 16px #0000003d}.inspector-title{margin:0 0 5px;font-size:16px}.inspector-text{color:var(--muted);margin:0 0 9px;font-size:12px;line-height:1.45}.field{color:var(--muted);grid-template-columns:1fr minmax(84px,120px);align-items:center;gap:8px;margin:7px 0;font-size:11px;display:grid}.field input,.field select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#121c2c;border-radius:5px;padding:5px 6px}.tiny-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.tiny-list li{color:var(--muted);background:#ffffff0a;border-radius:5px;padding:6px;font-size:11px}.runtime-panel{gap:5px;margin:10px 0;padding-right:2px;display:grid}.runtime-panel h2{margin:0}.runtime-panel .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.runtime-panel .summary{min-width:0;padding:4px;font-size:9px}.runtime-panel .summary b{text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}.runtime-meta{color:var(--muted);font-size:11px;line-height:1.35}.runtime-log{max-height:72px;overflow:auto}.runtime-log li{grid-template-columns:auto 1fr;align-items:start;gap:5px;padding:4px;font-size:10px;display:grid}.runtime-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.runtime-stages li{min-width:0;padding:4px;font-size:9px}.runtime-stages b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.runtime-ports li{gap:2px;padding:5px;font-size:10px;display:grid}.runtime-ports b{color:var(--ink)}.runtime-ports small{color:var(--muted);font-size:9px;line-height:1.3}.runtime-tick{color:var(--blue);white-space:nowrap;font-weight:700}#timeline{align-content:start;gap:5px;min-height:100%;max-height:none;display:grid;overflow:visible}.event{border-left:2px solid var(--blue);color:#c9d9ec;background:#4ab8ff0f;padding:6px;font-size:11px;line-height:1.35}.event.warning{border-left-color:var(--amber);background:#f4b94f12}.event.error{border-left-color:var(--red);background:#ff627512}.summary-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.summary{background:var(--panel-2);color:var(--muted);border-radius:6px;padding:8px;font-size:10px}.summary b{color:var(--ink);margin-top:3px;font-size:14px;display:block}.completion-summary{border-top:1px solid var(--line);margin-top:10px;padding-top:9px}.completion-summary-title{color:var(--ink);margin-bottom:7px;font-size:11px;font-weight:800}.completion-note{margin-top:8px}#tooltip{z-index:50;color:#dcecff;pointer-events:none;opacity:0;background:#0d1625;border:1px solid #4ab8ff66;border-radius:6px;max-width:260px;padding:8px 9px;font-size:11px;line-height:1.35;transition:opacity .12s;position:fixed;box-shadow:0 10px 28px #0000004d}#tooltip.visible{opacity:1}.builder-node-peek{z-index:150;color:#dcecff;pointer-events:none;background:#0d1625;border:1px solid #4ab8ff80;border-radius:8px;gap:6px;width:min(360px,100vw - 24px);padding:12px 14px;font-size:15px;line-height:1.5;display:grid;position:fixed;box-shadow:0 10px 28px #0006}.builder-node-peek strong{font-size:16px}.port-menu{z-index:45;background:#101a2a;border:1px solid #4ab8ff80;border-radius:7px;width:260px;max-height:min(390px,100vh - 24px);padding:9px;position:fixed;overflow:auto;box-shadow:0 16px 38px #00000075}.port-menu-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.port-menu-title{margin:0;font-size:12px}.port-menu-type{color:var(--blue);font-size:9px}.port-menu-section{color:var(--muted);text-transform:uppercase;margin-top:8px;font-size:9px;font-weight:800}.port-menu-list{gap:4px;margin-top:5px;display:grid}.port-menu-option{text-align:left;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;width:100%;padding:6px;display:grid}.port-menu-option small{color:var(--muted);font-size:9px;display:block}.context-menu{z-index:60;border:1px solid var(--line);background:#101522fa;border-radius:8px;min-width:180px;padding:5px;position:fixed;box-shadow:0 12px 30px #00000080}.context-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px;padding:5px 8px 6px;font-size:10px;font-weight:800}.context-item{text-align:left;background:0 0;border:0;border-radius:5px;width:100%;padding:7px 8px;font-size:12px;display:block}.context-item:hover{background:#4ab8ff24}.context-item.danger{color:#ffc0ca}.context-item.danger:hover{background:#ff627529}.rename-popover{z-index:61;border:1px solid var(--line);background:#101522fa;border-radius:9px;gap:7px;min-width:200px;padding:10px;display:grid;position:fixed;box-shadow:0 12px 30px #00000080}.rename-popover label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px;font-weight:800}.rename-popover input{border:1px solid var(--line);width:100%;color:var(--text);background:#121a29;border-radius:6px;padding:7px 9px;font-size:13px}.rename-popover input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 2px #4ab8ff38}.rename-popover-actions{justify-content:space-between;align-items:center;gap:6px;display:flex}.rename-popover-actions .rename-reset{color:var(--muted);background:0 0;border:0;font-size:11px}.rename-popover-actions .rename-reset:hover{color:var(--text);text-decoration:underline}.rename-popover-actions .rename-save{color:#04121f;background:var(--blue);border-radius:var(--button-radius);border:0;font-size:12px;font-weight:700}.node-title[data-node-title]{cursor:text}.port-menu-empty{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.35}#drawerBackdrop{display:none}@media (width<=900px){.layout{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;position:relative;overflow:clip}#canvas{grid-area:1/1}.tools,#inspector{z-index:42;box-sizing:border-box;border-bottom:0;width:min(100vw - 8px,480px);max-height:none;transition:transform .18s;position:absolute;top:0;bottom:0}.tools{left:0;transform:translate(-102%)}#inspector{box-sizing:border-box;max-width:min(100vw - 8px,480px);left:auto;right:0;transform:translate(102%)}.layout.drawer-left-open>.tools,.layout.drawer-right-open>#inspector{transform:translate(0)}.layout.drawer-left-open #drawerBackdrop,.layout.drawer-right-open #drawerBackdrop{z-index:41;background:#04080f8f;border:0;padding:0;display:block;position:absolute;inset:0}.side-reopen{z-index:45;width:28px;min-width:28px;height:72px;min-height:72px;display:flex}.layout.drawer-left-open .side-reopen,.layout.drawer-right-open .side-reopen,.panel-resizer,.tools>.side-toggle{display:none}.tools button,.tools input,.tools select,.tools summary,#inspector button,#inspector input,#inspector select,#inspector summary,.tools .template-strip .template-button{min-height:44px}.inspector-sticky{position:static}#inspector .side-toggle,#clearComponentSearch{width:44px;min-width:44px;height:44px;min-height:44px}#inspector .side-toggle{border:1px solid var(--line);border-radius:7px;flex:none;align-self:flex-end;position:static;transform:none}#btnDeleteNode{width:auto;min-width:44px;height:44px;min-height:44px}.inspector-component-micro-actions{grid-auto-columns:44px}.inspector-component-micro-actions button{width:44px;min-width:44px;height:44px;min-height:44px}.traffic-variation-control,.preset-search-field,.preset-search-field #guidePresetSearch,#presetCategoryFilter,#liveRuntimeDashboardClose,.port-menu-head [aria-label="Close connection menu"],.port-menu-option,.context-item,.rename-popover input,.rename-popover button{min-height:44px}.port-menu-head [aria-label="Close connection menu"]{min-width:44px}.context-menu{max-height:calc(100dvh - 12px);overflow:auto}}@media (width<=760px){body{overflow:hidden}.app{min-height:0}header{display:block}.toolbar{grid-template-columns:44px minmax(0,1fr) 44px 44px}.tools{padding:calc(10px + var(--device-safe-top)) calc(10px + var(--device-safe-right)) calc(10px + var(--device-safe-bottom)) calc(10px + var(--device-safe-left));flex-direction:column;display:flex}.tools-panel{display:block}.tools-panel[hidden]{display:none}.drawer-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.drawer-header h2{margin:0}.tools .side-toggle{display:none}.tools button,.tools input,.tools select,.tools summary,#inspector button,#inspector input,#inspector select,#inspector summary{min-height:44px}.tools .side-toggle,#inspector .side-toggle{width:44px;height:44px}.tools .template-strip .template-button{min-height:44px}.tools .library-group>summary{padding-top:12px;padding-bottom:12px}.tools .library-button{min-height:44px}.tools #clearComponentSearch{width:44px;height:44px}#canvas{--canvas-safe-right:calc(16px + var(--device-safe-right))}.protocol-legend{display:none}.layout{grid-template-rows:minmax(0,1fr)}.library{grid-template-columns:1fr}.live-metrics-chart{gap:5px}.live-runtime-chart{height:148px}}@media (width<=900px) and (height<=480px){#buildTabPanel{overflow:hidden auto}#buildTabPanel .template-section{background:0 0;border-color:#0000;margin-bottom:4px;padding:0}#buildTabPanel .template-disclosure{flex-wrap:wrap;height:auto;min-height:44px;padding:4px 6px}#buildTabPanel .template-disclosure-copy{flex:auto;min-width:min-content}#buildTabPanel .library-section{background:0 0;border-color:#0000;flex:none;grid-template-rows:max-content 44px 44px 52px;grid-template-columns:minmax(0,1fr);row-gap:4px;min-height:0;margin-bottom:0;padding:0;display:grid;overflow:hidden}#buildTabPanel .builder-section-heading{align-items:center;margin:0}#buildTabPanel .library-controls{min-width:0;margin:0}#buildTabPanel .library-search input{height:44px;min-height:44px;padding-top:4px;padding-bottom:4px}#buildTabPanel #clearComponentSearch{width:44px;min-width:44px;height:44px;min-height:44px}#buildTabPanel .library-category-filter{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;grid-column:1/-1;gap:4px;min-width:0;margin:0;overflow:auto hidden}#buildTabPanel .library-category-filter button{letter-spacing:0;min-width:44px;height:44px;min-height:44px;padding:2px 4px;font-size:8px}#buildTabPanel .library{grid-column:1/-1;min-height:52px}}.preset-guide{flex-direction:column;gap:0;min-height:0;display:flex;overflow:auto}.guide-neutral{text-align:center;padding:16px 10px}.guide-neutral-title{color:var(--ink);margin:0 0 6px;font-size:14px;font-weight:800}.guide-neutral-text{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.guide-overview{border-bottom:1px solid var(--line);padding:8px 10px 4px}.guide-overview h2{color:var(--ink);margin:0 0 2px;font-size:14px;font-weight:800}.guide-overview .guide-meta{color:var(--muted);margin:2px 0 6px;font-size:10px;font-weight:700}.guide-overview .guide-section{margin-bottom:8px}.guide-overview .guide-section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 3px;font-size:11px;font-weight:800}.guide-overview .guide-section p{color:var(--ink);margin:0;font-size:12px;line-height:1.4}.guide-section-list{margin-top:0}.guide-section-list h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:8px 10px 4px;font-size:11px;font-weight:800}.guide-component{text-align:left;width:100%;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #adc2dc0f;border-radius:0;grid-template-columns:auto 1fr;align-items:start;gap:0;padding:7px 10px;font-size:12px;line-height:1.35;transition:background .1s;display:grid}.guide-component:hover{background:#4ab8ff0f}.guide-component:focus,.guide-component:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.guide-component[aria-current=true],.guide-component.active{border-left:3px solid var(--blue);background:#4ab8ff1a;padding-left:7px}.guide-component-name{font-weight:800}.guide-component-what{color:var(--muted);margin-top:1px;font-size:11px;font-weight:400;display:block}.guide-component-why,.guide-component-without,.guide-component-watch{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.35;display:block}.guide-component-why:before{content:"Why: ";font-weight:700}.guide-component-without:before{content:"Without: ";color:var(--amber);font-weight:700}.guide-component-watch:before{content:"Watch: ";color:var(--blue);font-weight:700}.guide-badge{text-transform:uppercase;letter-spacing:.03em;vertical-align:middle;border-radius:999px;flex:none;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.guide-badge.core{color:#b8f7d5;background:#35d58a26;border:1px solid #35d58a59}.guide-badge.conditional{color:#ffe0a1;background:#f4b94f1f;border:1px solid #f4b94f4d}.guide-badge.simplification{color:#bfe3ff;background:#4ab8ff1a;border:1px solid #4ab8ff40}@media (width<=900px) and (width>=761px){.tools,#inspector{width:min(100vw - 24px,380px);max-width:min(100vw - 24px,380px)}}@media (width<=760px){.toolbar{grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:4px}.library{grid-template-columns:1fr}}.field{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:4px;margin:9px 0;font-size:11px}.field input,.field select{min-height:36px;padding:7px 8px}.summary{font-size:11px}.summary b{font-size:15px}.runtime-panel .summary{font-size:10px}.runtime-panel .summary b{font-size:13px}.scrubber-status{white-space:normal;text-overflow:clip;line-height:1.4;overflow:visible}@media (width>=901px) and (width<=1180px){.layout{grid-template-columns:minmax(0,1fr) var(--inspector-width);overflow:clip}.layout.right-collapsed{grid-template-columns:minmax(0,1fr) 0}.layout.right-collapsed>#inspector{border:0;padding:0;overflow:hidden}.layout.right-collapsed .side-reopen.right{z-index:43;display:flex}#canvas{grid-area:1/1}.tools{z-index:42;width:min(318px,86vw);transition:transform .18s;position:absolute;top:0;bottom:0;left:0;transform:translate(-105%)}.layout.drawer-left-open>.tools{transform:translate(0)}.layout.drawer-left-open #drawerBackdrop{z-index:41;background:#04080f8f;border:0;display:block;position:absolute;inset:0}.tools>.drawer-header.mobile-only{flex:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex!important}.tools>.drawer-header.mobile-only h2{margin:0;font-size:13px}.tools>.drawer-header.mobile-only .drawer-close{width:44px;min-width:44px;height:44px;min-height:44px}.panel-resizer,.tools>.side-toggle{display:none}.side-reopen.left{z-index:43;display:flex}.layout.drawer-left-open .side-reopen.left{display:none}#btnMobileTools,#btnMobileInspector{place-items:center;display:inline-grid}#inspector .side-toggle{display:grid}}@media (width<=900px){.tools{width:min(318px,86vw)}#inspector{width:min(344px,90vw);max-width:min(344px,90vw)}}@media (prefers-reduced-motion:reduce){.layout,.tools,#inspector{transition:none!important}}#world{pointer-events:none}.builder-architecture-area{z-index:0;border:1px solid color-mix(in srgb, var(--architecture-zone-accent,#8bb4de) 34%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--architecture-zone-accent,#8bb4de) 8%, transparent), color-mix(in srgb, var(--architecture-zone-accent,#8bb4de) 3%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--architecture-zone-accent,#8bb4de) 12%, transparent);pointer-events:none;border-radius:18px;position:absolute}.builder-architecture-area>span{color:color-mix(in srgb, var(--architecture-zone-accent,#8bb4de) 76%, #d8e6f7 24%);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800;position:absolute;top:9px;left:13px}.builder-edge-hit-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.builder-edge-hit-target{fill:none;stroke:#4ab8ff00;stroke-width:24px;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:pointer}.builder-edge-hit-target:hover,.builder-edge-hit-target:focus-visible,.builder-edge-hit-target.selected{stroke:#4ab8ff2e;outline:none}.builder-edge-hit-target.hidden{pointer-events:none}.builder-node{pointer-events:auto;min-width:0;max-width:none}.builder-node.topology-context{opacity:.28;filter:saturate(.55)}.builder-node.topology-active{opacity:1}.builder-node.node-pulsed{z-index:9;outline:3px solid var(--blue);outline-offset:3px;animation:1.6s ease-out builderNodePulse;box-shadow:0 0 0 6px #49b8ff47,0 12px 28px #00000073}#world.has-node-spotlight .builder-node:not(.node-spotlight):not([data-spotlight-context]){opacity:.35;filter:saturate(.6);transition:opacity .18s,filter .18s}#world.has-node-spotlight .builder-architecture-area{opacity:.45;transition:opacity .18s}.builder-node.node-spotlight{z-index:25;outline:3px solid var(--blue);outline-offset:3px;box-shadow:0 0 0 6px #4ab8ff52,0 0 36px #4ab8ff8c,0 16px 36px #0000008c}@keyframes builderNodePulse{0%{box-shadow:0 0 #49b8ffa6,0 12px 28px #00000073}70%{box-shadow:0 0 0 14px #49b8ff00,0 12px 28px #00000073}to{box-shadow:0 0 #49b8ff00,0 12px 28px #00000073}}#world[data-zoom-lod=compact] .builder-node:not(.geometry-measuring) .port-label,#world[data-zoom-lod=micro] .builder-node:not(.geometry-measuring) .port-label{display:none!important}.canvas-presentation-tools{right:calc(12px + var(--device-safe-right));bottom:calc(12px + var(--device-safe-bottom));z-index:13;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute}.layout.right-collapsed .canvas-presentation-tools{right:calc(42px + var(--device-safe-right))}.canvas-presentation-tools>.canvas-view-controls,.canvas-presentation-tools>.canvas-view-popover{pointer-events:auto}.canvas-view-trigger{width:34px;height:34px;min-height:34px;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1625f0;border:1px solid #adc2dc3d;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 8px 20px #00000047}.canvas-view-trigger:hover,.canvas-view-trigger:focus-visible,.canvas-view-trigger[aria-expanded=true]{color:var(--ink);background:#1a2a42f5;border-color:#4ab8ff9e}.canvas-view-trigger>i{background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #0d1625e6}.canvas-view-popover{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#0c1422f7;border:1px solid #adc2dc3d;border-radius:12px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(320px,100vw - 28px);max-height:min(520px,100dvh - 84px);display:grid;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden auto;box-shadow:0 18px 44px #00000070}.canvas-view-popover-head,.canvas-view-section,.canvas-view-popover button,.canvas-view-popover input{pointer-events:auto}.canvas-view-popover-head,.canvas-view-section{min-width:0;padding:12px}.canvas-view-popover-head{border-bottom:1px solid #adc2dc1f;justify-content:space-between;align-items:flex-start;gap:10px;padding-right:96px;display:flex;position:relative}.canvas-view-popover-head>div:first-child{gap:2px;display:grid}.canvas-view-popover-actions{align-items:center;gap:4px;display:inline-flex;position:absolute;top:8px;right:8px}.canvas-view-popover-head strong,.canvas-view-section-head strong{color:var(--ink);text-transform:none;font-size:11px}.canvas-view-popover-head span,.canvas-view-section-head span,.canvas-view-hint{color:var(--muted);font-size:9px}.canvas-view-clear{color:#94a3b8;white-space:nowrap;background:0 0;border:0;min-height:28px;padding:4px 6px;font-size:11px;transition:color .16s}.canvas-view-clear:hover,.canvas-view-clear:focus-visible{color:#e2e8f0;background:0 0}.canvas-view-reset{position:static}.canvas-view-close{width:28px;min-width:28px;height:28px;min-height:28px;color:var(--ink);background:#1e293bb8;border:1px solid #adc2dc33;border-radius:6px;place-items:center;padding:0;font-size:16px;line-height:1;display:inline-grid}.canvas-view-close:hover,.canvas-view-close:focus-visible{background:#304362e6;border-color:#4ab8ff9e}.canvas-view-section+.canvas-view-section{border-top:1px solid #adc2dc1a}.canvas-view-connections{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.canvas-view-section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.canvas-view-section-head>strong{letter-spacing:.08em;text-transform:uppercase}.canvas-view-count{color:#64748b;letter-spacing:0;font-weight:500}.canvas-view-bulk-actions{color:#475569;align-items:center;gap:5px;font-size:10px;display:flex}.canvas-view-bulk-actions button{color:#94a3b8;background:0 0;border:0;min-height:28px;padding:2px;font-size:10px}.canvas-view-bulk-actions button:hover,.canvas-view-bulk-actions button:focus-visible{color:#22d3ee}.canvas-protocol-search{margin-bottom:8px;display:block;position:relative}.canvas-protocol-search input{color:#e2e8f0;background:#020617;border:1px solid #1e293b;border-radius:6px;outline:none;width:100%;height:28px;padding:0 28px 0 10px;font-size:10px}.canvas-protocol-search input::placeholder{color:#64748b}.canvas-protocol-search input:focus{border-color:#06b6d480}.canvas-protocol-search button{color:#94a3b8;background:0 0;border:0;width:24px;height:24px;font-size:15px;position:absolute;top:2px;right:2px}.canvas-protocol-scroll{scrollbar-width:thin;min-height:0;max-height:176px;padding-right:4px;overflow-y:auto}.canvas-protocol-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid;overflow-x:visible}.canvas-focus-controls{background:#020617;border:1px solid #1e293b;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:4px;display:grid}.canvas-zone-row{justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 2px;display:flex}.canvas-zone-label{color:#e2e8f0;font-size:12px;font-weight:500}.canvas-zone-switch,.canvas-zone-switch:hover,.canvas-zone-switch:active,.canvas-zone-switch.active{-webkit-tap-highlight-color:transparent;background:0 0;border:0 #0000;border-radius:999px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.canvas-zone-switch-track{background:#334155;border-radius:999px;width:40px;height:22px;transition:background-color .2s ease-in-out;display:block;position:relative}.canvas-zone-switch-thumb{background:#f8fafc;border-radius:50%;width:18px;height:18px;transition:transform .2s ease-in-out;position:absolute;top:2px;left:2px;transform:translate(0);box-shadow:0 1px 3px #02061766}.canvas-zone-switch[aria-checked=true] .canvas-zone-switch-track{background:#0891b2}.canvas-zone-switch[aria-checked=true] .canvas-zone-switch-thumb{transform:translate(18px)}.canvas-zone-switch:focus-visible{outline-offset:2px;outline:2px solid #22d3ee}.canvas-protocol-filters button,.canvas-focus-controls button{white-space:nowrap;min-height:32px;padding:5px 9px;font-size:9px}.canvas-protocol-filters button{color:#e2e8f0;text-align:left;background:#1e293b;border:1px solid #334155;border-radius:9px;align-items:center;gap:5px;min-width:0;transition:border-color .16s,background-color .16s,color .16s,opacity .16s;display:flex}.canvas-protocol-filters button[aria-pressed=false]{color:#64748b;opacity:.4;background:#0f172a66;border-color:#0000}.canvas-protocol-swatch{background:var(--protocol-color);width:14px;height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--protocol-color) 48%, transparent);flex:none}.canvas-protocol-filters button[aria-pressed=false] .canvas-protocol-swatch{box-shadow:none;background:#667386}.canvas-protocol-filters button>span:not(.canvas-protocol-check){text-overflow:ellipsis;min-width:0;overflow:hidden}.canvas-protocol-check{color:#22d3ee;margin-left:auto;font-size:11px;font-weight:700}.canvas-protocol-no-results{color:#64748b;grid-column:1/-1;margin:4px 0;font-size:10px}.canvas-focus-controls button{color:#94a3b8;background:0 0;border:0;border-radius:8px;transition:background-color .16s,color .16s,box-shadow .16s,opacity .16s}.canvas-focus-controls button:hover:not(:disabled),.canvas-focus-controls button:focus-visible:not(:disabled){color:#e2e8f0}.canvas-focus-controls button[aria-pressed=true]{color:#22d3ee;background:#1e293b;font-weight:500;box-shadow:0 1px 2px #02061759}.canvas-focus-controls button:disabled{cursor:not-allowed;opacity:.4}.canvas-view-hint{margin:8px 0 0;line-height:1.35}.canvas-focus-selection{color:#94a3b8;margin:0 0 8px;font-size:10px}.canvas-focus-selection strong{color:#e2e8f0;font-weight:600}.canvas-view-empty{gap:3px;padding:8px 0 2px;display:grid}.canvas-view-empty strong{color:var(--ink);font-size:9px}.canvas-view-empty span{color:var(--muted);font-size:9px}.builder-node-title{z-index:7;min-height:0;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;padding:0;position:relative}.builder-node-title:hover,.builder-node-title:focus-visible{color:#fff;background:0 0;border:0}.builder-node-state{max-width:72px;color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;flex:none;font-size:9px;font-weight:800;overflow:hidden}.builder-minimap{z-index:7;cursor:grab;pointer-events:auto;touch-action:none;background:#0d1625eb;border:1px solid #adc2dc47;border-radius:8px;width:194px;height:118px;position:absolute;top:12px;right:0;overflow:hidden;box-shadow:0 10px 24px #00000052}.builder-minimap-toggle{z-index:8;min-width:44px;min-height:32px;color:var(--muted);background:#0d1625eb;border:1px solid #adc2dc47;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;top:12px;right:206px}.builder-minimap-toggle[aria-pressed=true]{color:var(--ink);border-color:#4ab8ff94}.builder-minimap svg{pointer-events:none;width:100%;height:100%;display:block}.builder-minimap-edge{stroke:var(--blue);stroke-width:1.5px;stroke-linecap:round;stroke-opacity:.4}.builder-minimap-area{stroke-width:.75px}.builder-minimap-node{fill:var(--blue);fill-opacity:.75;stroke:var(--blue);stroke-width:1px}.builder-minimap-node[data-runtime-state=unavailable]{fill:var(--red);stroke:var(--red)}.builder-minimap-node[data-runtime-state=degraded]{fill:var(--amber);stroke:var(--amber)}.builder-minimap-node[data-runtime-state=recovering],.builder-minimap-node[data-runtime-state=pressured]{fill:#f0a54a;stroke:#f0a54a}.builder-minimap-node[data-runtime-state=initializing]{fill:#8aa0c0;stroke:#8aa0c0}.builder-minimap-node.selected{fill-opacity:1;stroke:#fff;stroke-width:1.75px}.builder-minimap-node[data-topology-focus=context]{opacity:.28}.builder-minimap-node[data-topology-focus=active]{opacity:1}.builder-minimap-selected-ring{fill:none;stroke:#ffffffe6;stroke-width:1.5px}.builder-minimap-dim{fill:#060a1280;pointer-events:none}.builder-minimap-viewport{fill:#dcecff14;stroke:#dcecfff2;stroke-width:1.5px;pointer-events:none}.builder-port-menu{z-index:45;overscroll-behavior:contain;scrollbar-width:thin;background:#101a2a;border:1px solid #4ab8ff80;border-radius:10px;width:264px;max-height:min(220px,100vh - 12px);padding:6px;position:fixed;overflow:auto;box-shadow:0 16px 38px #00000075}.builder-port-menu-head{border-bottom:1px solid #adc2dc21;justify-content:space-between;align-items:flex-start;gap:8px;padding:3px 2px 7px 6px;display:flex}.builder-port-menu-heading{min-width:0}.builder-port-menu-title-row{align-items:center;gap:4px;min-width:0;display:flex}.builder-port-menu-title-row strong,.builder-port-menu-title-row code{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.builder-port-menu-title-row strong{color:var(--ink);font-size:11px}.builder-port-menu-title-row code{color:#8bd6ff;font-size:10px}.builder-port-menu-title-divider{color:var(--muted);font-size:11px}.builder-port-menu-badges{gap:4px;margin-top:4px;display:flex}.builder-port-menu-badges span{color:var(--muted);border:1px solid #adc2dc2e;border-radius:999px;padding:1px 5px;font-size:8px;font-weight:800;line-height:1.4}.builder-port-menu-badges [data-port-menu-direction]{color:#8bd6ff;background:#4ab8ff14;border-color:#4ab8ff47}.builder-port-menu-head button{width:28px;min-width:28px;height:28px;min-height:28px}.builder-port-menu-search{min-height:28px;color:var(--muted);background:#060c1666;border:1px solid #adc2dc24;border-radius:6px;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:4px;margin:5px 4px 2px;padding:0 6px;display:grid}.builder-port-menu-search input{min-width:0;min-height:26px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:10px}.builder-port-menu-search:focus-within{border-color:#4ab8ff6b}.builder-port-menu-options{gap:2px;padding-top:2px;display:grid}.builder-port-menu-section{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;padding:3px 6px 1px;font-size:8px;font-weight:800}.builder-port-menu-list{gap:2px;display:grid}.builder-port-menu-option{width:100%;min-height:32px;color:var(--ink);text-align:left;background:#adc2dc06;border:1px solid #0000;border-radius:7px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;padding:3px 5px;font-size:11px;line-height:1.2;display:grid}.builder-port-menu-option:hover,.builder-port-menu-option:focus-visible{background:#4ab8ff1f;border-color:#4ab8ff2e}.builder-port-menu-icon{width:24px;height:24px;color:var(--muted);background:#adc2dc0f;border:1px solid #adc2dc1f;border-radius:6px;place-items:center;display:grid}.builder-port-menu-icon .component-icon-svg{width:14px;height:14px}.builder-port-menu-icon-fallback{font-size:7px;font-weight:900}.builder-port-menu-icon .component-icon-svg+.builder-port-menu-icon-fallback{display:none}.builder-port-menu-copy{gap:1px;min-width:0;display:grid}.builder-port-menu-copy strong,.builder-port-menu-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.builder-port-menu-copy strong{font-size:10px;font-weight:700}.builder-port-menu-copy small{color:var(--muted);font-size:8px}.builder-port-menu-row-action,.builder-port-menu-disconnect{justify-self:end;font-size:8px;font-weight:800}.builder-port-menu-row-action{color:#8bd6ff;background:#4ab8ff14;border-radius:5px;place-items:center;width:20px;height:20px;display:grid}.builder-port-menu-connected{border-color:#35d58a21}.builder-port-menu-disconnect{color:#ffc0ca;background:#ff627514;border-radius:5px;padding:3px 5px}.builder-port-menu .port-menu-empty{color:var(--muted);margin:5px 6px 3px;font-size:9px;line-height:1.3}@media (pointer:coarse){.builder-port-menu-head button,.builder-port-menu-option,.builder-port-menu-search{min-width:44px;height:auto;min-height:44px}.builder-port-menu-head button{width:44px;height:44px}}.builder-node-context-menu{z-index:52;overscroll-behavior:contain;scrollbar-width:thin;background:#101a2a;border:1px solid #4ab8ff80;border-radius:8px;gap:2px;width:232px;max-height:min(360px,100vh - 12px);padding:5px;display:grid;position:fixed;overflow:auto;box-shadow:0 16px 38px #00000075}.builder-node-context-title{border-bottom:1px solid #adc2dc21;gap:2px;padding:4px 6px 6px;display:grid}.builder-node-context-title strong{color:var(--ink);font-size:11px}.builder-node-context-title span{color:var(--muted);font-size:8px}.builder-node-context-section{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:5px 6px 1px;font-size:8px;font-weight:800}.builder-node-context-separator{background:#adc2dc24;height:1px;margin:4px 2px}.builder-node-context-menu button{width:100%;min-height:30px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:5px;padding:4px 7px;font-size:11px;line-height:1.2}.builder-node-context-menu button:hover,.builder-node-context-menu button:focus-visible{background:#4ab8ff1f}.builder-node-context-menu button.danger-action{color:#ffc0ca;background:0 0;border:0}.builder-node-context-menu button.danger-action:hover,.builder-node-context-menu button.danger-action:focus-visible{background:#ff627524}.builder-node-context-menu button.recover-action{color:#b8f7d5;background:0 0;border:0}.builder-node-context-menu button.recover-action:hover,.builder-node-context-menu button.recover-action:focus-visible{background:#38d99629}.builder-node-context-menu .builder-context-port{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:32px;display:grid}.builder-context-port-dot{border-radius:50%;width:6px;height:6px}.builder-context-port-copy{gap:1px;min-width:0;display:grid}.builder-context-port-copy strong,.builder-context-port-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.builder-context-port-copy strong{color:var(--ink);font-size:10px}.builder-context-port-copy span{color:var(--muted);font-size:8px}.builder-context-port-badge{min-width:26px;color:var(--muted);text-align:center;border:1px solid #adc2dc33;border-radius:5px;padding:2px 4px;font-size:7px;font-weight:900}@media (pointer:coarse){.builder-node-context-menu button,.builder-node-context-menu .builder-context-port{min-height:44px}}@media (width<=1023px){.canvas-view-trigger,.canvas-view-close{width:44px;min-width:44px;height:44px;min-height:44px}}@media (width<=760px){.canvas-presentation-tools{right:calc(10px + var(--device-safe-right));bottom:calc(90px + var(--device-safe-bottom))}.canvas-view-trigger{padding:0}.canvas-view-popover{right:calc(12px + var(--device-safe-right));top:auto;bottom:calc(144px + var(--device-safe-bottom));left:calc(12px + var(--device-safe-left));width:auto;max-height:calc(100dvh - 84px);position:fixed;overflow-y:auto}.canvas-protocol-filters button,.canvas-focus-controls button,.canvas-view-bulk-actions button,.canvas-view-clear{min-height:44px}.canvas-protocol-filters{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}.canvas-focus-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}.builder-rename-popover{z-index:53;background:#101a2a;border:1px solid #4ab8ff80;border-radius:8px;gap:8px;width:min(300px,100% - 24px);padding:10px;display:grid;position:fixed;box-shadow:0 16px 38px #00000075}.builder-rename-popover label{gap:5px;display:grid}.builder-rename-popover label span{color:var(--muted);font-size:10px;font-weight:700}.builder-rename-actions{justify-content:flex-end;gap:6px;display:flex}.builder-canvas-footer{z-index:8;right:calc(12px + var(--device-safe-right));bottom:calc(8px + var(--device-safe-bottom));left:calc(12px + var(--device-safe-left));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.builder-canvas-notice,.builder-statusbar{color:var(--muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1625eb;border:1px solid #adc2dc2e;border-radius:7px;font-size:10px}.builder-canvas-notice{max-width:min(520px,92%);color:var(--amber);padding:6px 10px;font-weight:700;position:static}.builder-statusbar{color:#b8c8dd;font-variant-numeric:tabular-nums;white-space:normal;background:#101522eb;border-radius:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;width:100%;min-width:0;max-width:none;min-height:28px;padding:4px 10px;font-size:11px;line-height:1.25;display:flex;position:static;inset:auto;overflow:hidden}.builder-current-constraint{min-width:0;color:var(--blue);text-align:left;text-overflow:clip;white-space:normal;flex:0 auto;overflow:visible}button.builder-current-constraint{height:auto;min-height:0;font:inherit;cursor:pointer;pointer-events:auto;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.builder-current-constraint[data-severity=pressured],.builder-current-constraint[data-severity=recovering]{color:var(--amber)}.builder-current-constraint[data-severity=degraded],.builder-current-constraint[data-severity=unavailable],.builder-current-constraint[data-severity=unstable]{color:var(--red)}.builder-system-history{overflow:hidden}.builder-system-history h2{margin-bottom:6px}.builder-system-history-list{gap:5px;max-height:132px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.builder-system-history-list li{border-left:2px solid var(--blue);color:var(--muted);background:#4ab8ff0f;gap:2px;padding:5px 6px;font-size:9px;line-height:1.3;display:grid}.builder-system-history-list strong{color:var(--ink)}.builder-inspector-content{gap:8px;min-width:0;display:grid}.inspector-component-overflow{min-width:0;position:relative}.inspector-component-overflow>summary{border:1px solid var(--line);width:34px;min-width:34px;height:34px;color:var(--muted);cursor:pointer;background:#263652;border-radius:6px;place-items:center;padding:0;list-style:none;display:grid}.inspector-component-overflow>summary::-webkit-details-marker{display:none}.inspector-component-overflow>summary svg{width:17px;height:17px}.inspector-component-overflow-menu{z-index:20;border:1px solid var(--line);background:#101522;border-radius:7px;gap:4px;width:max-content;min-width:178px;max-width:min(260px,100vw - 24px);padding:5px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 12px 30px #0000006b}.inspector-component-overflow-menu button{text-align:left;justify-content:flex-start}.inspector-node-id{font-size:10px}.inspector-node-id,.builder-edge-detail dd,.builder-terminal-meta strong{overflow-wrap:anywhere;min-width:0}.inspector-node-id,.builder-edge-detail dd{align-items:center;gap:6px;display:flex}.inspector-node-id-label{color:var(--muted);flex:none}.inspector-node-id-value{color:#d7e2f0;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inspector-node-id-copy{width:28px;min-width:28px;height:28px;min-height:28px;color:var(--muted);padding:0}.inspector-node-id-copy:hover,.inspector-node-id-copy:focus-visible{color:var(--ink)}.inspector-node-id-copy svg{width:14px;height:14px}.copy-id,.terminal-copy{flex:none;min-height:30px;padding:4px 7px;font-size:10px}.copy-id.inspector-node-id-copy{width:28px;min-width:28px;height:28px;min-height:28px;padding:0}@media (width<=1023px),(pointer:coarse){.copy-id.inspector-node-id-copy{width:44px;min-width:44px;height:44px;min-height:44px}}.builder-decision-metrics{background:#4ab8ff09;border:1px solid #4ab8ff2e;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;padding:9px 10px;display:grid}.builder-decision-metric{background:#ffffff07;border-radius:6px;gap:2px;min-width:0;padding:7px;display:grid}.builder-decision-metric span{color:#8799b0;font-size:11px;font-weight:600;line-height:1.3}.builder-decision-metric strong{color:#f4f8ff;overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.25}.builder-open-telemetry{grid-column:1/-1;justify-self:start}.builder-config-section>h3{color:#c9d7ea;letter-spacing:.055em;text-transform:uppercase;border-bottom:1px solid #adc2dc14;margin:0;padding:8px 10px;font-size:11px;line-height:1.35}.builder-config-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.builder-config-group-tabs button{min-width:0;min-height:34px;padding:6px 7px;font-size:11px}.builder-config-group-tabs button[aria-pressed=true]{color:var(--ink);background:#4ab8ff24;border-color:#4ab8ffb8}.builder-field-feedback{color:#ffe0a1;font-size:11px;line-height:1.35;display:block}.builder-config-grid :is(input,select)[aria-invalid=true]{border-color:#ff6275b8}button.warning-action{color:#ffe0a1;background:#f4b94f1c;border-color:#f4b94f94}button.warning-action:hover,button.warning-action:focus-visible{background:#f4b94f2e;border-color:#f4b94fd1}.right-rail-status{color:#dbeafe;background:#0a1727f5;border:1px solid #4ab8ff38;border-radius:7px;flex:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 9px;font-size:11px;line-height:1.35;display:flex}.right-rail-status span{overflow-wrap:anywhere;min-width:0}.right-rail-error{color:#ffd5db;background:#ff627513;border:1px solid #ff627559;border-radius:8px;gap:8px;min-width:0;padding:12px;font-size:11px;display:grid}.builder-component-teaching{gap:7px;display:grid}.builder-teaching-block{background:#ffffff06;border:1px solid #adc2dc1a;border-radius:6px;gap:3px;min-width:0;padding:8px;display:grid}.builder-component-teaching p{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.45}.builder-teaching-title,.builder-runtime-subsection-title,.builder-config-group-title,.builder-component-actions-title{color:var(--ink);font-size:11px;font-weight:800;line-height:1.35}.builder-config-grid,.builder-runtime-grid{gap:8px;min-width:0;display:grid}.builder-config-grid label{color:var(--muted);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:4px;min-width:0;font-size:11px;line-height:1.35;display:grid}.builder-config-grid label>span{overflow-wrap:anywhere;min-width:0;font-size:11px}.builder-config-grid input,.builder-config-grid select{border:1px solid var(--line);width:100%;min-width:0;min-height:36px;color:var(--ink);background:#101b2a;border-radius:5px;padding:7px 8px;font-size:11px;line-height:1.3}.builder-config-grid [data-config-field=responseLatencyMs] input{background:#0d1725;border-color:#adc2dc57;box-shadow:inset 0 0 0 1px #ffffff06}.builder-config-grid [data-config-field=responseLatencyMs] input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #4ab8ff29}.builder-checkbox-row input{justify-self:end;width:auto}.builder-runtime-grid{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));font-size:11px}.builder-runtime-grid span{overflow-wrap:anywhere;background:#ffffff08;border:1px solid #adc2dc12;border-radius:6px;min-width:0;padding:7px;line-height:1.3}.builder-runtime-grid strong{color:var(--ink);margin-top:2px;font-size:14px;font-weight:800;line-height:1.25;display:block}.builder-runtime-evidence,.builder-runtime-subsection,.builder-config-sections,.builder-config-group{gap:8px;min-width:0;display:grid}.builder-runtime-subsection,.builder-config-group+.builder-config-group{border-top:1px solid #adc2dc14;padding-top:8px}.builder-runtime-detail{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;margin:0;display:grid}.builder-runtime-detail>:where(dt,dd){overflow-wrap:anywhere;min-width:0;margin:0}.builder-runtime-detail dt{color:var(--muted);font-size:10px;line-height:1.3}.builder-runtime-detail dd{color:var(--ink);font-size:12px;font-weight:800;line-height:1.3}.builder-runtime-equations{border-top:1px solid #adc2dc14;min-width:0;padding-top:7px}.builder-runtime-equations>summary{cursor:pointer;color:var(--muted);font-size:10px;font-weight:700;line-height:1.35}.builder-runtime-equations dl{gap:6px;margin:7px 0 0;display:grid}.builder-runtime-equations dl>div{gap:2px;min-width:0;display:grid}.builder-runtime-equations dt{color:var(--muted);font-size:10px;line-height:1.3}.builder-runtime-equations dd{color:#aebfd6;overflow-wrap:anywhere;min-width:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.4}.builder-runtime-stage-list,.builder-runtime-port-list,.builder-runtime-log,.builder-runtime-list{gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.builder-runtime-stage{background:#4ab8ff0b;border-left:2px solid #4ab8ff75;border-radius:0 6px 6px 0;gap:3px;min-width:0;padding:7px 8px 7px 14px;display:grid;position:relative}.builder-runtime-stage:before{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute;top:13px;left:-4px}.builder-runtime-stage-head,.builder-runtime-port-head,.builder-runtime-log-meta{align-items:baseline;gap:6px;min-width:0;display:flex}.builder-runtime-stage-head{justify-content:space-between}.builder-runtime-stage-head strong{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:11px;line-height:1.3}.builder-runtime-stage-head span{color:#dbeafe;flex:none;font-size:12px;font-weight:800;line-height:1.25}.builder-runtime-stage small{display:block}.builder-runtime-port{background:#ffffff06;border:1px solid #adc2dc1a;border-radius:6px;gap:7px;min-width:0;padding:8px;display:grid}.builder-runtime-port-head strong{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:11px;line-height:1.3}.builder-runtime-port-direction{color:#bfe3ff;background:#4ab8ff1a;border:1px solid #4ab8ff57;border-radius:999px;flex:none;padding:2px 5px;font-size:10px;font-weight:800;line-height:1.2}.builder-runtime-port-direction[data-direction=out]{color:#b8f7d5;background:#35d58a17;border-color:#35d58a57}.builder-runtime-port-type{min-width:0;color:var(--muted);text-align:right;overflow-wrap:anywhere;margin-left:auto;font-size:10px;line-height:1.3}.builder-runtime-port-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;margin:0;display:grid}.builder-runtime-port-stats>div{background:#ffffff06;border-radius:5px;min-width:0;padding:5px 6px}.builder-runtime-port-stats dt{color:var(--muted);font-size:10px;line-height:1.25}.builder-runtime-port-stats dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:2px 0 0;font-size:11px;font-weight:800;line-height:1.25}.builder-runtime-port-peers{gap:3px;margin:6px 0 0;padding:0;list-style:none;display:grid}.builder-runtime-port-peers li{color:var(--muted);overflow-wrap:anywhere;font-size:10px;line-height:1.35}.builder-runtime-port small{overflow-wrap:anywhere}.builder-runtime-log-row{border-left:2px solid #adc2dc38;gap:3px;min-width:0;padding:6px 7px 6px 12px;display:grid;position:relative}.builder-runtime-log-row:before{content:"";background:#71809a;border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:-4px}.builder-runtime-log-meta strong{color:var(--ink);font-size:10px;line-height:1.3}.builder-runtime-log-meta span{color:var(--blue);font-size:10px;font-weight:700;line-height:1.3}.builder-runtime-log-row p{color:var(--muted);overflow-wrap:anywhere;font-size:10px;line-height:1.4}.builder-runtime-list li{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.4}.builder-runtime-list li:before{content:"•";color:var(--blue);margin-right:6px}.builder-config-group{gap:6px}.builder-output-limits{padding-bottom:1px}.builder-component-actions{background:#070e1957;border:1px solid #adc2dc24;border-radius:8px;gap:8px;min-width:0;padding:10px;display:grid}.builder-component-actions .inspector-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px;margin:0;display:grid}.builder-component-actions .inspector-actions>button,.builder-component-actions .recovery-controls>button{width:100%;min-width:0;max-width:100%;min-height:var(--button-compact-height);white-space:normal;overflow-wrap:anywhere;text-align:center;justify-self:stretch;height:auto;padding:6px 8px;font-size:11px;font-weight:700;line-height:1.25}.builder-component-actions .builder-action-secondary,.builder-component-actions .inspector-actions>.builder-action-secondary{width:100%;height:auto;min-height:var(--button-compact-height);white-space:normal;overflow-wrap:anywhere;text-align:center;justify-self:stretch;padding:6px 8px;line-height:1.25}.builder-component-actions .recovery-controls{grid-column:1/-1}.builder-component-actions .inspector-actions>.builder-action-crash,.builder-component-actions .inspector-actions>.builder-delete-action{white-space:normal;overflow-wrap:anywhere;text-align:center;justify-self:stretch;width:100%;height:auto;padding-block:6px;line-height:1.25}.builder-component-actions .builder-action-crash{order:1}.builder-component-actions .builder-delete-action{order:2}.builder-component-actions .recovery-controls{order:3;gap:6px;min-width:0;display:grid}.builder-component-actions .recovery-controls>button.recover-action,.builder-component-actions .recovery-controls>button{color:#b8f7d5;background:#38d99624;border-color:#38d99685}.builder-component-actions .recovery-controls>button.recover-action:hover:not(:disabled),.builder-component-actions .recovery-controls>button:hover:not(:disabled){background:#38d99638;border-color:#38d996b8}.builder-component-actions-divider{display:none}.builder-component-actions .builder-delete-action{justify-content:center}.builder-component-actions .builder-edge-action-notice{margin:0}.builder-edge-detail{grid-template-columns:56px minmax(0,1fr);gap:7px;margin:0 0 10px;font-size:11px;display:grid}.builder-edge-detail dt{color:var(--muted)}.builder-edge-detail dd{overflow-wrap:anywhere;min-width:0;margin:0}.builder-edge-actions{gap:9px;margin-top:12px;display:grid}.builder-edge-actions label{gap:5px;display:grid}.builder-edge-actions label>span{color:var(--muted);font-size:11px}.builder-edge-actions select{width:100%;min-width:0}.builder-node-rename{border:1px solid var(--blue);width:100%;min-width:0;color:var(--ink);background:#101522;border-radius:5px;padding:3px 5px;font-size:12px;font-weight:800}.builder-edge-action-notice{color:#cfe8ff;margin:0;font-size:11px;line-height:1.4}.builder-empty-state{color:var(--muted);font-size:11px;line-height:1.5}.challenge-section{gap:9px;display:grid}.chaos-section,.chaos-active,.chaos-list{gap:8px;display:grid}.chaos-copy,.chaos-notice,.chaos-prerequisite,.chaos-empty{color:var(--muted);margin:0;font-size:10px;line-height:1.4}.chaos-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.chaos-controls button{white-space:nowrap;min-width:0;padding-inline:6px;font-size:10px}.chaos-active{border-top:1px solid var(--line);padding-top:8px}.chaos-active-head,.chaos-list li{justify-content:space-between;align-items:center;gap:8px;display:flex}.chaos-active-head{font-size:10px}.chaos-list{margin:0;padding:0;list-style:none}.chaos-list li{border:1px solid var(--line);background:#ffffff06;border-radius:7px;padding:7px}.chaos-list li>span{gap:2px;min-width:0;font-size:10px;display:grid}.chaos-list small{color:var(--muted)}.incident-review{border:1px solid var(--line);background:#ffffff06;border-radius:8px;gap:9px;padding:9px;display:grid}.incident-review-head,.incident-review-primary,.incident-review-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.incident-review-head h3,.incident-review-head p,.incident-review-section p{margin:0}.incident-review-head h3{font-size:11px}.incident-review-verdict,.incident-review-section p,.incident-review-row,.incident-review-actions{color:var(--muted);font-size:10px;line-height:1.4}.incident-review-state{border:1px solid var(--line);border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800}.incident-review-primary{background:#ffffff09;border-radius:7px;align-items:baseline;padding:7px;font-size:10px}.incident-review-section{gap:2px;display:grid}.incident-review-section>span,.incident-review-row>span:first-child{color:var(--ink);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:800}.incident-review details{border-top:1px solid var(--line);padding-top:7px}.incident-review summary{cursor:pointer;color:var(--ink);font-size:10px;font-weight:700}.incident-review-technical,.incident-review-actions{gap:6px;margin-top:7px;display:grid}.incident-review-row{grid-template-columns:72px minmax(0,1fr);display:grid}.incident-review-actions ul{gap:3px;margin:0;padding-left:16px;display:grid}.preset-guide-section{gap:8px;display:grid}.preset-guide-heading{justify-content:space-between;align-items:end;gap:10px;display:flex}.preset-guide-eyebrow{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:850;display:block}.preset-guide-hint{color:var(--muted);margin-top:3px;font-size:10px;display:block}.preset-guide-count{color:var(--blue);text-transform:uppercase;flex:none;font-size:10px;font-weight:800}.preset-guide-controls{grid-template-columns:1fr;gap:6px;display:grid}.preset-guide-controls input,.preset-guide-controls select{width:100%;min-width:0}.preset-active-summary{color:var(--ink);background:#4ab8ff1a;border:1px solid #4ab8ff5c;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;font-size:11px;display:flex}.preset-active-summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preset-active-summary button{flex:none;height:28px;min-height:28px;padding:0 8px;font-size:10px;font-weight:800}.preset-guide-results{grid-template-columns:1fr;gap:3px;max-height:min(34vh,260px);display:grid;overflow:auto}.preset-guide-results.compact-results{max-height:108px}.preset-guide-result{text-align:left;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:9px;min-width:0;min-height:52px;padding:7px 8px;display:grid}.preset-guide-result[aria-selected=true]{background:#4ab8ff1f;border-color:#4ab8ffb8}.preset-guide-result-icon{width:28px;height:28px;color:var(--blue);background:#4ab8ff1a;border-radius:7px;place-items:center;display:grid}.preset-guide-result-icon svg{width:18px;height:18px}.preset-guide-result-copy{gap:3px;min-width:0;display:grid}.preset-guide-selection{border:1px solid var(--line);width:20px;height:20px;color:var(--green);border-radius:50%;place-items:center;display:grid}.preset-guide-result strong,.preset-guide-result small{overflow-wrap:break-word;text-overflow:clip;white-space:normal;overflow:visible}.preset-guide-result small,.preset-guide-empty,.preset-guide-detail p,.preset-guide-detail li,.preset-guide-components small{color:var(--muted);font-size:10px;line-height:1.4}.preset-guide-detail,.preset-guide-components{gap:6px;display:grid}.preset-guide-detail{background:0 0;border:0;border-radius:0;min-width:0;padding:0;display:block}.preset-guide-detail .guide-overview{border-bottom:1px solid var(--line);padding:8px 10px 4px}.preset-guide-detail .guide-overview h2{color:var(--ink);margin:0 0 2px;font-size:14px;font-weight:800}.preset-guide-detail .guide-meta{color:var(--muted);margin:2px 0 6px;font-size:10px;font-weight:700}.preset-guide-detail .guide-section{margin-bottom:8px}.preset-guide-detail .guide-section h3,.preset-guide-detail .guide-section-list h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 3px;font-size:11px;font-weight:800}.preset-guide-detail .guide-section p{color:var(--ink);margin:0;font-size:12px;line-height:1.4}.preset-guide-detail .guide-section-list h3{margin:8px 10px 4px}.preset-guide-components{min-width:0;display:block}.preset-guide-components .guide-component{width:100%;min-width:0;padding:7px 10px;display:block}.preset-guide-components .guide-component>span{overflow-wrap:anywhere;min-width:0;display:block}.preset-guide-detail p,.preset-guide-detail ul,.preset-guide-empty{margin:0}.preset-guide-detail summary{cursor:pointer;color:var(--ink);font-size:10px;font-weight:700}.preset-guide-components button{text-align:left;gap:2px;display:grid}@media (width<=760px){.preset-guide-controls,.preset-guide-results{grid-template-columns:1fr}}.project-action-notice{z-index:80;border:1px solid var(--line);max-width:min(420px,100vw - 24px);color:var(--muted);background:#101522;border-radius:7px;padding:8px 10px;font-size:11px;position:absolute;top:calc(100% + 6px);right:14px;box-shadow:0 12px 30px #00000059}.project-reset-confirmation-copy{color:var(--muted);margin:0;line-height:1.5}.project-reset-confirmation-actions{justify-content:flex-end;gap:8px;display:flex}.challenge-select-row,.checkpoint-create-row label{color:var(--muted);gap:5px;font-size:10px;display:grid}.challenge-workspace,.challenge-brief,.challenge-score,.checkpoint-list,.checkpoint-comparison{gap:8px;display:grid}.challenge-brief{border:1px solid var(--line);background:#ffffff06;border-radius:7px;padding:8px;font-size:10px;line-height:1.4}.challenge-brief ul{margin:0;padding-left:18px}.challenge-status{color:var(--muted);margin:0;font-size:10px;line-height:1.4}.challenge-status[data-practice=true]{color:var(--amber)}.challenge-actions,.checkpoint-row-actions{flex-wrap:wrap;gap:6px;display:flex}.challenge-score{border:1px solid #4ab8ff47;border-radius:7px;padding:8px;font-size:10px}.challenge-objective{border-top:1px solid var(--line);gap:2px;padding-top:6px;display:grid}.builder-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040812bd;position:fixed;inset:0}.builder-modal{z-index:101;background:#101522;border:1px solid #adc2dc47;border-radius:10px;width:min(860px,100vw - 28px);max-height:min(760px,100vh - 28px);position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0000008c}.builder-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.builder-modal-head h2{margin:0}.builder-modal-body{gap:12px;max-height:calc(100vh - 110px);padding:14px;display:grid;overflow:auto}.checkpoint-create-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.checkpoint-count{color:var(--muted);margin:0;font-size:10px}.checkpoint-row{border:1px solid var(--line);background:#ffffff06;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.checkpoint-compare-check{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.checkpoint-comparison{border:1px solid #4ab8ff47;border-radius:8px;padding:10px}.checkpoint-comparison-grid{gap:7px;display:grid}.checkpoint-comparison-row{grid-template-columns:minmax(120px,1.2fr) repeat(3,minmax(90px,1fr));gap:8px;font-size:10px;display:grid}.runtime-dashboard-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.runtime-dashboard-summary span{color:var(--muted);background:#ffffff09;border-radius:7px;gap:3px;padding:9px;font-size:11px;display:grid}.runtime-dashboard-summary strong{color:var(--ink)}.runtime-speed-control,.traffic-variation-control{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.runtime-speed-control select{min-width:72px}.traffic-variation-control input{margin:0}.runtime-dashboard-evidence{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.runtime-dashboard-evidence>div,.runtime-dashboard-history{border:1px solid var(--line);background:#ffffff06;border-radius:7px;padding:10px}.runtime-dashboard-evidence h3,.runtime-dashboard-history h3,.runtime-dashboard-evidence p,.runtime-dashboard-history p{margin:0}.runtime-dashboard-evidence h3,.runtime-dashboard-history h3{margin-bottom:6px;font-size:11px}.runtime-dashboard-evidence p,.runtime-dashboard-history p,.runtime-dashboard-history li{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.4}.runtime-dashboard-evidence button{margin-top:8px}.runtime-dashboard-history{margin-top:10px}.runtime-dashboard-live-scope{border:1px solid var(--line);background:#ffffff06;border-radius:7px;gap:9px;margin-top:10px;padding:10px;display:grid}.runtime-dashboard-live-scope-head,.runtime-dashboard-live-scope-actions{align-items:center;gap:7px;display:flex}.runtime-dashboard-live-scope-head{justify-content:space-between}.runtime-dashboard-live-scope-head h3{margin:0 0 3px;font-size:11px}.runtime-dashboard-live-scope-head strong{color:var(--ink);font-size:11px}.runtime-dashboard-live-scope-actions{flex-wrap:wrap;justify-content:flex-end}.runtime-dashboard-live-scope-actions .runtime-scope-action{max-width:168px;font-weight:700}.runtime-dashboard-live-scope-actions .runtime-scope-action .ui-button-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.runtime-dashboard-live-scope-actions button[aria-pressed=true]{color:var(--ink);border-color:#4ab8ffb8}.runtime-dashboard-live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.runtime-dashboard-live-card{min-width:0;color:var(--muted);background:#0f1b2eb8;border:1px solid #adc2dc24;border-radius:7px;gap:5px;padding:8px;font-size:11px;display:grid}.runtime-dashboard-live-card strong{overflow-wrap:anywhere;color:var(--ink);font-size:13px}.runtime-dashboard-live-card svg{width:100%;height:72px;margin-top:3px;display:block}.runtime-shared-timeline-line{stroke:#adc2dc57;stroke-width:1px}.runtime-shared-timeline-tick{fill:var(--blue)}.runtime-shared-timeline-marker{fill:var(--amber)}.runtime-dashboard-target-reference{color:#aebfd6;border-left:2px solid;padding-left:6px;font-size:10px}.runtime-dashboard-history-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.runtime-dashboard-history ul{margin:6px 0 0;padding-left:18px}.runtime-dashboard-table{min-width:0;display:grid}.runtime-dashboard-components{border:1px solid var(--line);background:#ffffff06;border-radius:7px;min-width:0;margin-top:10px}.runtime-dashboard-components>summary{cursor:pointer;color:var(--ink);padding:9px 10px;font-size:11px;font-weight:800}.runtime-dashboard-components[open]>summary{border-bottom:1px solid var(--line)}.runtime-dashboard-components .runtime-dashboard-table{overflow-x:auto}.runtime-dashboard-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(72px,1.25fr) minmax(54px,.85fr) repeat(4,minmax(34px,.72fr));gap:4px;min-width:0;padding:6px 4px;font-size:11px;display:grid}.runtime-dashboard-component-evidence{border:1px solid var(--line);background:#ffffff06;border-radius:7px;gap:8px;min-width:0;margin-top:10px;padding:10px;display:grid}.runtime-dashboard-component-evidence>h3{color:#94a3b8;margin:0;font-size:11px;font-weight:500}.runtime-dashboard-component-evidence>p{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.runtime-dashboard-selected-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;margin:0;display:grid}.runtime-dashboard-selected-metrics>div{background:#0f1b2eb8;border:1px solid #adc2dc24;border-radius:6px;gap:3px;min-width:0;padding:6px 8px;display:grid}.runtime-dashboard-selected-metrics dt{color:#94a3b8;overflow-wrap:anywhere;margin:0;font-size:11px;font-weight:500;line-height:1.3}.runtime-dashboard-selected-metrics dd{color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;margin:0;font:700 12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.runtime-dashboard-advanced-model{border-top:1px solid #adc2dc1a;min-width:0;padding-top:7px}.runtime-dashboard-advanced-model>summary{color:var(--ink);cursor:pointer;font-size:11px;font-weight:800}.runtime-dashboard-advanced-model dl{gap:6px;margin:7px 0 0;display:grid}.runtime-dashboard-advanced-model dl>div{gap:2px;display:grid}.runtime-dashboard-advanced-model dt,.runtime-dashboard-advanced-model dd{overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.4}.runtime-dashboard-advanced-model dt{color:var(--muted)}.runtime-dashboard-advanced-model dd{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.inspector-telemetry-view>.runtime-dashboard-panel{overflow:visible}.runtime-dashboard-head{color:var(--muted);font-weight:700}@media (width<=760px){.builder-minimap{cursor:grab;pointer-events:auto;width:124px;height:76px;right:8px}.builder-minimap-toggle{top:8px;right:140px}.builder-canvas-notice{max-width:calc(100% - 12px)}.builder-modal-backdrop{inset:0}.builder-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.checkpoint-create-row,.checkpoint-row,.runtime-dashboard-summary,.runtime-dashboard-evidence,.runtime-dashboard-live-grid{grid-template-columns:1fr}.runtime-dashboard-live-scope-head{flex-direction:column;align-items:stretch}.runtime-dashboard-live-scope-actions{justify-content:flex-start}.checkpoint-comparison-row{grid-template-columns:1fr}}.preset-guide-controls input,.preset-guide-controls select,.checkpoint-create-row input,.checkpoint-row>input{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#121c2c;border-radius:7px;padding:8px 10px}.preset-guide-controls input::placeholder{color:var(--muted);opacity:1}.preset-guide-result{min-height:54px;padding:8px}.preset-guide-result small,.preset-guide-detail .guide-meta{color:#b9c9dc;text-transform:capitalize;font-size:11px}.preset-guide-selection{width:22px;height:22px}.live-metrics .live-sidebar-card{padding:6px 7px}.live-metrics .live-sidebar-card svg{height:36px}.live-metrics .live-sidebar-card-head{font-size:10px}.live-metrics .live-sidebar-card-head .live-dashboard-status{font-size:9px}.live-metrics .live-sidebar-detail{min-height:0;font-size:10px;line-height:1.35}.chaos-controls button{white-space:nowrap;min-height:38px;font-size:10px}.chaos-controls button:disabled{opacity:.64;color:#b6c5d8}.challenge-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.runtime-dashboard-panel .runtime-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-dashboard-panel .runtime-dashboard-summary span{min-height:0;padding:7px;font-size:11px}.runtime-dashboard-panel .runtime-dashboard-evidence{grid-template-columns:1fr}.runtime-dashboard-panel .runtime-dashboard-live-card svg{height:58px}.checkpoint-compare-action{justify-self:start;width:auto;min-height:34px;padding-inline:12px}@media (width<=1120px),(pointer:coarse){.tools-panel-run .chaos-controls button,.chaos-controls button,.preset-guide-controls input,.preset-guide-controls select,#guidePresetSearch,.copy-id,.builder-node-context-menu button,.builder-node-context-menu [role=menuitem],.builder-node-context-menu .builder-context-port{min-height:44px}.copy-id.inspector-node-id-copy{width:44px;min-width:44px;height:44px;min-height:44px}}@media (width<=760px){.challenge-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.runtime-dashboard-live-grid,.live-runtime-dashboard-grid{grid-template-columns:1fr}}*{scrollbar-width:thin;scrollbar-color:#334155 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.builder-config-sections,.builder-config-grid{gap:16px}.builder-config-grid label{gap:6px}.builder-config-grid :is(input:not([type=checkbox]),select){background:#0f172a;border-color:#475569}.builder-config-grid :is(input:not([type=checkbox]),select):focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 1px #3b82f6}.runtime-dashboard-evidence h3,.runtime-dashboard-component-evidence>h3,.runtime-dashboard-head span{color:#94a3b8;font-size:11px;font-weight:500}.runtime-dashboard-evidence strong{color:#fff;font-size:12px;font-weight:700;line-height:1.35;display:block}.runtime-dashboard-live-scope-head h3,.runtime-dashboard-live-card>span:first-child,.builder-runtime-stage-head strong,.builder-runtime-port-stats dt,.runtime-dashboard-selected-metrics dt,.runtime-dashboard-advanced-model dt,.runtime-dashboard-summary>span{color:#94a3b8;font-size:11px;font-weight:500}.runtime-dashboard-live-scope-head strong,.runtime-dashboard-live-card>strong,.builder-runtime-stage-head>span,.builder-runtime-port-stats dd,.runtime-dashboard-selected-metrics dd,.runtime-dashboard-advanced-model dd,.runtime-dashboard-summary>span>strong,.runtime-dashboard-row:not(.runtime-dashboard-head)>:is(.runtime-metric-text,.runtime-metric-number){color:#fff;font-size:12px;font-weight:700;line-height:1.3}.runtime-dashboard-live-card>strong,.builder-runtime-stage-head>span,.builder-runtime-port-stats dd,.runtime-dashboard-selected-metrics dd,.runtime-dashboard-advanced-model dd,.runtime-dashboard-summary>span>strong,.runtime-metric-number{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.runtime-constraint-line{flex-wrap:wrap;align-items:baseline;gap:4px;font-size:12px!important;font-weight:500!important;display:flex!important}.runtime-constraint-prefix{color:#94a3b8;font-weight:500}.runtime-constraint-message{color:#fbbf24;font-weight:500}.runtime-constraint-message.is-neutral{color:#fff}.runtime-dashboard-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.runtime-dashboard-row .runtime-state-badge{text-overflow:ellipsis;white-space:nowrap;justify-self:start;max-width:100%;font-size:10px;overflow:hidden}.builder-runtime-port-peers li{color:#94a3b8;font-size:10px}.runtime-port-summary-number{color:#e2e8f0;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}.runtime-dashboard-history li{flex-wrap:wrap;align-items:center;gap:6px;padding:3px 0;display:flex}.runtime-history-subject{color:#cbd5e1}.runtime-state-badge{color:#cbd5e1;text-transform:lowercase;background:#94a3b81a;border-radius:999px;align-items:center;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.35;display:inline-flex}.runtime-state-badge[data-runtime-state=healthy]{color:#34d399;background:#10b9811a}.runtime-state-badge[data-runtime-state=pressured]{color:#fbbf24;background:#f59e0b1a}.runtime-state-badge[data-runtime-state=degraded],.runtime-state-badge[data-runtime-state=unavailable],.runtime-state-badge[data-runtime-state=crashed]{color:#f87171;background:#ef44441a}.runtime-state-badge[data-runtime-state=recovering]{color:#60a5fa;background:#3b82f61a}.runtime-state-arrow{color:#64748b;font-weight:700}.builder-terminal-stream{gap:8px}.builder-terminal-row .terminal-copy{opacity:0;transition:opacity .12s}.builder-terminal-row:hover .terminal-copy,.builder-terminal-row:focus-within .terminal-copy,.builder-terminal-row .terminal-copy:focus-visible{opacity:1}#canvas.has-scrubber{--canvas-safe-top:calc(16px + var(--device-safe-top));--canvas-safe-left:calc(16px + var(--device-safe-left));--canvas-safe-right:calc(16px + var(--device-safe-right));--canvas-safe-bottom:calc(108px + var(--device-safe-bottom))}.builder-canvas-footer{bottom:calc(8px + var(--device-safe-bottom));container-type:inline-size}.builder-runtime-dock{box-sizing:border-box;width:100%;min-width:0;min-height:50px;color:var(--muted);pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101522f2;border:1px solid #adc2dc33;border-radius:10px;flex-wrap:nowrap;align-items:center;gap:7px;padding:5px 8px;font-size:11px;font-weight:700;display:flex;position:relative}.builder-runtime-dock-state{color:var(--ink);white-space:nowrap;border-right:0;flex:none;padding-right:0}.builder-runtime-dock-state span{color:var(--muted)}.builder-runtime-start{min-width:68px;min-height:38px;color:var(--ink);background:#35d58a29;border:1px solid #35d58aa6;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-weight:800;display:inline-flex}.simulation-bar #btnStart{display:none}.builder-runtime-traffic,.builder-runtime-speed{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.builder-runtime-traffic input{accent-color:var(--blue);margin:0}.builder-runtime-speed{margin-left:0}.builder-dock-group{flex-shrink:0;align-items:center;gap:5px;min-width:0;display:flex}.builder-dock-group+.builder-dock-group{border-left:1px solid var(--line);padding-left:7px}.builder-dock-desktop-experiments{flex-wrap:nowrap;row-gap:6px;margin-left:auto}.builder-dock-playback{flex-shrink:0}.builder-dock-playback .builder-runtime-speed>span{display:none}.builder-dock-caption{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;display:none}.builder-dock-experiment{color:#f7d9a2;white-space:nowrap;background:#eab55e17;border:1px solid #eab55e5c;border-radius:7px;min-height:36px;padding:0 8px;font-weight:700}.builder-dock-crash{color:#ffb2bd;background:#f4758414;border-color:#f4758466}.builder-dock-experiment:disabled{opacity:.43;cursor:not-allowed}.builder-dock-experiments-trigger,.builder-dock-options-trigger,.builder-dock-options,.builder-dock-feedback:empty{display:none}.builder-dock-feedback{border:1px solid var(--line);max-width:100%;color:var(--ink);background:#142337;border-radius:7px;padding:7px 10px;font-size:11px;position:absolute;bottom:calc(100% + 5px);left:0}.builder-dock-sheet{width:min(350px,100%);max-height:min(390px,100dvh - 130px);display:none;right:0}.has-scrubber:has(.builder-dock-sheet) .canvas-presentation-tools{visibility:hidden;pointer-events:none}#canvas:has(.builder-dock-sheet,.builder-dock-options) .canvas-presentation-tools{visibility:hidden;pointer-events:none}.builder-runtime-speed select{min-width:64px;min-height:32px;color:var(--ink);border:1px solid var(--line);background:#101b2a;border-radius:5px;padding:3px 6px}#canvas .builder-minimap{top:calc(12px + var(--device-safe-top));bottom:auto;right:calc(12px + var(--device-safe-right));left:auto}#canvas .builder-minimap-toggle{top:calc(12px + var(--device-safe-top));bottom:auto;right:calc(214px + var(--device-safe-right));left:auto}#canvas:not(:has(#minimap)) .builder-minimap-toggle{right:calc(12px + var(--device-safe-right))}@container (width<=680px){.builder-dock-desktop-experiments{display:none}.builder-dock-experiments-trigger{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#22344e;border-radius:7px;justify-content:center;align-items:center;margin-left:auto;padding:0 10px;font-weight:700;display:inline-flex}.builder-runtime-dock{gap:7px}.builder-dock-sheet{z-index:15;width:min(350px,100%);max-height:min(390px,100dvh - 130px);color:var(--ink);background:#111e30;border:1px solid #50627e;border-radius:10px;padding:14px;display:block;position:absolute;bottom:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 44px #0009}.builder-dock-sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.builder-dock-sheet-head button{min-height:40px;color:var(--ink);border:1px solid var(--line);background:#22344e;border-radius:7px;padding-inline:12px}.builder-dock-sheet p{color:var(--muted);font-size:12px;line-height:1.5}.builder-dock-sheet-actions{gap:8px;display:grid}.builder-dock-sheet-actions button{text-align:left;min-height:44px}}@container (width<=540px){.builder-runtime-dock{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:5px;min-height:46px;padding:4px 7px;display:flex}.builder-dock-group+.builder-dock-group{border:0;padding:0}.builder-runtime-traffic{display:none}.builder-dock-options-trigger{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#22344e;border-radius:6px;justify-content:center;align-items:center;padding:0 7px;font-size:10px;display:inline-flex}.builder-dock-options{z-index:17;background:#111e30;border:1px solid #50627e;border-radius:9px;padding:12px;display:block;position:absolute;bottom:calc(100% + 7px);right:0}.builder-dock-options label{white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.builder-dock-options select{min-height:32px;color:var(--ink);background:#16243a;border:1px solid #adc2dc4d;border-radius:6px;padding:0 8px}.builder-dock-experiments-trigger{min-height:36px;margin-left:auto;padding:0 8px;font-size:10px}}@media (width>=901px){.canvas-presentation-tools{bottom:calc(144px + var(--device-safe-bottom))}#canvas .builder-minimap{right:calc(64px + var(--device-safe-right))}#canvas .builder-minimap-toggle{right:calc(266px + var(--device-safe-right))}#canvas:not(:has(#minimap)) .builder-minimap-toggle{right:calc(64px + var(--device-safe-right))}}@media (width>=761px) and (width<=900px){#canvas.has-scrubber{--canvas-safe-top:calc(16px + var(--device-safe-top));--canvas-safe-bottom:calc(114px + var(--device-safe-bottom));--canvas-safe-left:calc(16px + var(--device-safe-left));--canvas-safe-right:calc(16px + var(--device-safe-right))}.canvas-presentation-tools{bottom:calc(146px + var(--device-safe-bottom));right:calc(12px + var(--device-safe-right))}.canvas-view-controls{flex-direction:column}#canvas .builder-minimap{right:calc(12px + var(--device-safe-right))}#canvas .builder-minimap-toggle{right:calc(214px + var(--device-safe-right))}#canvas:not(:has(#minimap)) .builder-minimap-toggle{right:calc(12px + var(--device-safe-right))}}@media (width<=760px){#canvas,#canvas.has-scrubber{--canvas-safe-top:calc(10px + var(--device-safe-top));--canvas-safe-left:calc(10px + var(--device-safe-left));--canvas-safe-right:calc(10px + var(--device-safe-right));--canvas-safe-bottom:calc(92px + var(--device-safe-bottom))}.builder-canvas-footer{left:calc(8px + var(--device-safe-left));right:calc(8px + var(--device-safe-right));bottom:calc(6px + var(--device-safe-bottom));gap:3px}.builder-canvas-notice{white-space:nowrap;text-overflow:ellipsis;padding:2px 8px;font-size:9px;line-height:1.2;overflow:hidden}.builder-runtime-dock{justify-content:space-between;align-items:center;gap:4px;height:46px;min-height:44px;max-height:48px;padding:3px 6px;font-size:10px;flex-wrap:nowrap!important;display:flex!important}.builder-dock-simulation,.builder-dock-playback{flex:none;align-items:center;gap:4px;border:0!important;width:auto!important;padding:0!important;display:inline-flex!important}.builder-runtime-dock-state{padding-right:2px;font-size:10px}.builder-runtime-start{min-width:50px;height:36px;min-height:36px;padding:0 8px;font-size:10px;width:auto!important}.builder-dock-playback .builder-runtime-speed{display:none!important}.builder-dock-options-trigger{height:36px;min-height:36px;padding:0 6px;font-size:10px}.builder-dock-experiments-trigger{white-space:nowrap;flex:none;height:36px;min-height:36px;margin-left:auto;padding:0 8px;font-size:10px}.builder-statusbar{height:26px;min-height:26px;max-height:28px;padding:3px 8px;font-size:10px;overflow:hidden;white-space:nowrap!important;flex-wrap:nowrap!important}.builder-statusbar [data-system-metric]{display:none}.builder-current-constraint{flex:100%;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.canvas-presentation-tools{right:calc(8px + var(--device-safe-right));bottom:calc(106px + var(--device-safe-bottom));align-items:center}.canvas-view-controls{flex-direction:row;gap:2px;padding:3px}.canvas-view-controls .btn-icon{width:36px;min-width:36px;height:36px;min-height:36px}#canvas .builder-minimap{right:calc(8px + var(--device-safe-right));top:calc(8px + var(--device-safe-top))}#canvas .builder-minimap-toggle{right:calc(138px + var(--device-safe-right));top:calc(8px + var(--device-safe-top))}#canvas:not(:has(#minimap)) .builder-minimap-toggle{right:calc(8px + var(--device-safe-right))}}@media (width<=900px){.layout.drawer-left-open .canvas-presentation-tools,.layout.drawer-right-open .canvas-presentation-tools{visibility:hidden;pointer-events:none}.canvas-view-popover{display:block}.canvas-view-connections{display:block;overflow:visible}}@media (width<=900px) and (height<=500px){#canvas{--canvas-safe-top:calc(12px + var(--device-safe-top))}#canvas.has-scrubber{--canvas-safe-bottom:calc(92px + var(--device-safe-bottom))}.canvas-presentation-tools{right:calc(10px + var(--device-safe-right));bottom:calc(90px + var(--device-safe-bottom))}.canvas-view-controls{flex-direction:row;gap:2px;padding:3px}.canvas-view-controls>button{width:32px;min-width:32px;height:32px;min-height:32px}.canvas-view-popover{pointer-events:auto;max-height:calc(100dvh - 84px);overflow-y:auto}}#btnChallengeStart,#btnChallengeVerify{color:#7dd3fc;background:#38bdf829;border-color:#38bdf86b}#btnChallengeStart:hover:not(:disabled),#btnChallengeVerify:hover:not(:disabled){color:#e0f2fe;background:#38bdf83d;border-color:#38bdf89e}.library-controls input[type=search]{font-size:12px}.builder-runtime-dock #btnStartMobile,.builder-runtime-dock #btnStepMobile,.builder-runtime-dock .dock-speed select,.builder-runtime-dock .dock-inline-experiments button,.builder-runtime-dock #dockOptions,.builder-runtime-dock #dockOptions>summary,.builder-runtime-dock .builder-dock-options-trigger{border-radius:7px;height:34px;min-height:34px;font-size:11px;font-weight:600}.builder-runtime-dock #btnStartMobile{min-width:72px;padding:0 12px}.builder-runtime-dock #btnStepMobile{border:1px solid var(--border);color:var(--text-bright);background:#2636528c;padding:0 10px}.builder-runtime-dock .dock-inline-experiments button:last-child{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e57}.runtime-modal{width:min(980px,94vw)}.runtime-dashboard-row>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.preset-active-summary-copy{align-items:baseline;gap:5px;display:inline-flex}.guide-component{background:0 0;border-left:3px solid #0000}.guide-component.active,.guide-component[aria-current=true]{border-left:3px solid var(--blue);background:#4ab8ff1a}.inspector-component-micro-actions,.inspector-header-micro-actions{grid-template-columns:repeat(3,32px);align-items:center;gap:6px;display:inline-grid}.inspector-component-micro-actions>button,.inspector-header-micro-actions>button,.inspector-component-overflow>summary{width:32px;min-width:32px;height:32px;min-height:32px;padding:0}#btnCanvasView,.canvas-view-controls>button{width:34px;min-width:34px;height:34px;min-height:34px;color:var(--text-main);background:#1c263bc7;border:1px solid #94a3b83d;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}#btnCanvasView svg,.canvas-view-controls>button svg{width:15px;height:15px}@media (width>=761px) and (width<=900px){#btnCanvasView,.canvas-view-controls>button{width:44px;min-width:44px;height:44px;min-height:44px}}.chaos-btn-prereq{max-width:none}.chaos-btn:disabled,.chaos-controls button:disabled{color:var(--text-dim);opacity:.65;background:#0f172a73;border-color:#94a3b829}.insp-section .builder-config-group,.insp-section .builder-config-grid{background:0 0;border:0;padding:0}.inspector-secondary-actions{display:none}.library-category-filter button{width:auto;min-width:0;min-height:26px;padding:4px 9px;font-size:10.5px;font-weight:600}.canvas-Detail-compact .comp-node.is-container .node-group-badge,.canvas-detail-compact .comp-node.is-container .node-group-badge{display:none}@media (width<=760px){.builder-runtime-dock #btnStartMobile,.builder-runtime-dock #btnStepMobile,.builder-runtime-dock .dock-speed select,.builder-runtime-dock .dock-inline-experiments button,.builder-runtime-dock #dockOptions,.builder-runtime-dock #dockOptions>summary,.builder-runtime-dock .builder-dock-options-trigger{height:38px;min-height:38px}.inspector-component-micro-actions,.inspector-header-micro-actions{grid-template-columns:repeat(3,36px);gap:6px}.inspector-component-micro-actions>button,.inspector-header-micro-actions>button,.inspector-component-overflow>summary,#btnCanvasView,.canvas-view-controls>button{width:36px;min-width:36px;height:36px;min-height:36px}.library-category-filter button,.tools .library-category-filter button,#buildTabPanel .library-category-filter button{width:auto;min-width:0;height:auto;min-height:30px;padding:4px 10px}.chaos-controls button{min-height:44px}}:root{--bg:#0b121e;--surface-recessed:#0e1726;--panel:#152033;--panel-2:#1c2b42;--control-fill:#243552;--control-hover:#2d4266;--ink:#ecf3ff;--text:#ecf3ff;--text-main:#ecf3ff;--text-bright:#fff;--muted:#a4b6cf;--text-dim:#889bb8;--ink-subtle:#889bb8;--divider:#a4b6cf24;--line:#3b4f6e;--border:#4d658a;--control-border:#4d658a;--blue:#49b8ff;--green:#38d996;--amber:#f5b041;--red:#ff6275;--purple:#a88dff;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-2xs:9.5px;--font-xs:10.5px;--font-sm:11px;--font-base:12px;--font-md:13px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}.live-metrics-history-head>span,.live-metrics-history-tick,.canvas-view-count,.runtime-state-arrow{color:#8e9fb8}.canvas-protocol-filters button[aria-pressed=false],.protocol-legend button[aria-pressed=false]{opacity:1;color:#8e9fb8;background:#0e172694;border-color:#94a3b83d}.canvas-protocol-filters button[aria-pressed=false] .protocol-dot,.protocol-legend button[aria-pressed=false] .protocol-dot{opacity:.48}.library-search input,#componentSearch,#guidePresetSearch,.preset-guide-controls input,.preset-guide-controls select{background:var(--surface-recessed);border-color:var(--control-border);color:var(--ink)}.library-search input::placeholder,#componentSearch::placeholder,#guidePresetSearch::placeholder,.preset-guide-controls input::placeholder{color:var(--ink-subtle);opacity:1}.runtime-stage-label{font-size:var(--font-2xs);font-weight:var(--font-weight-semibold);color:#d6e4f7}#inspector>.inspector-main,#inspector>.section{background:0 0;border:0;border-radius:0;padding:0}#inspector .insp-section,#inspector .builder-config-section,#inspector .builder-component-actions{border:0;border-top:1px solid var(--divider);background:0 0;border-radius:0;padding:10px 0 2px}#inspector .builder-config-group,#inspector .builder-teaching-block,#inspector .builder-decision-metrics,#inspector .inspector-decision-metrics{background:0 0;border:0;border-radius:0;padding:0}#inspector .inspector-sticky{background:#1c2b42c2;border:1px solid #a4b6cf3d}#inspector .builder-decision-metric,#inspector .inspector-decision-metrics .summary{background:#0e1726ad;border:1px solid #94a3b838}.tools .preset-guide-section,.tools .preset-guide-results,.tools .preset-guide-components{background:0 0;border:0;border-radius:0;padding:0}.tools .guide-overview,.tools .guide-section-list{border:0;border-bottom:1px solid var(--divider);background:0 0;border-radius:0;padding:8px 2px}#buildTabPanel>.template-section,#buildTabPanel>.library-section,#buildTabPanel>.connection-section,#runTabPanel>.section{border-color:#0000;border-bottom-color:var(--divider);background:0 0;border-radius:0}.library details.library-group,#componentLibrary details.library-group{background:0 0;border:0;border-radius:0;padding:2px 0 6px}.library details.library-group>summary,#componentLibrary details.library-group>summary{color:var(--muted);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.library .library-button,#componentLibrary .library-button{background:#19263cb8;border:1px solid #a4b6cf3d}.library .library-button:hover,#componentLibrary .library-button:hover{background:#223452e0;border-color:#49b8ff8c}.canvas-telemetry-drawer .live-metrics,#telemetryViewPanel>.live-metrics,.live-metrics-chart{background:0 0;border:0;border-radius:0;padding:0}.live-sidebar-card{background:#162236c7;border:1px solid #a4b6cf38}.live-sidebar-card .live-metrics-history-svg,.live-sidebar-card svg{background:#090f1a94;border:0;border-radius:6px}.runtime-dashboard-evidence,.runtime-dashboard-live-scope,.runtime-dashboard-component-evidence,.runtime-dashboard-components{border:0;border-top:1px solid var(--divider);background:0 0;border-radius:0;padding-inline:0}.runtime-dashboard-live-card,.runtime-dashboard-selected-metrics>div{background:#121e30c7;border:1px solid #a4b6cf38}.node.healthy:not(.selected){border-color:#94a3b85c;box-shadow:0 8px 22px #02061770}.node.healthy:not(.selected):hover{border-color:#49b8ff8c}.node.selected{outline:none;box-shadow:0 0 0 2px #49b8ff57,0 12px 28px #02061794;border-color:var(--blue)!important}.node .metric,.node .tech-visual{background:#0b121ead;border-color:#0000}.inspector-component-secondary .inspector-sticky-state{text-transform:uppercase;letter-spacing:.04em;color:#b8f7d5;background:#38d99624;border:1px solid #38d9967a;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.inspector-component-secondary .inspector-sticky-state[data-state=pressured],.inspector-component-secondary .inspector-sticky-state[data-state=degraded],.inspector-component-secondary .inspector-sticky-state[data-state=recovering]{color:#fde68a;background:#f5b04129;border-color:#f5b04185}.inspector-component-secondary .inspector-sticky-state[data-state=unavailable],.inspector-component-secondary .inspector-sticky-state[data-state=crashed]{color:#fecdd3;background:#ff627529;border-color:#ff62758c}.inspector-component-secondary .inspector-sticky-state[data-state=slow],.inspector-component-secondary .inspector-sticky-state[data-state=upstream-slow]{color:#ddd6fe;background:#a88dff29;border-color:#a88dff85}.incident-review{background:#49b8ff12;border:1px solid #49b8ff47;border-radius:8px;padding:10px}.chaos-list li,.chaos-row{background:#ff62751a;border:1px solid #ff627552}.chaos-controls button:not(:disabled),#chaosControls .chaos-btn:not(:disabled){color:#fde68a;background:#f5b0411a;border-color:#f5b04161}.chaos-controls button:last-child:not(:disabled),#chaosControls .chaos-action:last-child .chaos-btn:not(:disabled),#chaosControls .chaos-btn.danger:not(:disabled){color:#fecdd3;background:#ff62751f;border-color:#ff62756b}.builder-runtime-start,.mobile-runtime-dock>.primary{color:var(--ink);background:#38d99629;border:1px solid #38d996a6}.builder-runtime-start.running,.builder-runtime-start[aria-pressed=true],.mobile-runtime-dock>.primary.running{color:#fde68a;background:#f59e0b2e;border-color:#f59e0b9e}.library-category-filter button,#componentCategoryFilter button{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);letter-spacing:.01em}.library-card-title-row strong{font-size:11.5px;font-weight:var(--font-weight-bold);letter-spacing:-.01em}.library-card-secondary{font-size:var(--font-xs);font-weight:var(--font-weight-regular);line-height:1.25}.library-card-meta-inline{font-size:var(--font-2xs);font-weight:var(--font-weight-medium)}.builder-config-grid>label,#inspector .builder-config-grid label>span,.builder-config-group>summary,[data-insp-section=config]>summary,#inspector .insp-section>summary{font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.inspector-component-meta,#inspector .inspector-component-meta{font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.inspector-sticky-issue,.inspector-diagnosis-row,.inspector-impact-path{font-size:var(--font-sm);line-height:1.4}.builder-terminal-meta{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.node .metric{font-variant-numeric:tabular-nums;font-size:10px}.port-label{font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.global-mode-tabs button,.header-mode-tabs button,.sidebar-tablist button,.inspector-view-tabs button{font-weight:var(--font-weight-semibold)}.global-mode-tabs button[aria-selected=true],.header-mode-tabs button[aria-selected=true],.sidebar-tablist button[aria-selected=true],.inspector-view-tabs button[aria-selected=true]{font-weight:var(--font-weight-bold)}.tools h2,.tools-region-heading,.builder-section-heading h2,.inspector-panel-heading h2,.live-metrics-heading h2,.builder-terminal-head h2{font-weight:var(--font-weight-semibold);letter-spacing:.04em}.builder-section-kicker,.guide-preset-eyebrow,.live-runtime-dashboard-kicker,.inspector-selection-kind{font-weight:var(--font-weight-semibold);letter-spacing:.05em}.template-disclosure-label,.template-disclosure-action,.guide-preset-summary-label,.guide-preset-summary-btn,.live-dashboard-card-head,.live-sidebar-card-head,.live-metrics-history-head h3{font-weight:var(--font-weight-semibold)}.node-title{font-size:var(--font-base);font-weight:var(--font-weight-bold);letter-spacing:-.01em}#inspector .inspector-sticky-head strong,.inspector-sticky-head strong{font-size:var(--font-md);font-weight:var(--font-weight-bold)}.runtime-dashboard-component-evidence>h3,.runtime-dashboard-live-card>span,.builder-runtime-port-stats>div dt,.runtime-dashboard-selected-metrics>div dt,.runtime-dashboard-head span,#telemetryRuntimeEvidence [data-telemetry-disclosure=advancedModel] dt{color:#94a3b8;font-size:11px;font-weight:var(--font-weight-medium)}#telemetryRuntimeEvidence [data-runtime-metric]:has(>strong){color:#94a3b8;font-size:11px;font-weight:var(--font-weight-medium)}.runtime-dashboard-live-card>strong,.builder-runtime-port-stats>div dd,.runtime-dashboard-selected-metrics>div dd,.runtime-dashboard-row:not(.runtime-dashboard-head) .runtime-metric-number,#telemetryRuntimeEvidence [data-runtime-metric]>strong,#telemetryRuntimeEvidence [data-telemetry-disclosure=advancedModel] dd{color:#fff;font-size:12px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}