/* EMI interactive demonstrations: page-scoped, simulated and client-side only */
.emi-live-lab{margin:32px 0 42px;scroll-margin-top:90px;--demo-bg:#0f2947;--demo-deep:#071827;--demo-border:#365a7b;--demo-text:#e9f5ff;--demo-muted:#b4cce2}
.emi-live-lab *{box-sizing:border-box}.emi-live-lab a{text-decoration:none}
.emi-live-lab button{cursor:pointer;font:inherit}.emi-live-lab button:focus-visible,.emi-live-lab a:focus-visible{outline:3px solid #52b9fd;outline-offset:3px}
.emi-lab-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 19px}
.emi-lab-eyebrow{font-size:10px!important;color:#1974d6!important;letter-spacing:.15em!important;font-weight:850!important;display:flex;gap:8px;align-items:center;margin:0 0 10px!important}
.emi-lab-eyebrow>span{height:8px;width:8px;border-radius:50%;background:#2fbd97;box-shadow:0 0 0 4px #2fbd9726}
.emi-lab-intro h2{font-size:clamp(26px,3.15vw,37px);letter-spacing:-.04em;line-height:1.14;margin:0;max-width:670px}
.emi-lab-intro>p{max-width:300px;color:var(--secondary-text,#556983);font-size:12px;line-height:1.6;margin:0}
.emi-lab-shell{background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:19px;overflow:hidden;box-shadow:0 18px 34px #0a36511e;color:var(--demo-text)}
.emi-lab-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;background:linear-gradient(110deg,#0a3057,#144b74);border-bottom:1px solid #356386}
.emi-lab-wordmark{color:#f6fbff;font-size:20px;font-weight:950;letter-spacing:-.045em;font-style:italic}
.emi-lab-wordmark small{color:#bbd6eb;font-size:11px;font-style:normal;letter-spacing:0;font-weight:550;margin-left:8px}
.emi-lab-local{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.07em;font-weight:850;color:#b0f6e5;border:1px solid #398878;background:#17474c;border-radius:22px;padding:7px 10px;white-space:nowrap}
.emi-lab-local i{width:7px;height:7px;background:#35d7a5;border-radius:50%}
.emi-lab-columns,.emi-auto-content{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr)}
.emi-lab-chat{background:#142e4b;display:flex;flex-direction:column;min-width:0;border-right:1px solid #3b6081}
.emi-lab-chat-head{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid #315576}
.emi-lab-avatar{height:42px;width:42px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;background:#1766bd;font-size:23px;font-weight:850}
.emi-lab-chat-head>div{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.emi-lab-chat-head strong{font-size:13px;color:#f5fbff}
.emi-lab-chat-head small{color:#b0cae0;font-size:10px;line-height:1.4}
.emi-lab-reset{background:transparent;border:1px solid #6886a1;color:#cfe7fa;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:750;white-space:nowrap;flex-shrink:0}
.emi-lab-reset:hover{background:#2b4b68;color:white}
.emi-lab-messages{display:flex;flex-direction:column;gap:12px;padding:20px 17px;min-height:290px;max-height:400px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5788ae transparent}
.emi-lab-message{max-width:86%;display:flex;flex-direction:column;gap:5px}
.emi-lab-message[data-author=user]{align-self:flex-end;align-items:end}
.emi-lab-message[data-author=assistant]{align-self:flex-start}
.emi-lab-message small{font-size:9px;color:#a8c7df;font-weight:800}
.emi-lab-message p{margin:0;background:#1d4770;color:#edf8ff;padding:12px 14px;border-radius:14px 14px 14px 3px;font-size:12px;line-height:1.6}
.emi-lab-message[data-author=user] p{background:#1975ca;color:white;border-radius:14px 14px 3px 14px}
.emi-lab-choices{display:flex;flex-wrap:wrap;gap:8px;padding:14px 17px 17px;border-top:1px solid #315475;align-items:flex-start;background:#102842}
.emi-lab-choices button{background:#1d4266;border:1px solid #6da1ca;color:#f1f9ff;padding:10px 13px;border-radius:10px;font-size:11px;font-weight:850;text-align:left;line-height:1.4}
.emi-lab-choices button:hover{background:#1b69a9;border-color:#a7d5ff}
.emi-lab-choices p{margin:0;font-size:11px;color:#b4d8ec}
.emi-lab-compose{padding:11px 17px;border-top:1px solid #2f5272;color:#92b5d2;font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.emi-lab-compose>span:last-child{border-radius:7px;background:#30587a;color:#b6dcf7;font-size:14px;padding:4px 8px}
.emi-lab-summary{padding:23px;display:flex;flex-direction:column;min-width:0}
.emi-lab-summary-label{font-size:10px!important;letter-spacing:.13em!important;color:#8fcafa!important;font-weight:850!important;margin:0 0 10px!important}
.emi-lab-summary h3{color:#fff;font-size:23px;letter-spacing:-.04em;margin:0 0 20px}
.emi-lab-fields{display:grid;gap:9px}
.emi-lab-fields>div{display:flex;flex-direction:column;gap:6px;background:#193a5b;border:1px solid #3a6484;border-radius:11px;padding:14px}
.emi-lab-fields span,.emi-auto-report>span{font-size:9px;font-weight:850;letter-spacing:.1em;color:#a7cfeb}
.emi-lab-fields strong{font-size:13px;line-height:1.5;color:#fff;overflow-wrap:anywhere}
.emi-lab-summary-note{font-size:11px;line-height:1.55;color:#c1daf1;margin:15px 0 22px}
.emi-lab-action{background:linear-gradient(110deg,#0ba2f9,#0864e2);border:0;border-radius:11px;color:white!important;padding:13px 15px;min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:12px;font-weight:850;line-height:1.35;white-space:normal}
.emi-lab-action:hover:not(.is-disabled){background:linear-gradient(110deg,#13adff,#1977ee)}
.emi-lab-action.is-disabled{background:#3b5670;color:#b5c5d4!important;cursor:not-allowed}
.emi-lab-legal{color:#9ebbd5;font-size:10px;line-height:1.6;margin:15px 0 0}
.emi-auto-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px 17px;background:#102c49;border-bottom:1px solid #365877}
.emi-auto-tabs button{border-radius:11px;padding:12px 9px;min-height:50px;font-size:11px;line-height:1.3;font-weight:850;border:1px solid #42698a;background:#1b3d5e;color:#cbdff3}
.emi-auto-tabs button span{font-size:16px;margin-right:5px}
.emi-auto-tabs button[aria-pressed=true]{background:#1365a8;color:white;border-color:#85c8ff;box-shadow:inset 0 0 0 1px #81c8fb76}
.emi-auto-screen{padding:23px;background:#142e4b;border-right:1px solid #3c5f80;min-width:0}
.emi-auto-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px}
.emi-auto-head p{font-size:10px;color:#abd0ee;letter-spacing:.12em;font-weight:850;margin:0 0 6px}
.emi-auto-head h3{font-size:21px;color:#fff;letter-spacing:-.03em;margin:0}
.emi-auto-head>span{border-radius:20px;padding:8px 10px;background:#21486c;border:1px solid #46779d;color:#c4e2fa;font-size:10px;font-weight:850;white-space:nowrap}
.emi-auto-stages{display:grid;gap:11px}
.emi-auto-stages article{border-radius:14px;border:1px solid #385c7b;background:#1a3b5b;display:flex;gap:12px;align-items:center;padding:15px 13px;min-width:0}
.emi-auto-stages article[data-state=completed]{border-color:#338a83;background:#16474c}
.emi-auto-stage-icon{border-radius:10px;background:#225576;color:#d7eeff;font-weight:850;font-size:14px;flex-shrink:0;width:40px;height:40px;display:grid;place-items:center}
.emi-auto-stages article[data-state=completed] .emi-auto-stage-icon{background:#136961;color:#b7ffed}
.emi-auto-stages article>div:nth-child(2){flex:1;min-width:0}
.emi-auto-stages strong{font-size:13px;color:#fff}
.emi-auto-stages p{margin:5px 0 0;font-size:11px;color:#abcbe2;line-height:1.5}
.emi-auto-indicator{font-size:9px;color:#9bb8d0;font-weight:850;white-space:nowrap}
.emi-auto-stages article[data-state=completed] .emi-auto-indicator{color:#b4f9dc}
.emi-auto-runbar{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:22px}
.emi-auto-runbar .emi-lab-action{cursor:pointer}
.emi-auto-result{padding:24px 21px;display:flex;flex-direction:column;gap:13px;min-width:0}
.emi-auto-status{display:flex;align-items:center;gap:10px;padding:13px;background:#193a5a;border:1px solid #3e627f;border-radius:11px}
.emi-auto-status>span{height:11px;width:11px;border-radius:50%;background:#94aabe;flex-shrink:0}
.emi-auto-status[data-done=true]>span{background:#32d4a6;box-shadow:0 0 0 4px #27c69a24}
.emi-auto-status strong{font-size:12px;color:#fff}
.emi-auto-log{border:1px solid #315773;border-radius:11px;background:#0c2239;padding:14px;min-height:140px;max-height:185px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.emi-auto-log p{font-size:11px;color:#b5d3e8;line-height:1.6;margin:0}
.emi-auto-log p[data-done=true]{color:#b5ffdf}
.emi-auto-report{border:1px solid #355b7a;border-radius:11px;background:#1b3c5b;padding:14px}
.emi-auto-report p{font-size:12px;line-height:1.65;color:#e3f5ff;margin:7px 0 0}
@media(max-width:900px){.emi-lab-columns,.emi-auto-content{grid-template-columns:1fr}.emi-lab-chat,.emi-auto-screen{border-right:0;border-bottom:1px solid #375b7e}.emi-lab-summary,.emi-auto-result{padding:20px}.emi-lab-intro{align-items:start;flex-direction:column;gap:8px}.emi-lab-intro>p{max-width:650px}.emi-lab-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.emi-live-lab{margin-top:29px}.emi-lab-shell{border-radius:15px}.emi-lab-bar{padding:11px 12px}.emi-lab-wordmark{font-size:17px}.emi-lab-wordmark small{font-size:9px;margin-left:3px}.emi-lab-local{font-size:8px;padding:6px 8px}.emi-lab-chat-head{padding:12px;gap:8px}.emi-lab-chat-head strong{font-size:11px}.emi-lab-avatar{width:35px;height:35px}.emi-lab-reset{font-size:10px;padding:8px}.emi-lab-messages{min-height:220px;max-height:370px;padding:13px;gap:10px}.emi-lab-message{max-width:92%}.emi-lab-message p{font-size:11px}.emi-lab-choices{padding:12px;gap:7px}.emi-lab-choices button{padding:9px;font-size:10px}.emi-lab-compose{padding:9px 12px}.emi-lab-summary,.emi-auto-result{padding:15px}.emi-lab-fields{grid-template-columns:1fr}.emi-lab-fields>div{padding:11px}.emi-auto-tabs{padding:10px;gap:5px}.emi-auto-tabs button{font-size:9px;padding:9px 5px}.emi-auto-tabs button span{display:block;font-size:19px;margin:0 0 4px}.emi-auto-screen{padding:13px}.emi-auto-head h3{font-size:17px}.emi-auto-stages article{gap:9px;padding:12px 10px}.emi-auto-stage-icon{width:34px;height:34px;font-size:12px}.emi-auto-stages p{font-size:10px}.emi-auto-indicator{font-size:8px}.emi-auto-runbar{gap:10px}.emi-auto-runbar .emi-lab-action{flex:1}}
@media(prefers-reduced-motion:reduce){.emi-live-lab *{animation:none!important;transition:none!important}}

