.em-preview{--muted:#69717f;--line:#e0e4e9;--orange:#f88755;--blue:#2157ce;--green:#24714d;color:#202938;font-family:Inter,system-ui,sans-serif;width:100%;max-width:610px;margin:0 auto;container-type:inline-size}.em-preview *{box-sizing:border-box}.em-preview button{font:inherit;cursor:pointer}.em-preview button:focus-visible,.em-preview summary:focus-visible{outline:3px solid #2157ce;outline-offset:4px}.em-preview button:disabled{cursor:default}.em-stage{position:relative;padding:18px 14px 14px;background:linear-gradient(145deg,#f5f1f5,#faf8f7 65%,#f2f4f7);border-radius:18px}.em-network{gap:13px;margin:0 10px 18px;font-size:12px;color:var(--muted)}.em-endpoint,.em-network{display:flex;align-items:center}.em-endpoint{gap:8px;white-space:nowrap}.em-endpoint svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:1.5}.em-endpoint b{font-weight:600;color:var(--ink)}.em-wire{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0;font:10px IBM Plex Mono,ui-monospace,monospace;white-space:nowrap}.em-wire:after,.em-wire:before{content:"";height:1px;flex:1 1;min-width:8px;background:#b2b7c2;transition:background .35s}.em-preview[data-phase=offline] .em-wire{color:#995125}.em-preview[data-phase=offline] .em-wire:after,.em-preview[data-phase=offline] .em-wire:before{background:repeating-linear-gradient(90deg,#ce926d 0 4px,transparent 4px 8px)}.em-console{position:relative;border:1px solid #dce0e6;border-radius:10px;background:white;box-shadow:0 14px 32px -24px #310c3160;overflow:hidden}.em-top{justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:14px 18px}.em-brand,.em-top{display:flex;align-items:center}.em-brand{gap:8px;font-weight:700;font-size:14px}.em-brand img{width:23px;height:23px}.em-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;white-space:nowrap;color:var(--blue)}.em-status:before{content:"";height:6px;width:6px;border-radius:50%;background:currentColor}.em-preview[data-phase=offline] .em-status{color:#96521f}.em-preview[data-phase=reconciled] .em-status{color:var(--green)}.em-context{display:flex;justify-content:space-between;gap:10px;padding:14px 18px 0;font:10px IBM Plex Mono,ui-monospace,monospace;color:var(--muted)}.em-context span:last-child{font-family:Inter,sans-serif;color:#89818a}.em-case{margin:7px 18px 17px;font-size:16px;line-height:1.4;font-weight:650;letter-spacing:-.02em}.em-workspace{display:grid;grid-template-columns:46px 1fr;border-top:1px solid var(--line)}.em-rail{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:16px;background:#fafbfc;padding:18px 0}.em-rail svg{width:17px;height:17px;stroke:#87909e;stroke-width:1.5;fill:none}.em-rail .em-selected{padding:7px;display:flex;background:#eaf0fe;border-radius:5px}.em-rail .em-selected svg{stroke:var(--blue)}.em-record{padding:18px 20px 20px;min-width:0}.em-marks{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font:9px IBM Plex Mono,ui-monospace,monospace;color:#6f7580}.em-class{padding:4px 6px;background:#2157ce;color:white;border-radius:2px;font-size:9px}.em-reference{margin-top:15px;color:#2157ce;font:10px IBM Plex Mono,ui-monospace,monospace}.em-doc-title{font-size:25px;letter-spacing:-.04em;line-height:1.18;font-weight:650;margin:5px 0 12px;color:#202938}.em-doc-title span{display:block;font-size:16px;letter-spacing:-.025em;font-weight:500;margin-top:4px;color:#55606f}.em-document{border-left:2px solid #e4e8ee;padding-left:12px;color:#5a6372;font-size:12px;line-height:1.55;max-width:365px;margin:0 0 17px}.em-meta{display:flex;gap:20px;font-size:10px;color:var(--muted)}.em-meta b{display:block;color:#354052;font-weight:600;margin-top:4px;font-size:11px}.em-save{margin:18px 0 0;padding:10px 12px;border-radius:4px;background:#eef4ff;display:flex;align-items:center;gap:9px;color:#2157ce;min-height:42px;transition:background .35s,color .35s}.em-save svg{height:17px;width:17px;stroke:currentColor;fill:none;stroke-width:1.7;flex-shrink:0}.em-save strong{font-size:12px;font-weight:650;display:block}.em-save small{font-size:10px;line-height:1.4;display:block;margin-top:2px}.em-preview[data-phase=offline] .em-save{background:#fff1e7;color:#804823}.em-preview[data-phase=reconciled] .em-save{background:#ecf6ef;color:#246544}.em-evidence{border-top:1px solid #e0d9e1;background:#faf8fb;padding:15px 18px 16px}.em-evidence-head{display:flex;align-items:center;gap:7px;color:var(--ink);font-weight:650}.em-evidence-head svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.em-chain{display:flex;align-items:center;margin:13px 0 8px;gap:6px}.em-chain i{display:block;flex:1 1;height:1px;background:#d4c9d6}.em-step{font-size:10px;display:flex;gap:6px;align-items:center;color:#8b8490;white-space:nowrap}.em-step:before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid #bcb2c0;background:#faf8fb}.em-step.is-done{color:var(--ink)}.em-step.is-done:before{background:var(--ink);border-color:var(--ink)}.em-step.is-current:before{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 3px #f8875525}.em-evidence-note{font-size:10px;color:#78707c;margin:0;line-height:1.4}.em-caption{justify-content:space-between;gap:12px;margin:11px 3px 0;font-size:10px;color:#7b7580;line-height:1.5}.em-caption,.em-controls{display:flex;align-items:center}.em-controls{gap:4px;flex-shrink:0}.em-controls button{border:0;border-radius:4px;background:transparent;color:var(--ink);padding:7px;font-size:10px}.em-controls button:hover{background:#f2eef3}.em-controls button:disabled{color:#8a8490}.em-state-picker{display:flex;gap:4px;margin:18px 0 0;justify-content:center}.em-state-picker button{padding:8px 11px;border:1px solid #e2dce4;background:white;border-radius:5px;font-size:11px;color:#736b78}.em-state-picker button[aria-pressed=true]{background:#310c31;color:white;border-color:#310c31}@container (max-width:440px){.em-stage{padding:12px 8px 8px;border-radius:12px}.em-network{gap:8px;margin:0 3px 12px}.em-endpoint{gap:5px;font-size:10px}.em-wire{font-size:8px;gap:4px}.em-top{padding:12px}.em-context{padding-inline:12px;font-size:9px}.em-case{margin-inline:12px;font-size:14px}.em-workspace{grid-template-columns:34px 1fr}.em-record{padding:15px 12px}.em-rail{gap:15px}.em-doc-title{font-size:23px}.em-document{font-size:11px}.em-meta{gap:14px}.em-evidence{padding:13px 12px}.em-step{font-size:9px;gap:4px}.em-chain{gap:5px}.em-caption,.em-evidence-note{font-size:9px}}@media(prefers-reduced-motion:reduce){.em-preview *{transition:none!important;animation:none!important}}.em-preview{--panel:#fff;--panel-soft:#fafbfc;--text:#202938;--muted:#667184;--line:#dce1e9;--accent:#2157ce;--evidence-bg:#faf8fb;--ink:#310c31;--signal:#f1f5fb;--focus:#fafbfe;--chip-green:#176341;--chip-green-bg:#eff8f2;--chip-green-line:#a9d8bf;--chip-blue-bg:#edf3ff;--chip-blue-line:#b6caed;--save-bg:#eef4ff;--save-fg:#2157ce;color:var(--text)}.em-console{background:var(--panel);border-color:var(--line)}.em-network{margin-bottom:13px}.em-top{padding:12px 16px}.em-brand{font-size:15px}.em-theme-picker{display:flex;gap:2px;padding:3px;background:var(--panel-soft);border:1px solid var(--line);border-radius:6px}.em-theme-picker button{background:none;border:0;padding:5px 8px;border-radius:3px;font-size:10px;color:var(--muted)}.em-theme-picker button[aria-pressed=true]{background:var(--ink);color:var(--panel)}.em-theme-picker button[data-theme-button=red]:not([aria-pressed=true]){color:#a54e52}.em-bundle-head{padding:16px 17px 12px}.em-context{padding:0;font-size:9px;line-height:1.5;gap:8px;flex-wrap:wrap}.em-context span:last-child{font-family:IBM Plex Mono,ui-monospace,monospace;color:var(--muted)}.em-case{margin:8px 0 9px;color:var(--text);font-size:20px;line-height:1.17;letter-spacing:-.025em}.em-case span{display:block;margin-top:4px;font-size:15px;font-weight:550;line-height:1.3;letter-spacing:-.02em}.em-bundle-meta{font:9px IBM Plex Mono,ui-monospace,monospace;color:var(--muted);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.em-bundle-meta i{font-style:normal;color:var(--muted)}.em-marks{margin-top:12px;gap:5px;color:var(--muted);font-size:8px;line-height:1.4}.em-class{font-size:8px;background:var(--accent);padding:5px 6px}.em-demo{color:var(--muted);padding-right:4px}.em-local{font-size:8px;padding:4px 5px;background:var(--ink);color:var(--panel);border-radius:2px}.em-caveat{padding:3px 5px;border:1px solid var(--line);border-radius:2px}.em-open{padding:3px 5px;border:1px solid var(--chip-green-line);color:var(--chip-green);background:var(--chip-green-bg);border-radius:2px}.em-tabs{display:flex;align-items:center;gap:17px;margin:0 17px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.em-tabs>span{padding:9px 0}.em-tabs>span:first-child{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:650}.em-tabs b{font:9px IBM Plex Mono,ui-monospace,monospace;margin-left:3px}.em-tabs .em-status{margin-left:auto;padding:9px 0;font-size:10px;color:var(--accent)}.em-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:13px 17px;border-bottom:1px solid var(--line);min-height:79px}.em-row>svg{width:16px;height:19px;stroke:var(--muted);fill:none;stroke-width:1.6}.em-row-body{min-width:0}.em-row .em-reference{font:9px IBM Plex Mono,ui-monospace,monospace;color:var(--accent);margin:0 0 3px}.em-row h4{font-size:13px;font-weight:650;letter-spacing:-.02em;line-height:1.4;margin:0;color:var(--text)}.em-row h4 span{font-weight:500}.em-row p{font:8px/1.55 IBM Plex Mono,ui-monospace,monospace;color:var(--muted);margin:4px 0 0;overflow-wrap:anywhere}.em-chip{font:8px IBM Plex Mono,ui-monospace,monospace;padding:5px 6px;border:1px solid var(--chip-green-line);border-radius:3px;color:var(--chip-green);background:var(--chip-green-bg);white-space:nowrap}.em-chip-blue{color:var(--accent);border-color:var(--chip-blue-line);background:var(--chip-blue-bg)}.em-row-focus{background:var(--focus);box-shadow:inset 2px 0 var(--accent)}.em-row-signal{background:var(--signal)}.em-preview[data-phase=offline] .em-chip-dynamic{background:#fff1e7;border-color:#e8b99e;color:#8b4d22}.em-save{margin:0;border-radius:0;background:var(--save-bg);color:var(--save-fg);padding:12px 17px;min-height:63px}.em-save strong{font-size:13px}.em-save small{font:8px/1.6 IBM Plex Mono,ui-monospace,monospace;margin-top:4px}.em-evidence{background:var(--evidence-bg);border-color:var(--line);padding:14px 17px}.em-evidence-head{font-size:12px}.em-chain-count{margin-left:auto;font:9px IBM Plex Mono,ui-monospace,monospace;color:var(--muted);white-space:nowrap}.em-chain{margin:13px 0 9px}.em-chain i{background:var(--line)}.em-evidence-note{font:9px/1.5 IBM Plex Mono,ui-monospace,monospace}.em-evidence-note,.em-step{color:var(--muted)}.em-step:before{background:var(--evidence-bg);border-color:var(--muted)}.em-preview[data-theme=dark]{--panel:#151a24;--panel-soft:#1c2330;--text:#e8edf5;--muted:#a5b0c2;--line:#333e50;--accent:#91b2ff;--evidence-bg:#1b1925;--ink:#e5d3e7;--signal:#1d283c;--focus:#1a2333;--chip-green:#9ed7b4;--chip-green-bg:#1c3029;--chip-green-line:#3b6650;--chip-blue-bg:#24324b;--chip-blue-line:#4c6692;--save-bg:#1b2b43;--save-fg:#a3beff}.em-preview[data-theme=dark] .em-stage{background:linear-gradient(140deg,#ded9e2,#eceaf0)}.em-preview[data-theme=dark] .em-network{--ink:#310c31;--muted:#666273}.em-preview[data-theme=dark] .em-class{background:#2c55b6;color:#edf2ff}.em-preview[data-theme=dark] .em-local{background:#493049;color:#efddf0}.em-preview[data-theme=dark] .em-theme-picker button[data-theme-button=red]:not([aria-pressed=true]){color:#e29c9f}.em-preview[data-theme=dark][data-phase=offline] .em-chip-dynamic,.em-preview[data-theme=dark][data-phase=offline] .em-save{background:#33261f;color:#f1bd92;border-color:#8b6043}.em-preview[data-theme=dark][data-phase=offline] .em-status{color:#f1bd92}.em-preview[data-theme=dark][data-phase=reconciled] .em-save{background:#1a3029;color:#a5dabb}.em-preview[data-theme=dark][data-phase=reconciled] .em-status{color:#a5dabb}.em-preview[data-theme=red]{--panel:#1c1013;--panel-soft:#28171c;--text:#e3abaa;--muted:#bd898c;--line:#593238;--accent:#e3a0a0;--evidence-bg:#241317;--ink:#e7b0af;--signal:#321c22;--focus:#2d191e;--chip-green:#dcaaa9;--chip-green-bg:#352024;--chip-green-line:#77494c;--chip-blue-bg:#352024;--chip-blue-line:#77494c;--save-bg:#351c23;--save-fg:#eab5b2}.em-preview[data-theme=red] .em-stage{background:linear-gradient(145deg,#342027,#22171c)}.em-preview[data-theme=red] .em-network{color:#c8999b}.em-preview[data-theme=red] .em-wire{color:#e2a2a2}.em-preview[data-theme=red] .em-wire:after,.em-preview[data-theme=red] .em-wire:before{background:#94595f}.em-preview[data-theme=red][data-phase=offline] .em-wire:after,.em-preview[data-theme=red][data-phase=offline] .em-wire:before{background:repeating-linear-gradient(90deg,#94595f 0 4px,transparent 4px 8px)}.em-preview[data-theme=red] .em-brand img{filter:grayscale(1) sepia(1) saturate(2) hue-rotate(305deg) brightness(.7)}.em-preview[data-theme=red] .em-class{background:#723a43;color:#f2c3bf}.em-preview[data-theme=red] .em-local{background:#512934;color:#edb9b6}.em-preview[data-theme=red] .em-theme-picker button[data-theme-button=red]:not([aria-pressed=true]){color:var(--text)}.em-preview[data-theme=red][data-phase] .em-chip-dynamic,.em-preview[data-theme=red][data-phase] .em-save{background:#351c23;color:#eab5b2;border-color:#77494c}.em-preview[data-theme=red][data-phase] .em-status{color:#eab5b2}.em-preview[data-theme=red] .em-step.is-current:before{background:#e2a1a0;border-color:#e2a1a0;box-shadow:0 0 0 3px #e2a1a015}.em-preview[data-theme] .em-controls button{color:#310c31}@container(max-width:440px){.em-top{padding:11px 12px;gap:7px}.em-brand{font-size:13px;gap:6px}.em-brand img{width:21px;height:21px}.em-theme-picker button{padding:5px 6px;font-size:9px}.em-bundle-head{padding:13px 12px 9px}.em-case{font-size:18px;margin-inline:0}.em-case span{font-size:13px}.em-context{padding:0;font-size:8px}.em-bundle-meta{font-size:8px;gap:5px}.em-tabs{margin:0 12px;gap:12px;font-size:10px}.em-tabs .em-status{font-size:9px}.em-row{padding:12px;grid-template-columns:15px minmax(0,1fr);gap:5px 8px}.em-row h4{font-size:12px}.em-row>svg{grid-row:1/3;align-self:start;margin-top:14px}.em-row .em-chip{grid-column:2;justify-self:start;margin-top:1px;font-size:8px;padding:3px 5px}.em-row .em-reference,.em-row p{font-size:8px}.em-row p{margin-top:3px}.em-save{padding:11px 12px;min-height:64px}.em-save strong{font-size:12px}.em-save small{font-size:8px}.em-evidence{padding:13px 12px}.em-evidence-head{font-size:11px}.em-chain-count,.em-evidence-note{font-size:8px}.em-chain{gap:4px}}