/* 2026 curriculum uses the existing Labs shell and scenario geometry. */
#showcase-root.learn-2026 { color:#e8edf8; }
#showcase-root.learn-2026 * { box-sizing:border-box; }
#showcase-root.learn-2026 h1, #showcase-root.learn-2026 h2, #showcase-root.learn-2026 h3, #showcase-root.learn-2026 p { margin-top:0; }
#showcase-root.learn-2026 button, #showcase-root.learn-2026 input, #showcase-root.learn-2026 textarea { font:inherit; }
#showcase-root.learn-2026 .learn-scene-restart { font-size:.8125rem;font-weight:600;line-height:1.25; }
#showcase-root.learn-2026 button:focus-visible, #showcase-root.learn-2026 a:focus-visible, #showcase-root.learn-2026 summary:focus-visible, #showcase-root.learn-2026 textarea:focus-visible { outline:2px solid #a4bbff;outline-offset:4px; }
#showcase-root.learn-2026 [hidden] { display:none!important; }
.learn-2026 .learn-scenario-sidebar { display:flex;flex-direction:column;border-right-width:1px;border-right-style:solid; }
.learn-2026 .learn-scenario-reading { flex:1; }
.learn-2026 .sim-explainer { margin:20px 0; padding:15px;background:#a5b4d510;border:1px solid #a5b4d526;border-radius:12px; }
.learn-2026 .sim-explainer summary { cursor:pointer;font-size:15px;font-weight:600;min-height:32px; }
.learn-2026 .sim-explainer p { margin:14px 0 0; }
.learn-2026 .sim-sources { display:inline-flex;color:#91bfff;font-size:13px;min-height:44px;align-items:center;text-underline-offset:3px; }
.learn-2026 .learn-simulation-panel { padding:24px;background:linear-gradient(145deg,#101827b3,#10102280); }
.learn-2026 .learn-simulation-panel, .learn-2026 .learn-scenario-reading { scrollbar-width:thin;scrollbar-color:#6f60a8 #152035; }
.sim-app { max-width:960px;margin:0 auto;border:1px solid #8496b638;border-radius:18px;background:#131e32;overflow:clip;box-shadow:0 12px 30px #0003; }
.sim-app-header { padding:18px 22px;border-bottom:1px solid #a5b4d52b;display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#252243,#152b3b); }
.sim-app-logo { display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:#ad8bfa25;color:#d5baff; }
.sim-app-logo svg { width:24px;height:24px; }
.sim-app-agent { --agent-color:var(--sim-step-color,#a6dff0);width:48px!important;height:48px!important;filter:drop-shadow(0 0 11px color-mix(in srgb,var(--agent-color) 65%,transparent)); }
.sim-app-header > div { min-width:0; }
.sim-app-header strong { font-size:16px;line-height:1.4; }
.sim-app-header p { color:#b8c3d5;font-size:13px;margin:3px 0 0!important;line-height:1.5; }
.sim-app-header .sim-badge { margin-left:auto;flex-shrink:0; }
.sim-app-presence { display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:#b8d9d1;font-size:11px;white-space:nowrap; }
.sim-app-presence i { width:7px;height:7px;border-radius:50%;background:#52dbad;box-shadow:0 0 8px #52dbad88; }
.sim-thread { position:relative;min-width:0;padding:6px 16px;background:#19283d;border-bottom:1px solid #a5b4d526;flex-shrink:0; }
.sim-thread-preview { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:78px; }
.sim-thread-preview:has(> .agent:first-child) { grid-template-columns:minmax(0,1fr); }
.sim-thread-turn { min-width:0;min-height:48px;padding:5px 9px;border:1px solid #94a8c632;border-radius:9px;background:#25354b; }
.sim-thread-turn.user { border-color:#9c86df55;background:#51417a44; }
.sim-thread-turn.agent { border-color:#52baa242;background:#1b3740; }
.sim-thread-turn > span { display:block;margin-bottom:2px;font-size:10px;font-weight:700;line-height:1.25;color:#abc5e4; }
.sim-thread-turn.user > span { color:#d8c3ff; }
.sim-thread-turn.agent > span { color:#89e2cf; }
.sim-thread-turn p { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0!important;font-size:12px;line-height:1.35;color:#e2e9f7;overflow-wrap:anywhere; }
.sim-thread-history { position:absolute;right:16px;top:7px;z-index:9; }
.sim-thread-history summary { list-style:none;cursor:pointer;padding:5px 7px;border:1px solid #8197b63c;border-radius:6px;color:#bacbe4;font-size:10px;background:#1c2a40;white-space:nowrap; }
.sim-thread-history summary::-webkit-details-marker { display:none; }
.sim-thread-history > div { position:absolute;right:0;top:100%;width:min(450px,calc(100vw - 65px));max-height:245px;overflow:auto;padding:12px;border:1px solid #9eaecd55;border-radius:10px;background:#111f34;box-shadow:0 12px 28px #050910b0; }
.sim-thread-history p { display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;margin:0 0 9px!important;color:#d8e5f4;font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
.sim-thread-history p:last-child { margin-bottom:0!important; }
.sim-thread-history strong { color:#bca5ec; }
.sim-task { padding:16px 22px;background:#79c9da0a;border-bottom:1px solid #a5b4d526; }
.sim-task span { display:block;color:#73dccb;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:6px; }
.sim-task p { margin-bottom:0;font-size:15px;line-height:1.6; }
.sim-canvas { padding:22px;display:flex;flex-direction:column;gap:18px; }
.sim-card { min-width:0;padding:18px;border:1px solid #9eaecd35;border-radius:12px;background:#1c2b42; }
.sim-card h3 { font-size:15px;line-height:1.5;margin-bottom:12px; }
.sim-card p { font-size:14px;line-height:1.7;margin-bottom:0; }
.sim-card > p + .sim-badge { margin-top:12px; }
.sim-row { display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid #a5b4d51c;font-size:13px;line-height:1.55; }
.sim-row:last-child { border-bottom:0; }
.sim-row > span { color:#b1bed2;flex:0 0 42%; }
.sim-row strong { font-weight:600;text-align:right;overflow-wrap:anywhere;min-width:0; }
.sim-badge { display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;background:#9eaecd1c;color:#ced8e9;font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
.sim-badge.good, .sim-row.good strong { color:#84eed3; }
.sim-badge.good { background:#32d7ad16; }
.sim-badge.bad, .sim-row.bad strong { color:#ffb3b9; }
.sim-badge.bad { background:#ef65841c; }
.sim-badge.warning { color:#f5d68b;background:#efc45b15; }
.sim-metrics { display:grid;grid-template-columns:minmax(0,0.88fr) minmax(0,1.24fr) minmax(0,0.96fr);gap:8px; }
.sim-mission-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.sim-metric { display:flex;flex-direction:column;gap:6px;padding:10px 8px;min-width:0;background:#23334a;border:1px solid #9eaecd24;border-radius:12px;overflow:hidden; }
.sim-metric > span { font-size:11.5px;color:#b4c1d4;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sim-metric strong { font-size:clamp(14px,1.2vw,16px);line-height:1.35;white-space:nowrap;letter-spacing:-0.025em;overflow:hidden;text-overflow:ellipsis; }
.sim-metric.bad { border-color:#e3849866;background:#44263a; }
.sim-metric.bad strong { color:#ffb9c0; }
.sim-message { border-left:3px solid #9a99ef;background:#938ce812;padding:16px 18px;border-radius:0 12px 12px 0; }
.sim-message > span { font-size:12px;font-weight:700;color:#c7bcfa; }
.sim-message p { margin:8px 0 0;font-size:15px;line-height:1.75; }
.sim-message.bad { border-color:#e98ca0;background:#e97a9210; }
.sim-message.good { border-color:#64d4b8;background:#42c6a010; }
.sim-actions { padding:18px 22px;border-top:1px solid #a5b4d526;display:flex;gap:10px;flex-wrap:wrap; }
.sim-actions:empty { display:none; }
.sim-button { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;min-height:44px;border:1px solid #a5b4d54d;border-radius:9px;background:#26364d;color:#e4eafa;font-size:14px!important;font-weight:600!important;line-height:1.5;cursor:pointer;text-align:center; }
.sim-button.primary { background:linear-gradient(110deg,#6551bc,#3d68ad);border-color:#a197de80; }
.sim-button:hover:not(:disabled) { filter:brightness(1.16); }
.sim-button:disabled { cursor:wait;opacity:.6; }
.sim-button.selected { border-color:#65d7bf;color:#91eed8; }
.sim-button.subtle { align-self:flex-start;background:transparent; }
.sim-button.sim-next-action:not(:disabled) { min-height:48px;border:2px solid #d0bbff;background:linear-gradient(110deg,#765bc5,#426fba);color:#fff;font-weight:750!important;box-shadow:0 0 0 3px #baa1ff38,0 0 25px #ab88ffac,0 0 46px #8e76f277;position:relative;z-index:1;animation:sim-next-glow 2.5s ease-in-out infinite; }
.sim-button.sim-next-action:not(:disabled):focus-visible { outline:3px solid #fff;outline-offset:4px; }
@keyframes sim-next-glow { 50% { box-shadow:0 0 0 4px #c6afff66,0 0 34px #ab88ffdd,0 0 58px #8e76f299; } }
.sim-playback { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0; }
.sim-playback .sim-button { font-size:13px!important; }
.sim-playback .sim-button[aria-pressed=true] { color:#8df0d4;border-color:#50baa080;background:#2ab48b14; }
.sim-status { flex:1;font-size:13px;color:#b7c4d9;line-height:1.6;min-width:180px; }
.sim-status:empty { display:none; }
.sim-result { padding:20px;margin-top:18px;border:1px solid #8e88d966;border-radius:14px;background:#29233e8a;outline:none; }
.sim-result h2 { font-size:17px;line-height:1.4;margin-bottom:10px; }
.sim-result p { font-size:14px;line-height:1.8;color:#c5cde0;margin-bottom:0; }
.sim-result strong { display:block;font-size:13px;color:#83e4cf;margin-top:14px;margin-bottom:6px; }
.sim-landscape { display:block;width:100%;height:auto;border-radius:8px; }
.sim-menu-grid, .sim-editor-grid, .sim-property-grid, .sim-grants, .sim-monitor-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.sim-menu-grid { gap:12px; }
.sim-menu-paper { background:#f6f0e4;color:#3d4438;border-radius:10px;padding:11px;box-shadow:0 4px 20px #0002; }
.sim-menu-paper h3 { font-family:Georgia,'Noto Sans TC',serif;font-size:18px;line-height:1.35;margin:8px 0 3px; }
.sim-paper-label { font-size:10px;letter-spacing:.1em;color:#71805e; }
.sim-menu-paper .sim-row > span { color:#687160; }
.sim-menu-paper .sim-row { border-color:#c2c5b4;padding:5px 0;font-size:12px; }
.sim-food-photo { display:block;width:100%;height:76px;object-fit:cover;object-position:center;margin-top:8px;border-radius:7px;box-shadow:0 3px 12px #3a2e2026; }
.sim-menu-note { font-size:11px;font-weight:700;line-height:1.5;margin-top:7px;padding-top:6px;border-top:1px solid #c4c7b6;color:#a51d35; }
.sim-menu-note p { margin:0!important; }
.sim-menu-note.malicious-prompt-marker { position:relative;margin-top:14px;padding:9px 8px 7px;border:2px dashed #ef4444;border-radius:8px;background:#ffe8e8;color:#8e1024;font-size:11px;font-weight:800;line-height:1.45;box-shadow:0 0 0 3px #ef44442b,0 0 20px #ef444455; }
.sim-menu-note.malicious-prompt-marker::before { content:'隱藏的惡意指示';position:static;display:block;width:max-content;max-width:100%;box-sizing:border-box;margin:0 0 7px;padding:3px 7px;border-radius:4px;background:#c9243c;color:white;font-size:10px;font-weight:800;letter-spacing:.03em;line-height:1.4;overflow-wrap:normal; }
#showcase-root:lang(en) .sim-menu-note.malicious-prompt-marker::before { content:'Hidden malicious instruction'; }
.sim-photo-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.sim-photo { padding:8px;background:#263449;border-radius:10px;min-width:0; }
.sim-photo > span { display:block;font-size:12px;margin:10px 0; }
.sim-photo .sim-badge { font-size:11px; }
.sim-photo.deleted .sim-landscape { filter:grayscale(1);opacity:.3; }
.sim-video-preview { position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;min-height:220px;background:#03060a;box-shadow:0 4px 16px rgba(0,0,0,0.3); }
.sim-video-preview > svg, .sim-video-preview > img, .sim-video-preview > .sim-video-blank { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block; }
.sim-video-preview > svg, .sim-video-preview > img { filter:brightness(.55); }
.sim-video-blank { background:#03060a; }
.sim-video-preview > .sim-video-overlay { position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:clamp(24px,5%,34px) 20px;text-align:center;background:radial-gradient(ellipse at center, rgba(15,23,42,0.2) 0%, rgba(15,23,42,0.6) 100%);text-shadow:0 2px 8px rgba(0,0,0,0.85); }
.sim-video-preview strong { font-size:36px;font-weight:500; }
.sim-video-preview span { font-size:13px;letter-spacing:.08em; }
.sim-video-preview p { margin:0;font-size:13px; }
.sim-video-generate-button { display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:112px;min-height:40px;padding:7px 16px;border:1px solid #ffd1a1;border-radius:9px;background:linear-gradient(135deg,#ffc27e,#ef985d);box-shadow:0 5px 14px #0008;color:#182336;font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1.2;text-shadow:none;opacity:1;cursor:default;transition:transform .12s,filter .12s; }
.learn-2026[data-effect-applied=true] .sim-video-generate-button.sim-step-target { transform:translateY(2px);filter:brightness(.88); }
@media(max-width:520px) { .sim-video-preview { aspect-ratio:auto;min-height:220px; }.sim-video-preview > .sim-video-overlay { gap:8px;padding:20px 14px; }.sim-video-preview strong { font-size:28px; }.sim-video-generate-button { min-width:96px;min-height:36px;padding:5px 12px; } }
.sim-budget { height:8px;border-radius:4px;background:#384963;overflow:hidden; }
.sim-budget span { display:block;background:#72d7bc;height:100%;transition:width .3s; }
.sim-budget .over { background:#ed8ca0; }
.sim-filmstrip { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:168px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#657899 #101a2c;scroll-behavior:auto;padding-right:2px; }
.sim-filmstrip:empty { display:none; }
.sim-filmstrip::-webkit-scrollbar { width:5px; }
.sim-filmstrip::-webkit-scrollbar-track { background:#101a2c;border-radius:3px; }
.sim-filmstrip::-webkit-scrollbar-thumb { background:#657899;border-radius:3px; }
.sim-filmstrip::-webkit-scrollbar-thumb:hover { background:#8fa2c4; }
.sim-filmstrip > div { text-align:center;min-width:0; }
.sim-filmstrip > div img, .sim-filmstrip > div svg { width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;display:block;box-shadow:0 2px 6px rgba(0,0,0,0.3);border:1.5px solid transparent;transition:border-color .2s,box-shadow .2s; }
.sim-filmstrip > div.active-version img { border-color:#72d7bc;box-shadow:0 0 10px rgba(114,215,188,0.5); }
.sim-filmstrip > div span { display:block;font-size:11px;padding-top:5px;color:#a8b6cc;font-weight:600;letter-spacing:.04em; }
.sim-filmstrip > div.active-version span { color:#72d7bc; }
.sim-hotel { display:grid;gap:8px; }
.sim-hotel-heading,.sim-hotel-details { display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0; }
.sim-hotel-heading > span { font-size:12px;color:#8ce2d6; }
.sim-hotel h3 { font-size:20px;line-height:1.2;margin:0; }
.sim-hotel p { font-size:14px;color:#c0cadb;margin:0;white-space:nowrap; }
.sim-chat { display:flex;flex-direction:column;gap:16px; }
.sim-flow { margin:0;padding:0;list-style:none;display:flex;gap:12px;flex-wrap:wrap; }
.sim-flow li { display:flex;gap:6px;align-items:center;font-size:12px;color:#9aa9c4; }
.sim-flow li > span { display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#26374f; }
.sim-flow .reached { color:#a4ecdc; }
.sim-flow .reached > span { background:#2a695e; }
.sim-card pre, .sim-terminal pre { font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#ccd7ee; }
.sim-browser { min-width:0;border:1px solid #a5b4d544;border-radius:12px;overflow:hidden;background:#f5f7fa;color:#23324a; }
.sim-browser-bar { display:flex;align-items:center;gap:5px;background:#d9dfe9;padding:10px;font-size:10px;color:#4c5a70; }
.sim-browser-bar > i { width:6px;height:6px;background:#8e9bb0;border-radius:50%; }
.sim-browser-bar > span { margin-left:5px;min-width:0;overflow-wrap:anywhere; }
.sim-page-preview { padding:20px; }
.sim-page-preview h3 { font-size:19px;line-height:1.5; }
.sim-page-preview p { font-size:14px;line-height:1.7; }
.sim-fake-form { padding:15px;margin-top:18px;border:1px solid #bbb3d6;background:#eeeaf7;border-radius:10px; }
.sim-fake-form strong { font-size:14px; }
.sim-fake-form label { display:block;font-size:12px;margin-top:12px; }
.sim-fake-form input { display:block;width:100%;padding:9px;background:#fff;border:1px solid #b3bdd0;border-radius:5px;color:#7b8596;margin-top:5px;font-size:12px; }
.sim-fake-submit { display:block;text-align:center;background:#655caa;color:white;padding:8px;border-radius:6px;font-size:13px;margin:14px 0 12px; }
.sim-fake-form .sim-badge.bad { color:#8c354a;background:#ecc8d2; }
.sim-safe-text { padding:12px;font-size:12px;white-space:pre-wrap;background:#e4eaf2;overflow-wrap:anywhere;border-radius:7px;margin:12px 0; }
.sim-page-preview .sim-badge.good { color:#246656;background:#d7ebe2; }
.sim-property-grid .sim-landscape { margin-bottom:14px; }
.sim-injection { margin-top:14px;padding:12px;background:#e18a8814;border:1px dashed #f3aaa166;border-radius:8px;font-size:12px;color:#e8bbc0;line-height:1.7; }
.sim-calendar { container-type:inline-size;border-radius:10px;border:1px solid #8d9db440;overflow:hidden;background:#162236; }
.sim-calendar-head { padding:10px 12px;background:#25354d;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px; }
.sim-calendar-title { display:flex;align-items:center;gap:7px;font-weight:600;min-width:0; }
.sim-calendar-title svg { width:19px;height:19px;flex-shrink:0;color:#8bbcf9; }
.sim-calendar-view { color:#bfcae0;font-size:10px;white-space:nowrap;border:1px solid #8195b247;padding:3px 6px;border-radius:4px;background:#1c2b42; }
.sim-calendar-toolbar { display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;padding:8px 12px;background:#1c2a40;border-bottom:1px solid #8a9bb42e;color:#c3d0e3;font-size:11px;line-height:1.5; }
.sim-calendar-toolbar small { color:#92a6c4;font-size:10px; }
.sim-calendar-axis,.sim-calendar-row { display:grid;grid-template-columns:42px repeat(5,minmax(0,1fr)); }
.sim-calendar-axis { background:#1e2d43;border-bottom:1px solid #8d9db439; }
.sim-calendar-axis > span { display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:7px 3px;border-left:1px solid #8d9db425;font-size:10px;line-height:1.4;text-align:center;color:#c0cede;overflow-wrap:anywhere; }
.sim-calendar-axis > span:first-child { border-left:0;color:#92a6c4; }
.sim-calendar-axis i { width:5px;height:5px;flex-shrink:0;background:var(--department-color);border-radius:50%; }
.sim-calendar-axis .sim-calendar-agenda-label { display:none; }
.sim-calendar-row { align-items:stretch;min-width:0;min-height:49px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),#8496b62b calc(20% - 1px),#8496b62b 20%) 42px 0 / calc(100% - 42px) 100% no-repeat;border-bottom:1px solid #8597b42a; }
.sim-calendar-row:last-child { border-bottom:0; }
.sim-calendar-time { grid-column:1;padding:8px 3px;align-self:start;color:#91a4bf;font:10px/1.5 ui-monospace,monospace;text-align:center; }
.sim-calendar-booking { grid-column:var(--calendar-column);margin:3px;padding:3px 5px;border-left:3px solid var(--department-color);background:#40578180;border-radius:4px;min-width:0;display:flex;flex-direction:column;gap:3px;justify-content:center;font-size:11px;line-height:1.4; }
.sim-calendar-subject { display:block;color:#dde6f4;overflow-wrap:anywhere;font-size:11px;line-height:1.4; }
.sim-calendar-event-bottom { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px;min-width:0; }
.sim-calendar-event-bottom > strong { font:10px/1.4 ui-monospace,monospace; }
.sim-calendar-booking.cancelled { background:#68384e80;border-color:#dc8194;color:#f1b2bd; }
.sim-market-product { display:flex;gap:22px;align-items:center; }
.sim-market-product h3 { margin-bottom:8px;font-size:20px;line-height:1.5; }
.sim-market-product p { color:#9ef0d7;margin-bottom:10px;font-size:19px; }
.sim-camera-art { position:relative;width:130px;height:100px;flex-shrink:0;background:#3b4654;border:3px solid #738194;border-radius:14px;margin-top:10px; }
.sim-camera-art:before { content:'';position:absolute;width:38px;height:14px;top:-14px;left:18px;background:#738194;border-radius:5px 5px 0 0; }
.sim-camera-art > div { position:absolute;top:14px;left:30px;width:65px;height:65px;border:8px solid #788c9c;background:radial-gradient(circle at 35% 35%,#71a7b6,#182c3e 55%);border-radius:50%; }
.sim-camera-art > span { position:absolute;right:9px;top:9px;width:11px;height:9px;background:#d5e9e7;border-radius:2px; }
.sim-plugin-path, .sim-agent-pair { display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:10px;align-items:center; }
.sim-link-arrow, .sim-handoff { text-align:center;font-size:24px;color:#b3a6ed; }
.sim-handoff small { display:block;font-size:10px;line-height:1.6; }
.sim-handoff.active { color:#ed9dae; }
.sim-files { display:flex;flex-direction:column;gap:8px; }
.sim-file { padding:12px 16px;background:#223149;border:1px solid #8799b633;border-radius:9px;font-family:'JetBrains Mono',monospace;font-size:12px;overflow-wrap:anywhere; }
.sim-file .sim-badge { font-family:Inter,sans-serif;margin-left:6px; }
.sim-file.allowed { border-color:#68c5ac55; }
.sim-file.exposed-file { border-color:#e17a9666;background:#e47b981c; }
.sim-terminal { border-radius:12px;border:1px solid #8496b633;background:#090f1d;overflow:hidden; }
.sim-terminal-title { padding:12px 16px;background:#1e2a3e;font-size:12px;color:#adbcd6; }
.sim-terminal pre { padding:18px;min-height:150px;color:#a4e6cf; }
.sim-pet-profile { display:flex;gap:18px;align-items:center; }
.sim-pet-profile svg { width:90px;height:80px;flex-shrink:0; }
.sim-pet-profile h3 { font-size:20px;line-height:1.5;margin-bottom:7px; }
.sim-pet-profile p { font-size:12px;color:#a9b8d0;margin:0; }
.sim-memory-timeline { display:flex;flex-direction:column;gap:14px;border-left:2px solid #a397de66;padding-left:18px; }
.sim-cascade-root { margin:0 auto 22px;max-width:300px;padding:16px;display:flex;flex-direction:column;gap:10px;align-items:center;border:1px solid #ed8ca166;border-radius:12px;background:#56314c55; }
.sim-cascade-branches { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative; }
.sim-cascade-branches:before { content:'';position:absolute;width:2px;height:22px;top:-22px;left:50%;background:#c1afec; }
.sim-urgent { display:inline-block;font-size:12px;color:#fec58d;letter-spacing:.04em;background:#ffb24b15;padding:6px 9px;border-radius:6px;margin-bottom:12px; }
.sim-audit-log { display:flex;flex-direction:column;gap:10px; }
.sim-audit-log > div { display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.7; }
.sim-audit-log .sim-badge { flex-shrink:0; }
/* Catalog geometry and type come from the same utilities/index CSS as 2025. */
#showcase-root.learn-2026 .learn-2026-catalog { color:#fff; }
#showcase-root.learn-2026 .learn-catalog-intro { margin-top:16px; }
#showcase-root.learn-2026 .learn-2026-catalog a:focus-visible,
#showcase-root.learn-2026 .learn-2026-catalog button:focus-visible { outline-color:#c4b5fd; }
.learn-2026-grid .showcase-card { min-width:0;text-align:left;color:inherit;cursor:pointer;text-decoration:none; }
.learn-2026-choice { position:fixed;inset:var(--nav-height) 0 0;background:#050a15d9;z-index:150;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px); }
.learn-2026-choice > section { width:min(100%,620px);max-height:calc(100dvh - var(--nav-height) - 40px);overflow:auto;background:#172137;border:1px solid #a5b4d54d;border-radius:18px;padding:24px; }
.learn-2026-choice-header { display:flex;align-items:flex-start;gap:16px;margin-bottom:18px; }
.learn-2026-choice-header h2 { font-size:22px;line-height:1.5;flex:1;margin:0; }
.learn-2026-choice-header button { width:44px;height:44px;flex-shrink:0;padding:0; }
.learn-2026-choice-links { display:flex;flex-direction:column;gap:10px; }
.learn-2026-choice-links a { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid #a5b4d533;background:#242f46;color:#e0e8fa;font-size:15px;line-height:1.6;min-height:52px; }
.learn-2026-choice-links a small { color:#95e5d0;font-size:11px;flex-shrink:0; }
@media (min-width:1024px) {
 .learn-2026 .learn-scenario-reading { min-height:0;overflow:auto; }
 .sim-actions { position:sticky;bottom:0;z-index:2;background:#152039f5;backdrop-filter:blur(8px); }
}
@media (max-width:1023px) {
 .learn-2026 .learn-scenario-sidebar { border-right:0;border-bottom:1px solid #a5b4d526; }
 .learn-2026 .learn-simulation-panel { padding:20px;min-height:0!important; }
 .learn-2026 .learn-scenario-reading { padding-right:0; }
 .learn-2026 .sim-explainer { margin:14px 0 0; }
 .learn-2026 .sim-sources { margin-top:7px; }
 .learn-2026 .learn-scenario-reading > p { margin-bottom:0; }
}
@media(max-width:600px) {
 .learn-2026 .learn-scenario-sidebar { padding:16px; }
 .learn-2026 .learn-simulation-panel { padding:16px 12px; }
 .sim-app { border-radius:12px; }
 .sim-app-header,.sim-task,.sim-canvas,.sim-actions { padding:16px; }
 .sim-app-header > .sim-badge { display:none; }
 .sim-menu-grid,.sim-editor-grid,.sim-property-grid,.sim-grants,.sim-monitor-columns { grid-template-columns:1fr; }
 .sim-menu-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
 .sim-menu-paper { padding:9px; }
 .sim-menu-paper h3 { font-size:16px;margin:7px 0 2px; }
 .sim-menu-paper .sim-row { flex-direction:column;gap:3px; }
 .sim-food-photo { height:64px;margin-top:6px; }
 .sim-metrics { gap:6px; }
 .sim-metric { padding:9px 7px; }
 .sim-metric strong { font-size:14.5px;letter-spacing:-0.03em; }
 .sim-metric > span { font-size:11px; }
 .sim-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sim-hotel { gap:7px; }
 .sim-hotel-heading,.sim-hotel-details { flex-wrap:wrap; }
 .sim-hotel h3 { font-size:17px; }
 .sim-card { padding:14px; }
 .sim-row { gap:10px; }
 .sim-actions > .sim-button { flex:1 1 100%; }
 .sim-plugin-path { grid-template-columns:1fr; }
 .sim-link-arrow { transform:rotate(90deg); }
 .sim-agent-pair { grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:5px; }
 .sim-agent-pair .sim-card { padding:10px; }
 .sim-agent-pair .sim-row { flex-direction:column;gap:4px; }
 .sim-agent-pair .sim-row strong { text-align:left; }
 .sim-agent-pair .sim-card h3 { font-size:14px; }
 .sim-cascade-branches { gap:9px; }
 .sim-cascade-branches .sim-row { flex-direction:column;gap:3px; }
 .sim-market-product { gap:16px; }
 .sim-camera-art { width:100px;height:80px; }
 .sim-camera-art > div { width:50px;height:50px;left:20px;top:12px; }
 .learn-2026-choice { padding:12px; }
 .learn-2026-choice > section { padding:18px; }
 .learn-2026-choice-links a { align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { .sim-budget span,.learn-2026-grid .showcase-card { transition:none; } }

/* Reading panels use the same shared showcase.css rules in every edition. */
.sim-jump { display:none; }
.sim-workbench { position:relative;display:grid;grid-template-columns:minmax(0,1fr) 278px;min-height:0;isolation:isolate;overflow:clip; }
.sim-visual { min-width:0;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#716494 #182237; }
.sim-inspector { min-width:0;min-height:0;padding:16px;background:#0d1728;border-left:1px solid #97abd526;overflow:auto;scrollbar-width:thin;scrollbar-color:#716494 #182237; }
.sim-canvas { padding:18px;gap:16px; }
.sim-operator-screen { --screen-accent:#83cadd;min-width:0;border:1px solid color-mix(in srgb,var(--screen-accent) 34%,#2a3850);border-radius:11px;background:linear-gradient(110deg,color-mix(in srgb,var(--screen-accent) 10%,#17263b),#142137);padding:9px 12px;flex-shrink:0; }
.sim-operator-compare,.sim-operator-editor,.sim-operator-builder { --screen-accent:#b899ef; }
.sim-operator-album,.sim-operator-careplan { --screen-accent:#9dd5b3; }
.sim-operator-studio,.sim-operator-listing,.sim-operator-guestlist { --screen-accent:#efc28e; }
.sim-operator-booking,.sim-operator-search,.sim-operator-calendar { --screen-accent:#8ec4ee; }
.sim-operator-grant,.sim-operator-checkout,.sim-operator-notification { --screen-accent:#e7b088; }
.sim-operator-monitor { --screen-accent:#86d9bf; }
.sim-screen-title { display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:7px; }
.sim-screen-title > strong { font-size:12px;line-height:1.3;color:#ecf4ff;overflow-wrap:anywhere; }
.sim-screen-title > small { margin-left:auto;color:#a7b8ce;font-size:10px;white-space:nowrap; }
.sim-screen-glyph { display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;border-radius:5px;background:color-mix(in srgb,var(--screen-accent) 20%,transparent);color:var(--screen-accent);font-size:14px;line-height:1; }
.sim-screen-fields { display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px; }
.sim-screen-field { display:flex;flex-direction:column;gap:2px;min-width:0;padding:5px 8px;border:1px solid #9baec62c;border-radius:7px;background:#0d1c30a1; }
.sim-screen-field > span { color:#aabbcf;font-size:10px;line-height:1.3; }
.sim-screen-field > strong,.sim-screen-field > input { display:block;width:100%;min-width:0;border:0;padding:0;background:transparent;color:#edf4fd;font-family:inherit;font-size:11px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.sim-screen-field > input { font-size:11px;line-height:1.35;outline:none;cursor:default; }
.sim-operator-screen .sim-actions,.sim-card.permission .sim-actions { display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;padding:8px 0 0;border-top:1px solid #9baec62c;background:transparent; }
.sim-operator-screen .sim-actions:empty,.sim-card.permission .sim-actions:empty { display:none; }
.sim-operator-screen .sim-actions .sim-button,.sim-card.permission .sim-actions .sim-button { min-height:37px;padding:6px 12px;font-size:12px!important; }
.sim-operator-screen .sim-actions .sim-next-action,.sim-card.permission .sim-actions .sim-next-action { min-height:48px;padding:9px 15px;font-size:14px!important; }
.sim-search-result { display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #95b2cc35;border-radius:8px;background:#1d3046; }
.sim-search-result strong { min-width:0;font-size:13px;line-height:1.4; }
.sim-app-notice { display:flex;align-items:flex-start;gap:7px;min-height:24px;color:#d2e5ef;font-size:11px;line-height:1.4; }
.sim-app-notice-dot { width:6px;height:6px;flex-shrink:0;background:#6ee6c0;border-radius:50%;box-shadow:0 0 7px #6ee6c0; }
.sim-app-notice strong { white-space:nowrap;color:#83e0cd; }
.sim-app-notice p { min-width:0;white-space:normal;margin:0!important;font-size:11px;line-height:1.5;overflow-wrap:anywhere; }
.sim-flow-header { display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:space-between;margin-bottom:12px; }
.sim-flow-header strong { font-size:13px;color:#cfc6fb; }
.sim-flow-header > span { font-size:11px;color:#a4b5cd; }
.sim-agent-header { display:block;margin-bottom:10px; }
.sim-agent-head { display:flex;align-items:center;gap:8px;min-height:66px; }
.sim-agent-art { width:66px;height:66px;flex-shrink:0;background:radial-gradient(ellipse,color-mix(in srgb,var(--agent-color,#a68de7) 28%,transparent),transparent 72%);filter:drop-shadow(0 0 11px color-mix(in srgb,var(--agent-color,#a68de7) 55%,transparent)); }
.sim-agent-art svg { width:100%;height:100%;overflow:visible; }
.sim-agent-art img { display:block;width:100%;height:100%;object-fit:contain; }
.sim-agent-copy { min-width:0;flex:1; }
.sim-agent-copy strong { display:block;font-size:13px;line-height:1.4;color:#eee9ff;overflow-wrap:anywhere; }
.sim-agent-copy small { display:block;font-size:10px;color:#92a3bf;margin-top:2px; }
.sim-agent-state { display:block;font-size:11px;color:var(--agent-color);line-height:1.5;margin-top:3px; }
.sim-agent-stages { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:5px 0 0;padding:0;list-style:none; }
.sim-agent-stages li { font-size:10px;line-height:1.4;color:#899dbb;text-align:center;padding-top:5px;border-top:2px solid #334760; }
.sim-agent-stages .done { color:#b3c2d8;border-color:#67788f; }
.sim-agent-stages .active { color:var(--agent-color);border-color:var(--agent-color); }
.sim-agent-header[data-agent-stage]:not([data-agent-stage="-1"]) .sim-agent-art { filter:drop-shadow(0 0 18px color-mix(in srgb,var(--agent-color) 88%,transparent)); }
.sim-agent-header .sim-agent-stages .active { font-weight:800;text-shadow:0 0 9px var(--agent-color); }
@media(min-width:1024px) {
 .sim-agent-header[data-agent-stage="-1"] { display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:0; }
 .sim-agent-header[data-agent-stage="-1"] .sim-agent-head { flex-direction:column;text-align:center;gap:12px; }
 .sim-agent-header[data-agent-stage="-1"] .sim-agent-art { width:128px;height:128px;border-radius:50%;background:radial-gradient(ellipse,#a4d5f42e,transparent 72%);box-shadow:0 0 36px #81bdf533; }
 .sim-agent-header[data-agent-stage="-1"] .sim-agent-stages { width:100%;max-width:220px; }
}
.sim-agent-body { stroke:#9dadc6;fill:#1a2940;stroke-width:1.8; }
.sim-agent-highlight { stroke:var(--agent-color);fill:none;stroke-width:1.8; }
.sim-agent-detail { stroke:#7c8fac;fill:none;stroke-width:1.3; }
.sim-agent-eye,.sim-agent-led,.sim-agent-node { fill:var(--agent-color); }
.sim-agent-eye { animation:sim-agent-blink 6s infinite;transform-origin:64px 50px; }
#showcase-root[data-playing=true] .sim-agent-led,#showcase-root[data-playing=true] .sim-agent-node { animation:sim-agent-pulse 1.8s ease-in-out infinite; }
#showcase-root[data-paused=true] .sim-agent-art * { animation-play-state:paused; }
#showcase-root[data-story=meeting] .sim-reasoning { padding:10px; }
#showcase-root[data-story=meeting] .sim-reasoning p { font-size:12px;line-height:1.5; }
@keyframes sim-agent-pulse { 0%,100%{opacity:.42;}50%{opacity:1;} }
@keyframes sim-agent-blink { 0%,88%,94%,100%{transform:scaleY(1);}91%{transform:scaleY(.14);} }
@media(prefers-reduced-motion:reduce) { .sim-agent-art * { animation:none!important; } }
.sim-flow-diagram { display:flex;align-items:center;margin-bottom:14px;gap:3px; }
.sim-flow-node { flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;color:#9caec6;text-align:center;font-size:11px;line-height:1.4; }
.sim-node-icon { display:grid;place-items:center;width:30px;height:30px;border:1px solid #8d9db444;border-radius:9px;font-size:18px; }
.sim-flow-node.active { color:#d5c4ff; }
.sim-flow-node.active .sim-node-icon { border-color:#aa8efb;background:#9775ee21; }
.sim-flow-node[data-current="true"] .sim-node-icon { border:2px solid #d3b6ff;background:#8763d153;box-shadow:0 0 0 2px #b595f440,0 0 22px #ad8bff9c; }
.sim-flow-link { position:relative;align-self:flex-start;margin-top:7px;width:15px;height:20px;color:#8396b1;font-size:14px; }
.sim-flow-link i { position:absolute;left:0;top:8px;width:3px;height:3px;background:#9df0e1;border-radius:50%;opacity:0; }
.sim-flow-link.flowing i { animation:sim-link-flow 1.1s infinite; }
.sim-flow-link i:nth-child(2) { animation-delay:.2s; }.sim-flow-link i:nth-child(3) { animation-delay:.4s; }
@keyframes sim-link-flow { 0%{transform:translateX(0);opacity:0;}30%{opacity:1;}100%{transform:translateX(15px);opacity:0;} }
.sim-reasoning { padding:12px;border:1px solid #9b83dc45;border-radius:10px;background:linear-gradient(135deg,#8c6ac019,#132139);margin-bottom:12px; }
.sim-reasoning > div { display:flex;gap:6px;align-items:center;margin-bottom:9px; }
.sim-reasoning h3 { font-size:11px;line-height:1.4;color:#c0b3e3;margin-bottom:0;flex:1; }
.sim-thought-icon { color:#bca2f7; }
.sim-step-count { font:11px ui-monospace,monospace;color:#9cb9d3; }
.sim-reasoning > strong { display:block;font-size:13px;line-height:1.55;margin-bottom:7px; }
.sim-reasoning p { font-size:13px;line-height:1.65;color:#b7c7de;margin-bottom:0; }
.sim-flow-controls { display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px; }
.sim-flow-controls .sim-button { padding:8px 10px;font-size:12px!important;flex:1; }
.sim-flow-controls .sim-button.sim-next-action { min-height:44px;background:linear-gradient(110deg,#765bc5,#426fba); }
.sim-flow-controls .sim-button:disabled { cursor:default;opacity:.4; }
.sim-flow-controls label { display:flex;align-items:center;gap:5px;font-size:11px;color:#b2c1d9; }
.sim-flow-controls select { min-height:44px;background:#172740;color:#d6e3f6;border:1px solid #8d9bb547;border-radius:7px;font:inherit;padding:0 5px; }
.sim-flow-controls select:focus-visible { outline:2px solid #a4bbff;outline-offset:3px; }
.sim-footer { padding:12px 16px;border-top:1px solid #a5b4d526;background:#16233a;display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0; }
.sim-compose { flex:1 1 42%;min-width:220px; }
.sim-compose label { display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:#aad7d0;font-size:10px;font-weight:700;line-height:1.4;margin-bottom:4px; }
.sim-compose label small { color:#90a3c1;font-size:10px;font-weight:400;white-space:nowrap; }
.sim-compose textarea { display:block;width:100%;height:47px;min-height:47px;resize:none;padding:6px 10px;border:1px solid #8e9fc056;border-radius:10px;background:#0d192c;color:#e2e9f5;font-size:12px!important;line-height:1.4;scrollbar-width:thin; }
.sim-footer .sim-actions { position:static;padding:0;border:0;flex:1 1 22%;background:transparent;box-shadow:none; }
.sim-footer .sim-actions .sim-button { flex:1; }
.sim-footer .sim-status { flex:1 1 180px;margin:0;min-width:0;font-size:12px; }
.sim-inspector .sim-result { margin:0 0 12px;padding:12px;border-radius:10px;border-color:#86e6ca;background:linear-gradient(125deg,#1b4b48,#1c304e);box-shadow:0 0 0 2px #86e6ca44,0 0 25px #56d9b768; }
.sim-inspector .sim-result.sim-result-unsafe { border-color:#f87171;background:linear-gradient(125deg,#5b202b,#331923 72%,#251927);box-shadow:0 0 0 2px #ef444455,0 0 25px #ef444455; }
.sim-inspector .sim-result.sim-result-unsafe .sim-takeaway { border-top-color:#ef444440; }
.sim-inspector .sim-result.sim-result-unsafe .sim-result-route.bad { background:#ef444433;color:#fecaca; }
.sim-inspector .sim-result h2 { font-size:14px;margin-bottom:6px; }
.sim-inspector .sim-result p { font-size:13px;line-height:1.65; }
.sim-calendar-summary { display:flex;gap:6px;flex-wrap:wrap; }
.sim-calendar-booking { min-width:0; }.sim-calendar-booking > span { min-width:0; }
.sim-calendar-cancel { font-size:10px;padding:1px 4px;max-width:100%;text-align:center;border:1px solid #9babcc55;border-radius:3px;color:#d6c2f5;background:#2c3352;line-height:1.5;overflow-wrap:anywhere; }
.sim-calendar-cancel.processed { color:#9ae6d0; }.cancelled .sim-calendar-cancel.processed { color:#ffc0c6;background:#522b36; }
.learn-2026[data-step-kind=read] { --sim-step-color:#7fdfd4; }
.learn-2026[data-step-kind=think] { --sim-step-color:#c5a7ff; }
.learn-2026[data-step-kind=act] { --sim-step-color:#ffc083; }
.sim-step-target { outline:1px solid var(--sim-step-color,#c5a7ff)!important;outline-offset:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--sim-step-color,#c5a7ff) 55%,transparent),0 0 26px color-mix(in srgb,var(--sim-step-color,#c5a7ff) 88%,transparent),0 0 52px color-mix(in srgb,var(--sim-step-color,#c5a7ff) 42%,transparent)!important;position:relative;z-index:1; }
.sim-step-panel,.sim-step-cue { box-shadow:0 0 0 1px color-mix(in srgb,var(--sim-step-color,#c5a7ff) 78%,transparent),0 0 28px color-mix(in srgb,var(--sim-step-color,#c5a7ff) 72%,transparent),0 0 48px color-mix(in srgb,var(--sim-step-color,#c5a7ff) 30%,transparent)!important; }
.sim-step-cue { border-color:var(--sim-step-color,#c5a7ff)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--sim-step-color,#c5a7ff) 16%,#142139),#142139)!important; }
#showcase-root[data-playing=true]:not([data-paused=true]) .sim-step-target,#showcase-root[data-playing=true]:not([data-paused=true]) .sim-step-cue { animation:sim-focus-glow 1.25s ease-in-out infinite; }
@keyframes sim-focus-glow { 50% { box-shadow:0 0 0 2px color-mix(in srgb,var(--sim-step-color,#c5a7ff) 86%,transparent),0 0 42px color-mix(in srgb,var(--sim-step-color,#c5a7ff) 98%,transparent),0 0 66px color-mix(in srgb,var(--sim-step-color,#c5a7ff) 58%,transparent); } }
.sim-risk-mark { border-radius:4px;padding:1px 3px;background:#f0a95b4d;color:#ffe1ae;font-weight:800;box-shadow:inset 0 -2px #f0a95b88,0 0 12px #f0a95b45;box-decoration-break:clone;-webkit-box-decoration-break:clone; }
.sim-reasoning .sim-risk-mark { background:#c5a7ff4a;color:#fff0ff;box-shadow:inset 0 -2px #c5a7ffad,0 0 12px #c5a7ff63; }
.sim-cursor { position:absolute;z-index:8;width:24px;height:30px;pointer-events:none;filter:drop-shadow(0 2px 3px #000c) drop-shadow(0 0 7px #67efff);animation:sim-cursor-click 1.15s ease-out; }
.sim-cursor svg { width:100%;height:100%; }
@keyframes sim-cursor-click { 0%{transform:translate(10px,-14px);}35%{transform:translate(0,0);}55%{transform:scale(.87);}75%,100%{transform:scale(1);} }
.sim-data-particle { position:absolute;left:0;top:0;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 2px 1px #ffffff66,0 0 5px 2px #dffaff38;z-index:7;pointer-events:none; }
.sim-live-playback { display:none; }
#showcase-root[data-paused=true] .sim-cursor { animation:none; }
#showcase-root[data-effect-applied=true] .sim-cursor { animation:none; }
#showcase-root[data-paused=true] .sim-flow-link i { animation-play-state:paused; }
.sim-inspector [data-sim-flow] { display:flex;flex-direction:column; }
.sim-flow-header { order:0; }
.sim-reasoning { order:1;margin-bottom:10px; }
.sim-flow-controls { order:3; }
.sim-flow-diagram { order:4;margin-top:14px;margin-bottom:0; }
.sim-flow-detail { display:flex;flex-direction:column;order:4;margin-top:12px; }
.sim-calendar-booking.cancelled { text-decoration:none; }
.sim-calendar-booking.cancelled .sim-calendar-subject,.sim-calendar-booking.cancelled .sim-calendar-event-bottom > strong { text-decoration:line-through; }
.sim-calendar-subject { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
/* The time axis carries appointment times when narrow columns need room for status. */
@container (min-width:431px) and (max-width:620px) {
 .sim-calendar-event-bottom > strong { display:none; }
 .sim-calendar-event-bottom { justify-content:flex-end; }
}
@media(min-width:1024px) {
 #showcase-root.learn-2026 .learn-simulation-panel { padding:16px;display:flex;overflow:hidden; }
 .sim-inspector { display:flex;flex-direction:column;overflow:hidden; }
 .sim-inspector [data-sim-flow] { flex:1;min-height:0; }
 .sim-flow-header,.sim-flow-controls { flex-shrink:0; }
 .sim-flow-detail { overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#716494 #182237; }
 .sim-flow-detail > * { flex-shrink:0; }
 .sim-inspector .sim-result { flex-shrink:0;max-height:150px;overflow:auto; }
 .learn-2026 .sim-app { display:flex;flex-direction:column;width:100%;height:100%;max-width:none; }
 .learn-2026 .sim-app-header { padding:8px 16px;flex-shrink:0; }
 .learn-2026 .sim-app-header .sim-badge { font-size:10px; }
 .learn-2026 .sim-task { padding:10px 16px;flex-shrink:0; }
 .learn-2026 .sim-task p { font-size:14px;line-height:1.55; }
 .learn-2026 .sim-task span { margin-bottom:3px; }
 .learn-2026 .sim-workbench { flex:1; }
 .learn-2026 .sim-app-header strong { display:block;line-height:22px; }
 .sim-footer { padding:10px 16px;gap:6px; }
 .sim-canvas { padding:14px;gap:12px; }
 .sim-canvas .sim-grants,.sim-canvas .sim-editor-grid,.sim-canvas .sim-monitor-columns { grid-template-columns:1fr; }
 .sim-menu-paper { padding:10px; }.sim-menu-paper h3 { font-size:16px; }
 .sim-menu-paper .sim-row { flex-direction:column;gap:3px; }
 .sim-metric { padding:10px 8px; }.sim-metric strong { font-size:15.5px;letter-spacing:-0.025em; }
 .sim-property-grid { grid-template-columns:1fr; }
 .sim-agent-pair { grid-template-columns:1fr; }.sim-handoff { transform:none;display:flex;flex-direction:column;align-items:center;gap:2px; }
 .sim-handoff > span { display:block;transform:rotate(90deg); }
}
@media(min-width:1280px) {
 .sim-canvas .sim-grants,.sim-canvas .sim-editor-grid,.sim-canvas .sim-monitor-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sim-canvas .sim-property-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sim-property-grid .sim-landscape { max-height:140px; }
}
@media(min-width:1024px) and (max-width:1279px) {
 .sim-workbench { grid-template-columns:minmax(0,1fr) 234px; }
 .sim-inspector { padding:12px; }
 .sim-flow-controls label { flex:1 1 100%;justify-content:flex-end; }
 .sim-app-header .sim-badge { display:none; }
 .sim-menu-grid,.sim-plugin-path { grid-template-columns:1fr; }.sim-link-arrow { transform:rotate(90deg); }
}
@media(max-width:1023px) {
 .learn-2026 .learn-simulation-panel { padding:16px; }
 .sim-jump { display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:#bca5f8;font-size:13px;text-decoration:none; }
 .sim-workbench { grid-template-columns:1fr;overflow:visible; }
 .sim-thread-preview { padding-right:0;grid-template-columns:1fr; }
 .sim-thread-history { top:6px;right:12px; }
 .sim-thread-history > div { right:0; }
 .sim-thread-turn.agent { padding-right:78px; }
 .sim-app-presence { display:none; }
 .sim-compose { flex-basis:100%; }
 .sim-footer .sim-actions { flex-basis:100%; }
 .sim-visual { overflow:visible; }.sim-inspector { overflow:visible;border-left:0;border-top:1px solid #97abd526; }
 .sim-flow-diagram { max-width:440px; }.sim-flow-controls { max-width:440px; }
 .sim-footer { position:sticky;bottom:0;z-index:6;box-shadow:0 -8px 22px #0a122a88; }
 .sim-live-playback { display:flex;flex:1 1 100%;flex-direction:column;gap:5px; }
 .sim-live-playback > strong { font-size:13px;line-height:1.5; }
 .sim-live-playback > code { color:#ffcf8b;font:700 13px/1.5 ui-monospace,monospace;overflow-wrap:anywhere; }
 .sim-live-playback .sim-flow-controls { margin:4px 0 0; }
 #showcase-root[data-playing=true] .sim-inspector .sim-flow-controls { display:none; }
 .sim-step-target,.sim-step-cue { animation:none!important; }
 #showcase-root[data-playing=true] .sim-footer .sim-actions button:disabled { display:none; }
 #showcase-root[data-playing=true] .sim-footer .sim-actions:has(button:only-child:disabled) { display:none; }
 #showcase-root[data-playing=true] .sim-footer .sim-status { display:none; }
 .sim-footer .sim-actions { flex-basis:100%; }
 .sim-app { scroll-margin-top:calc(var(--labs-nav-height,80px) + 16px); }
 .sim-screen-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:520px) { .sim-screen-fields { grid-template-columns:1fr; }.sim-screen-field { flex-direction:row;align-items:center;justify-content:space-between;gap:8px; }.sim-screen-field > strong,.sim-screen-field > input { width:auto;max-width:62%;text-align:right; } }
@media(prefers-reduced-motion:reduce) { .sim-cursor,.sim-flow-link.flowing i,.sim-step-target,.sim-step-cue,.sim-next-action { animation:none!important; } }
@container (max-width:430px) {
 .sim-calendar-axis,.sim-calendar-row { grid-template-columns:42px minmax(0,1fr); }
 .sim-calendar-axis > span:not(:first-child) { display:none; }
 .sim-calendar-axis .sim-calendar-agenda-label { display:block!important;text-align:left;padding-inline:10px; }
 .sim-calendar-row { background:none;min-height:47px; }
 .sim-calendar-booking { grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;padding:7px 8px;gap:8px; }
 .sim-calendar-subject { font-size:12px; }
 .sim-calendar-event-bottom { flex-wrap:nowrap;gap:6px; }
 .sim-calendar-event-bottom > strong { display:none; }
 .sim-calendar-cancel { font-size:11px;padding:3px 6px; }
}

/* ---- 2026 v2: hands-on two-path play, plain-language narration, richer scenes ---- */
#showcase-root .sim-cursor { animation:sim-cursor-in .45s ease-out; }
#showcase-root .sim-cursor.clicking { animation:sim-cursor-click .7s ease-out; }
@keyframes sim-cursor-in { 0%{transform:translate(14px,-18px);opacity:0;}100%{transform:translate(0,0);opacity:1;} }
#showcase-root[data-fast-video-clicks="true"] .sim-cursor { animation:none!important;transform-origin:2px 2px; }
#showcase-root[data-fast-video-clicks="true"][data-effect-applied="true"] .sim-cursor { transform:scale(.84); }
#showcase-root[data-fast-video-clicks="true"][data-effect-applied="false"] .sim-cursor { transform:scale(1); }
#showcase-root[data-fast-video-clicks="true"][data-effect-applied="true"] .sim-video-generate-button.sim-step-target { transform:translateY(2px);transition:none; }
#showcase-root[data-fast-video-clicks="true"][data-effect-applied="false"] .sim-video-generate-button.sim-step-target { transform:translateY(0);transition:none; }
.sim-choice { flex:1 1 100%;display:flex;flex-direction:column;gap:9px; }
.sim-choice-q { margin:0!important;font-size:14px;font-weight:700;line-height:1.5;color:#f3ecff; }
.sim-choice-buttons { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
.sim-button.choice { min-height:52px;padding:10px 14px;white-space:normal;line-height:1.4;text-align:left;justify-content:flex-start;gap:10px;border-width:2px; }
.sim-button.choice::before { content:'';width:12px;height:12px;flex-shrink:0;border-radius:50%;box-shadow:0 0 10px currentColor; }
.sim-button.choice.risky { border-color:#ff6373;background:#4a1c27;color:#ffe5e8; }
.sim-button.choice.risky::before { background:#ff6373;color:#ff6373; }
.sim-button.choice.safe { border-color:#5fd8b6;background:#16352f;color:#d6fff2; }
.sim-button.choice.safe::before { background:#5fd8b6;color:#5fd8b6; }
.sim-button.choice:hover { filter:brightness(1.18); }
.sim-operator-screen .sim-actions .sim-button.choice,.sim-card.permission .sim-actions .sim-button.choice { min-height:52px;font-size:13px!important; }
.sim-speed { display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#b2c1d9; }
.sim-speed select { min-height:37px;background:#172740;color:#d6e3f6;border:1px solid #8d9bb547;border-radius:7px;font:inherit;padding:0 5px; }
.sim-inspector .sim-reasoning strong { font-size:14px; }
.sim-inspector .sim-reasoning p { font-size:13.5px;line-height:1.7;color:#d6e1f2; }
.sim-choice-note { border-color:#f0c27a66!important;background:linear-gradient(135deg,#8a62201f,#132139)!important; }
.sim-choice-note h3 { color:#ffd9a3!important; }
.sim-result-route { display:inline-block;margin-bottom:8px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em; }
.sim-result-route.bad { background:#f0a06b2a;color:#ffc9a8; }
.sim-result-route.good { background:#5fd8b62a;color:#a8f5dd; }
.sim-takeaway { margin-top:10px;padding-top:10px;border-top:1px solid #9fd9c53a;line-height:1.65;font-size:13.5px;color:#e2ebf7; }
.sim-takeaway strong { display:none!important; }
.sim-takeaway p { display:inline;margin:0!important;font-size:inherit;line-height:inherit;color:inherit; }
html:not([lang^="zh"]) .sim-takeaway p + p::before { content:' '; }
.sim-result-actions { margin-top:12px;display:flex;flex-direction:column;gap:8px; }
.sim-result-actions .sim-button { width:100%;white-space:normal;line-height:1.4;min-height:48px; }
.sim-thread-turn.agent.thinking p::after { content:'\2026';animation:sim-dots 1.2s steps(3,end) infinite; }
@keyframes sim-dots { 0%{opacity:.2;}50%{opacity:1;}100%{opacity:.2;} }
/* Scene visuals */
.sim-chat-line { display:flex;flex-direction:column;gap:3px;max-width:92%;padding:9px 12px;border-radius:12px 12px 12px 4px;background:#243953;font-size:13px;line-height:1.6; }
.sim-chat-line > span { font-size:10px;font-weight:700;color:#9fb6d4; }
.sim-chat-line > p { margin:0!important;color:#e6eefb; }
.sim-chat-line + .sim-chat-line { margin-top:8px; }
.sim-chat-line.bad { background:#4a2a35;border:1px solid #ef65843a; }
.sim-chat-line.good { background:#1e3f39;border:1px solid #5fd8b63a; }
.sim-chat-line.warning { background:#3e3424;border:1px solid #efc45b3a; }
.sim-chat-line mark { background:#f0a95b55;color:#ffe1ae;padding:0 3px;border-radius:3px;font-weight:700; }
.sim-support { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:start; }
.sim-support-note-only { grid-template-columns:minmax(0,1fr);justify-items:end; }
.sim-support-note-only .sim-internal-note { width:min(100%,310px); }
.sim-support .sim-chat { gap:0;padding:12px;border:1px solid #9eaecd35;border-radius:12px;background:#1c2b42; }
.sim-internal-note { position:relative;padding:14px 14px 12px;border-radius:4px;background:#f6e7a5;color:#4b3f16;box-shadow:0 8px 18px #0006;transform:rotate(1.2deg); }
.sim-internal-note::before { content:'';position:absolute;top:-8px;left:50%;width:54px;height:16px;transform:translateX(-50%) rotate(-3deg);background:#ffffffaa;box-shadow:0 1px 3px #0003; }
.sim-internal-note > span { display:block;margin-bottom:6px;font-size:10px;font-weight:700;letter-spacing:.04em;color:#8a6d1a; }
.sim-internal-note > p { margin:0 0 8px!important;font-size:14px!important;line-height:1.6!important;color:#3b3110!important; }
.sim-internal-note b { background:#fff;padding:0 4px;border-radius:3px;font-family:ui-monospace,monospace; }
.sim-internal-note.leaked { background:#ffd0b0;outline:3px solid #ef8f6a; }
.sim-internal-note .sim-badge { background:#00000014;color:#5a4a16; }
.sim-internal-note .sim-badge.bad { background:#c43f4a22;color:#8c1f2a; }
.sim-internal-note .sim-badge.good { background:#1d8a6a22;color:#176a52; }
.sim-return-form { padding:16px;border:1px solid #ef65844d;border-radius:12px;background:#2a1f2e; }
.sim-return-form h3 { font-size:15px;margin-bottom:8px; }
.sim-order-art { min-width:0; }
.sim-desk { padding:14px;border:1px solid #8496b644;border-radius:12px;background:#0d1322; }
.sim-desk-head { display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:#aebdd6; }
.sim-desk-head i { width:10px;height:10px;border-radius:2px;background:#5e7392; }
.sim-desk pre { margin:0;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b9f0d8;white-space:pre-wrap; }
.sim-desk p { margin:10px 0 0!important;font-size:13px!important; }
.sim-desk p.bad { color:#ffb3b9!important; }.sim-desk p.good { color:#84eed3!important; }
.sim-ticket-pair { display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:12px;align-items:stretch; }
.sim-pass { position:relative;min-width:0;padding:16px;border-radius:14px;border:1px solid #9eaecd35;background:#1c2b42;display:flex;flex-direction:column;gap:8px; }
.sim-pass-label { font-size:11px;font-weight:700;letter-spacing:.04em;color:#a9b9d2; }
.sim-pass h3 { font-size:17px;margin:0; }
.sim-pass-amount { font-size:28px;font-weight:700;color:#9ef0d7;line-height:1.2; }
.sim-pass ul { margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#c7d3e6; }
.sim-pass ul li::before { content:'\2713  ';color:#7fd4c4; }
.sim-pass ul.bad li::before { content:'\2715  ';color:#ed8ca0; }
.sim-pass-ticket { background:repeating-linear-gradient(135deg,#223650 0 10px,#1e3049 10px 20px);border-style:dashed;border-color:#7fd4c466; }
.sim-pass-ticket::before,.sim-pass-ticket::after { content:'';position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#131e32;transform:translateY(-50%); }
.sim-pass-ticket::before { left:-9px; }.sim-pass-ticket::after { right:-9px; }
.sim-pass-ticket.good { border-color:#5fd8b6; }
.sim-pass-card.pending { justify-content:center;align-items:center;color:#8ea0bd;border-style:dashed; }
.sim-pass-card.pending p { margin:0!important; }
.sim-pass-card.bad { border-color:#ed8ca066;background:linear-gradient(135deg,#3d2436,#24304a); }
.sim-card-face { padding:14px;border-radius:12px;background:linear-gradient(120deg,#2d5f8a,#1b7f6e);color:#fff;box-shadow:0 8px 18px #0005;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 12px;align-items:center; }
.sim-chip { width:34px;height:26px;border-radius:5px;background:linear-gradient(135deg,#f1d27a,#c9a24a);grid-row:span 2; }
.sim-card-face strong { font-size:15px; }
.sim-card-face small { font-size:11px;opacity:.85; }
.sim-receipts { padding:14px 16px;border:1px solid #9eaecd35;border-radius:12px;background:#1c2b42; }
.sim-receipts h3 { font-size:14px;margin-bottom:8px; }
.sim-receipt { display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #a5b4d51c;font-size:13px; }
.sim-receipt:last-child { border-bottom:0; }
.sim-receipt strong { font-size:15px; }
.sim-receipt.bad strong { color:#ffb3b9; }
.sim-receipt-empty { margin:0!important;font-size:12px!important;color:#8ea0bd!important; }
.sim-listing-form { padding:14px 16px;border:1px solid #9eaecd35;border-radius:12px;background:#1c2b42;display:flex;flex-direction:column;gap:8px; }
.sim-listing-form h3 { font-size:14px;margin:0; }
.sim-listing-form label { display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center;font-size:12px;color:#b1bed2; }
.sim-listing-form input { min-width:0;padding:8px 10px;border:1px solid #8e9fc056;border-radius:8px;background:#0d192c;color:#e2e9f5;font:600 13px/1.4 inherit;font-family:inherit; }
.sim-listing-form label.changed input { border-color:#ed8ca0;color:#ffb3b9;background:#3a2537;animation:sim-flash 1s ease-out 2; }
.sim-listing-form label .sim-badge { grid-column:2; }
@keyframes sim-flash { 0%,100%{box-shadow:none;}50%{box-shadow:0 0 0 4px #ed8ca055;} }
.sim-log-line { display:block;line-height:1.9; }
.sim-log-line i { display:block;margin:-2px 0 6px 16px;font-style:normal;font-size:11.5px;color:#9fb7c9; }
.sim-envelope { padding:14px 16px;border:1px solid #efc45b55;border-radius:12px;background:#2b2a22; }
.sim-envelope.checked { border-color:#5fd8b655;background:#1e2f2b; }
.sim-envelope-head { display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:8px;font-size:12px;color:#d9d4bd; }
.sim-envelope-head em { font-style:normal;color:#f5d68b; }
.sim-stamp { padding:3px 8px;border:2px dashed #ed8ca0;border-radius:6px;color:#ffb3b9;font-size:11px;font-weight:700;transform:rotate(-4deg); }
.sim-envelope pre { margin:0 0 8px;font:12px/1.8 ui-monospace,monospace;color:#e6e1c8; }
.sim-wedding-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;align-items:start; }
.sim-guestlist { padding:14px 16px;border:1px solid #9eaecd35;border-radius:12px;background:#1c2b42; }
.sim-guestlist h3 { font-size:14px;margin-bottom:8px; }
.sim-guestlist ol { margin:0 0 10px;padding-left:22px;columns:2;column-gap:14px;font-size:12.5px;line-height:1.75;color:#d7e1f0; }
.sim-cascade { min-width:0; }
.sim-phone { min-width:0;padding:12px 14px 14px;border-radius:22px;border:6px solid #2d3b55;background:#0f172a;box-shadow:0 10px 24px #0006; }
.sim-phone-bar { display:flex;justify-content:space-between;font-size:11px;color:#8ea0bd;margin-bottom:10px; }
.sim-phone h3 { font-size:14px;margin-bottom:10px; }
.sim-alert { display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;border-radius:12px;background:#1c2b42;font-size:13px; }
.sim-switch { position:relative;width:38px;height:22px;flex-shrink:0;border-radius:11px;background:#52dbad;transition:background .4s; }
.sim-switch::after { content:'';position:absolute;top:2px;left:18px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .4s; }
.sim-alert.off { color:#9fb0ca;background:#2a2230; }
.sim-alert.off .sim-switch { background:#5b6478; }
.sim-alert.off .sim-switch::after { left:2px; }
.sim-phone-note { margin:8px 0 0!important;font-size:12px!important; }
.sim-phone-note.bad { color:#ffb3b9!important; }.sim-phone-note.good { color:#84eed3!important; }
.sim-monitor-side { display:flex;flex-direction:column;gap:12px;min-width:0; }
/* Mobile live strip carries the plain-language step */
.sim-live-playback > p { margin:0!important;font-size:13px;line-height:1.55;color:#d6e1f2; }
.sim-live-controls { display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px; }
.sim-live-controls .sim-button { flex:1;min-height:44px; }
.sim-live-playback .sim-choice { flex-basis:100%; }
@media(min-width:1024px) {
 .sim-inspector .sim-result { max-height:min(380px,58%);overflow:auto; }
}
@media(min-width:1024px) and (max-width:1279px) {
 .sim-support,.sim-wedding-grid,.sim-ticket-pair { grid-template-columns:1fr; }
 .sim-ticket-pair .sim-link-arrow { transform:rotate(90deg); }
}
@media(max-width:600px) {
 .sim-choice-buttons { grid-template-columns:1fr; }
 .sim-support,.sim-wedding-grid,.sim-ticket-pair { grid-template-columns:1fr; }
 .sim-ticket-pair .sim-link-arrow { transform:rotate(90deg); }
 .sim-internal-note { transform:none; }
 .sim-listing-form label { grid-template-columns:1fr; }
 .sim-listing-form label .sim-badge { grid-column:1; }
 .sim-receipt { grid-template-columns:minmax(0,1fr) auto;gap:6px; }
 .sim-receipt .sim-badge { grid-column:span 2; }
}
.sim-operator-screen .sim-actions,.sim-card.permission .sim-actions { position:static; }
@media(min-width:1024px) { .sim-inspector .sim-result { max-height:none;overflow:visible; } }

/* Playback and fork controls live in the footer bar; the in-app screen keeps only the starting action. */
@media(min-width:1024px) {
 .sim-thread-turn { min-height:40px;padding:4px 9px; }
 .sim-thread-turn p { -webkit-line-clamp:1;font-size:11.5px; }
 .sim-calendar-row { min-height:44px; }
 .sim-footer .sim-actions { flex:1 1 auto;justify-content:flex-start;align-items:center;gap:8px; }
 .sim-footer .sim-actions .sim-button { flex:0 1 auto;min-width:150px; }
 .sim-footer .sim-actions .sim-choice { flex:1 1 100%; }
 .sim-footer .sim-actions .sim-choice-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.sim-footer .sim-actions .sim-button.sim-next-action { min-height:46px; }

/* Short inspectors: the idle agent header must never wrap its stage strip into a second column. */
@media(min-width:1024px) {
 .sim-agent-header[data-agent-stage="-1"] { flex:0 1 auto;flex-wrap:nowrap;overflow:hidden; }
 .sim-agent-header[data-agent-stage="-1"]:has(+ .sim-flow-detail) { flex:0 0 auto;gap:8px;overflow:visible; }
 .sim-agent-header[data-agent-stage="-1"]:has(+ .sim-flow-detail) .sim-agent-art { width:72px;height:72px; }
 .sim-agent-header[data-agent-stage="-1"] .sim-agent-stages { flex-shrink:0; }
}

/* ---- Assistant chat workspace (chat shell): conversation on the left, the AI's screen on the right ---- */
@media(min-width:1024px) { .sim-app-chat .sim-workbench { grid-template-columns:minmax(0,5fr) minmax(0,6fr); } }
.sim-app-chat .sim-inspector { order:0;border-left:0;border-right:1px solid #97abd526;padding:14px 14px 18px;background:#0f1726;scroll-behavior:smooth; }
.sim-app-chat .sim-visual { order:1;background:#0b1322; }
.sim-screen-head { display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid #97abd526;background:#131e32;font-size:11px;letter-spacing:.03em;color:#9fb3cf;position:sticky;top:0;z-index:2; }
.sim-screen-head i { width:8px;height:8px;border-radius:50%;background:#6ee6c0;box-shadow:0 0 8px #6ee6c0; }
.sim-chat-log { display:flex;flex-direction:column;gap:12px; }
.sim-msg { display:flex;gap:10px;align-items:flex-start;max-width:100%; }
.sim-msg.user { justify-content:flex-end; }
.sim-msg.user .sim-msg-body { max-width:86%;padding:10px 14px;border-radius:18px 18px 4px 18px;background:#5b4bb3;color:#f4efff;font-size:13.5px;line-height:1.6; }
.sim-msg.assistant .sim-msg-body { min-width:0;flex:1;padding:10px 14px;border-radius:4px 18px 18px 18px;background:#1a2a40;border:1px solid #9eaecd2b;font-size:13.5px;line-height:1.65;color:#e4ecf9; }
.sim-msg.assistant.reply .sim-msg-body { background:#1d3a40;border-color:#52baa242; }
.sim-msg.assistant.fork .sim-msg-body { background:linear-gradient(135deg,#4a3618,#1a2a40);border-color:#f0c27a66; }
.sim-msg-body p { margin:0!important; }
.sim-msg-body p + p { margin-top:6px!important; }
.sim-msg-hint { font-size:12px;color:#b4c3d9; }
.sim-msg-avatar { width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#ad8bfa25;color:#d5baff;--agent-color:#a6dff0; }
.sim-msg-avatar svg { width:20px;height:20px; }
.sim-msg.assistant.activity .sim-msg-body { padding:10px 12px;background:#15213a; }
.sim-activity-head { display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:8px; }
.sim-activity-label { font-size:11px;font-weight:700;letter-spacing:.04em;color:#8fe6cf; }
.sim-chat-stages { flex:1;max-width:260px;margin:0!important; }
.sim-steps { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px; }
.sim-step { display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start; }
.sim-step-icon { display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;color:#7fd4c4;background:#7fd4c41a;margin-top:2px; }
.sim-step.current .sim-step-icon { background:#c5a7ff2a;color:#d7c3ff; }
.sim-spinner { width:12px;height:12px;border:2px solid #c5a7ff55;border-top-color:#d7c3ff;border-radius:50%;animation:sim-spin .9s linear infinite; }
@keyframes sim-spin { to { transform:rotate(360deg); } }
.sim-step-done { min-width:0;padding:4px 0; }
.sim-step-done strong { display:block;font-size:12.5px;color:#c9d6ea; }
.sim-step-done p { margin:2px 0 0!important;font-size:12px!important;line-height:1.55!important;color:#93a6c2; }
.sim-step .sim-reasoning { margin:0;padding:10px 12px; }
.sim-step .sim-reasoning strong { font-size:13.5px; }
.sim-step .sim-reasoning p { font-size:13px;color:#dce6f5; }
.sim-app-chat .sim-inspector .sim-result { margin:4px 0 0 40px;border-radius:4px 18px 18px 18px; }
.sim-app-chat .sim-compose { flex:1 1 100%;display:flex;flex-direction:column; }
.sim-app-chat .sim-compose label { display:none; }
.sim-app-chat .sim-compose textarea { height:52px;min-height:52px;padding:14px 16px;border-radius:26px;font-size:13.5px!important;background:#0b1526; }
.sim-app-chat .sim-footer { flex-direction:row;flex-wrap:wrap;align-items:center; }
.sim-app-chat .sim-footer .sim-actions { flex:0 1 auto;min-width:0;max-width:100%; }
.sim-app-chat .sim-footer .sim-actions:has(.sim-choice) { flex:1 1 100%; }
.sim-choice-q { overflow-wrap:anywhere; }
.sim-app-chat .sim-footer:has(.sim-compose:not([hidden])) .sim-compose { flex:1 1 320px; }
.sim-app-chat .sim-footer:has(.sim-compose:not([hidden])) .sim-actions .sim-button { border-radius:26px;min-height:52px;padding:0 22px; }
@media(min-width:1024px) {
 .sim-app-chat .sim-inspector [data-sim-flow] { flex:1 1 auto;min-height:0; }
 .sim-app-chat .sim-inspector { display:block;overflow:auto; }
}
@media(min-width:1024px) and (max-width:1279px) {
 .sim-app-chat .sim-workbench { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
}
@media(max-width:1023px) {
 .sim-app-chat .sim-inspector { border-right:0;border-bottom:1px solid #97abd526;max-height:none; }
 .sim-app-chat .sim-visual { order:1; }
 .sim-app-chat .sim-compose textarea { height:48px;min-height:48px; }
}

/* Embodied agent console inside the chat activity card (agentic stories) */
.sim-agent-console { display:grid;grid-template-columns:50px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px;align-items:center;width:100%; }
.sim-agent-console .sim-agent-art { position:relative;width:48px;height:48px;grid-column:1;grid-row:1;align-self:center;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--agent-color) 62%,transparent)); }
.sim-agent-console .sim-agent-art img { object-fit:cover;object-position:center 10%;border-radius:12px; }
.sim-agent-console[data-agent-stage="-1"] .sim-agent-art { filter:none;opacity:.85; }
.sim-agent-console-copy { min-width:0;grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:3px; }
.sim-agent-console-copy strong { font-size:12.5px;color:#eee9ff; }
.sim-agent-console .sim-agent-state { font-size:12px;color:var(--agent-color);line-height:1.4; }
.sim-agent-console .sim-chat-stages { display:grid;grid-column:1 / -1;grid-row:2;align-self:stretch;min-width:0;width:100%;max-width:none;margin:3px 0 0!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px; }
.sim-agent-console .sim-chat-stages li { display:flex;min-width:0;min-height:36px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;border:1px solid #34445e;border-top:2px solid #34445e;border-radius:8px;background:#0b162833;font-size:11px;line-height:1.2;writing-mode:horizontal-tb;word-break:keep-all;overflow-wrap:normal; }
.sim-agent-console .sim-chat-stages li + li::before { content:none; }
.sim-agent-console .sim-chat-stages .active { color:var(--agent-color);border-color:var(--agent-color); }
#showcase-root[data-story="video"] .sim-agent-console .sim-chat-stages .active { background:color-mix(in srgb,var(--agent-color) 16%,#111d31);box-shadow:0 0 12px color-mix(in srgb,var(--agent-color) 28%,transparent);font-weight:750; }
.sim-agent-console .sim-chat-stages .done { color:#c1cde0;border-color:#50617c;background:#15243a; }
.sim-agent-console .sim-stage-number { display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#26364e;color:#bac8dd;font-size:10px;font-weight:750; }
.sim-agent-console .sim-chat-stages .active .sim-stage-number { background:var(--agent-color);color:#101827; }
.sim-agent-console .sim-chat-stages .done .sim-stage-number { background:#354862;color:#e0eaf7; }
.sim-agent-console .sim-stage-label { display:block;max-width:100%;text-align:center;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;overflow-wrap:normal; }
.sim-agent-console .sim-step-count { grid-column:3;grid-row:1;justify-self:end;align-self:start;margin-top:-4px; }
.sim-agent-console.menu-agent-console { grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:6px 9px; }
.menu-agent-console .sim-agent-art { width:40px;height:40px;grid-column:1;grid-row:1; }
.menu-agent-console .sim-agent-console-copy { grid-column:2;grid-row:1; }
.menu-agent-console .sim-agent-console-copy strong { font-size:13.5px;line-height:1.4;color:var(--agent-color);overflow-wrap:anywhere; }
.menu-agent-console .sim-chat-stages { grid-column:1 / -1;width:100%;max-width:none;margin:0!important;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; }
.menu-agent-console .sim-chat-stages li { display:flex;min-width:0;min-height:35px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 2px;border:1px solid #34445e;border-top:2px solid #34445e;border-radius:8px;background:#0b162833;font-size:9.5px;line-height:1.2; }
.menu-agent-console .sim-chat-stages li + li::before { content:none; }
.menu-agent-console .sim-chat-stages .done { border-color:#50617c;background:#15243a;color:#c1cde0; }
.menu-agent-console .sim-chat-stages .active { border-color:var(--agent-color);background:color-mix(in srgb,var(--agent-color) 15%,#111d31);color:var(--agent-color);font-weight:750;box-shadow:0 0 14px color-mix(in srgb,var(--agent-color) 20%,transparent); }
.menu-agent-console .sim-stage-number { display:grid;width:15px;height:15px;place-items:center;border-radius:50%;background:#26364e;color:#bac8dd;font-size:9px;font-weight:750; }
.menu-agent-console .sim-chat-stages .active .sim-stage-number { background:var(--agent-color);color:#101827; }
.menu-agent-console .sim-chat-stages .done .sim-stage-number { background:#354862;color:#e0eaf7; }
.menu-agent-console .sim-stage-label { display:block;max-width:100%;text-align:center;overflow-wrap:anywhere; }
.menu-agent-console .sim-step-count { grid-column:3;grid-row:1;justify-self:end;align-self:start;font-size:10px;white-space:nowrap; }
.sim-previous-action:disabled { opacity:.45;cursor:not-allowed; }
.sim-robot-thought { position:absolute;right:0;top:2px;display:flex;gap:3px; }
.sim-robot-thought i { width:4px;height:4px;border-radius:50%;background:var(--agent-color);opacity:.45; }
#showcase-root[data-playing=true]:not([data-paused=true]) .sim-robot-thought i { animation:sim-agent-pulse 1.5s ease-in-out infinite; }
.sim-robot-thought i:nth-child(2) { animation-delay:.2s!important; }.sim-robot-thought i:nth-child(3) { animation-delay:.4s!important; }
.sim-model-idle { display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:12px 0 18px; }
.sim-model-idle .sim-agent-art { width:76px;height:76px; }
.sim-model-idle > strong { color:#e2eaff;font-size:14px; }
.sim-model-idle > p { color:#b5c6df;font-size:12px; }
.sim-model-idle .sim-agent-stages { width:100%; }
.sim-model-idle .sim-idle-stage-strip { display:grid;max-width:360px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 0; }
.sim-model-idle .sim-idle-stage-strip li { display:flex;min-width:0;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 3px;border:1px solid #334760;border-top:2px solid #334760;border-radius:9px;background:#0b162833;font-size:12px;line-height:1.2;white-space:nowrap; }
.sim-model-idle .sim-idle-stage-strip .sim-stage-number { display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#26364e;color:#bac8dd;font-size:11px;font-weight:750; }
.sim-model-idle .sim-idle-stage-strip .active { color:var(--agent-color);border-color:var(--agent-color); }
.sim-model-idle .sim-idle-stage-strip .active .sim-stage-number { background:var(--agent-color);color:#101827; }
.sim-step-kind { display:block;margin-bottom:3px;color:var(--sim-step-color,#b9a2ef);font-size:10.5px;font-weight:700;letter-spacing:.03em; }
.sim-step-icon { font-variant-numeric:tabular-nums;font-weight:700; }
.sim-story-picture { display:block;margin:0;width:100%;height:112px;flex:none;overflow:hidden;border:1px solid #9eaecd33;border-radius:10px;background:#142137; }
.sim-story-picture img { display:block;width:100%;height:100%;object-fit:cover;object-position:center; }
@media(min-width:1600px) { .sim-story-picture { height:140px; } }
@media(prefers-reduced-motion:reduce) { .sim-robot-thought i { animation:none!important; } }
#showcase-root[data-playing=true] .sim-agent-console .sim-agent-led,#showcase-root[data-playing=true] .sim-agent-console .sim-agent-node { animation:sim-agent-pulse 1.8s ease-in-out infinite; }
.sim-llm-console { display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%; }
.sim-activity-head { flex-wrap:wrap; }
.sim-activity-head .sim-flow-diagram { width:100%;margin:6px 0 2px;order:0; }
.sim-step.kind-read .sim-step-icon { color:#7fdfd4;background:#7fdfd41a; }
.sim-step.kind-act .sim-step-icon { color:#ffc083;background:#ffc0831a; }
.sim-step.current .sim-step-icon { color:#d7c3ff;background:#c5a7ff2a; }
.sim-msg-avatar .sim-agent-art { width:30px;height:30px;filter:none;background:none; }

/* Keep the embodied agent in view while its activity card scrolls; tidy the footer controls */
.sim-msg.assistant.activity .sim-msg-body { padding-top:0; }
.sim-msg.assistant.activity .sim-activity-head { position:sticky;top:0;z-index:3;margin:0 -12px 8px;padding:10px 12px 8px;background:#15213af2;backdrop-filter:blur(6px);border-bottom:1px solid #9eaecd1f;border-radius:4px 18px 0 0; }
.sim-app-chat .sim-inspector { padding-top:10px; }
.sim-footer .sim-actions .sim-button { white-space:nowrap; }
@media(max-width:600px) { .sim-footer .sim-actions .sim-button { flex:1 1 auto;min-width:0;padding-inline:12px; } }

/* Compact outcome card on short desktop viewports so it fits the chat column without scrolling */
@media(min-width:1024px) and (max-height:860px) {
 .sim-app-chat .sim-inspector .sim-result { padding:10px 12px; }
 .sim-app-chat .sim-inspector .sim-result h2 { font-size:13px;margin-bottom:4px; }
 .sim-app-chat .sim-inspector .sim-result p { font-size:12px;line-height:1.5; }
 .sim-app-chat .sim-takeaway { margin-top:8px;padding-top:8px;gap:6px; }
 .sim-app-chat .sim-takeaway strong { font-size:10px; }
 .sim-app-chat .sim-result-actions { margin-top:8px; }
 .sim-app-chat .sim-result-actions .sim-button { min-height:40px;font-size:13px!important; }
 .sim-app-chat .sim-result-route { margin-bottom:5px;font-size:10px; }
}

/* ---- Split workspace: the user's phone (left) and the agent's backstage (middle) feeding the operated screen (right) ---- */
.sim-app-split .sim-workbench { display:grid;grid-template-columns:minmax(0,1fr);gap:0;background:#0b1322; }
.sim-zone-label { display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#9fb3cf;border-bottom:1px solid #97abd526;background:#131e32;position:sticky;top:0;z-index:4; }
.sim-zone-label i { width:8px;height:8px;border-radius:50%;background:#c5a7ff;box-shadow:0 0 8px #c5a7ff; }
.sim-zone-label.agent i { background:#ffc083;box-shadow:0 0 8px #ffc083; }
.sim-zone-label.agent { color:#ffd9a3; }
.sim-device { display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 50% 0,#1a2440,#0b1322 70%); }
.sim-phone-frame { margin:14px auto 16px;width:min(100%,300px);display:flex;flex-direction:column;border:7px solid #202a3f;border-radius:32px;background:#000;box-shadow:0 18px 40px #0008,inset 0 0 0 1px #3a465f;overflow:hidden;min-height:0;flex:1; }
.sim-phone-frame { position:relative; }
.sim-phone-status { display:flex;justify-content:space-between;padding:8px 18px 4px;font-size:11px;font-weight:600;color:#e8edf8;background:#0b1526; }
.sim-phone-app { display:flex;flex-direction:column;flex:1;min-height:0;background:#0f1a2c; }
.sim-phone-app-head { display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid #a5b4d52b;background:#16233a; }
.sim-phone-app-head .sim-app-logo { width:30px;height:30px;border-radius:9px; }
.sim-phone-app-head .sim-app-logo svg { width:18px;height:18px; }
.sim-phone-app-head strong { display:block;font-size:13px;line-height:1.3; }
.sim-phone-app-head p { margin:0!important;font-size:10.5px;color:#aab8cf; }
.sim-phone-app-head .sim-app-presence { margin-left:auto;font-size:10px; }
.sim-phone-chat { flex:1;min-height:0;overflow:auto;padding:12px 10px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:#51607d #0f1a2c;scroll-behavior:smooth; }
.sim-pm { max-width:88%;padding:8px 11px;font-size:12.5px;line-height:1.55;border-radius:16px; }
.sim-pm p { margin:0!important; }
.sim-pm.assistant { align-self:flex-start;background:#243247;color:#e6eefb;border-bottom-left-radius:5px; }
.sim-pm.user { align-self:flex-end;background:#5b4bb3;color:#f4efff;border-bottom-right-radius:5px; }
.sim-pm.assistant.arrived { animation:sim-arrive .6s ease-out; }
@keyframes sim-arrive { 0%{box-shadow:0 0 0 0 #7fd4c4aa;}100%{box-shadow:0 0 0 14px #7fd4c400;} }
#showcase-root[data-story="menu"] .sim-pm.assistant.menu-final-result { box-sizing:border-box;max-width:94%;border:1px solid var(--menu-result-glow);animation:sim-menu-result-glow 1s ease-in-out infinite alternate; }
#showcase-root[data-story="menu"][data-choice="risky"] .sim-pm.assistant.menu-final-result { --menu-result-glow:#ff6478; }
#showcase-root[data-story="menu"][data-choice="safe"] .sim-pm.assistant.menu-final-result { --menu-result-glow:#60e0bd; }
@keyframes sim-menu-result-glow { from{box-shadow:0 0 0 1px color-mix(in srgb,var(--menu-result-glow) 50%,transparent),0 0 12px color-mix(in srgb,var(--menu-result-glow) 58%,transparent);}to{box-shadow:0 0 0 2px color-mix(in srgb,var(--menu-result-glow) 82%,transparent),0 0 28px color-mix(in srgb,var(--menu-result-glow) 92%,transparent);} }
@media(prefers-reduced-motion:reduce) { #showcase-root[data-story="menu"] .sim-pm.assistant.menu-final-result { animation:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--menu-result-glow) 68%,transparent),0 0 22px color-mix(in srgb,var(--menu-result-glow) 80%,transparent); } }
.sim-pm.typing { display:flex;gap:4px;padding:10px 12px; }
.sim-pm.typing span { width:6px;height:6px;border-radius:50%;background:#9fb3cf;animation:sim-dots 1.2s ease-in-out infinite; }
.sim-pm.typing span:nth-child(2) { animation-delay:.2s; }.sim-pm.typing span:nth-child(3) { animation-delay:.4s; }
.sim-sms-notification { position:absolute;top:42px;left:10px;right:10px;z-index:12;padding:9px 11px;border:1px solid #ffffff35;border-radius:13px;background:linear-gradient(135deg,#293448f5,#172337f5);color:#f4f6fb;box-shadow:0 10px 28px #0009,0 0 0 1px #ffffff12;backdrop-filter:blur(14px);animation:sim-sms-pop .38s cubic-bezier(.2,.8,.2,1); }
.sim-sms-notification-head { display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:5px;font-size:10px;letter-spacing:.02em;color:#b9c4d4; }
.sim-sms-notification-head strong { color:#f4f6fb;font-size:10px; }
.sim-sms-icon { display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#41c78a;color:#fff;font-size:12px; }
.sim-sms-notification > p { margin:0!important;font-size:12px;line-height:1.5;color:#eef3fb; }
.sim-sms-notification > p strong { color:#ffb9c0;font-weight:800; }
@keyframes sim-sms-pop { from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)} }
.sim-phone-live { flex:0 0 auto;max-height:112px;margin:0 9px 8px;padding:8px 10px;border:1px solid #8fa5c433;border-radius:12px;background:#17243a;color:#d6e1f2;overflow:auto; }
.sim-phone-live > strong { font-size:12px;line-height:1.45; }
.sim-phone-live > p { font-size:11px;line-height:1.45; }
.sim-phone-composer { position:relative;display:flex;flex-direction:column;gap:6px;padding:8px 10px 12px;border-top:1px solid #a5b4d52b;background:#121d31; }
.sim-phone-composer .sim-compose { flex:none;min-width:0; }
.sim-phone-composer .sim-compose label { display:none; }
.sim-phone-composer .sim-compose textarea { height:auto;min-height:54px;max-height:96px;padding:9px 58px 9px 12px;border-radius:22px;font-size:11.5px!important;line-height:1.4;background:#0b1526;resize:none;overflow:hidden; }
.sim-phone-placeholder { display:none;align-items:center;min-height:40px;padding:0 14px;border:1px solid #8e9fc056;border-radius:20px;color:#7f90ab;font-size:12px;background:#0b1526; }
.sim-phone-composer:has([data-sim-compose][hidden]) .sim-phone-placeholder { display:flex; }
.sim-phone-composer .sim-actions { display:flex;gap:6px;padding:0;margin:0;border:0;background:transparent;position:static; }
.sim-phone-composer .sim-actions:empty { display:none; }
.sim-phone-composer .sim-actions .sim-button { flex:1;min-height:40px;padding:6px 12px;border-radius:20px;font-size:13px!important; }
.sim-phone-composer .sim-actions .sim-button.sim-next-action { min-height:44px; }
.sim-phone-composer .sim-actions .sim-button.subtle { flex:0 0 auto; }
.sim-phone-composer .sim-actions:has(.sim-send-action) { position:absolute;right:14px;bottom:13px;z-index:2;width:42px;height:42px;display:flex;align-items:center;justify-content:center; }
.sim-phone-composer .sim-actions .sim-send-action { box-sizing:border-box;display:grid;place-items:center;flex:0 0 42px;width:42px!important;min-width:42px!important;max-width:42px;height:42px!important;min-height:42px!important;max-height:42px;padding:0!important;border:0;border-radius:50%!important;overflow:hidden;font-size:0!important;line-height:0;color:transparent;background:linear-gradient(135deg,#9b42ec,#6d3de6);box-shadow:0 4px 12px #6c3be866; }
.sim-phone-composer .sim-actions .sim-send-action svg { display:block;width:22px;height:22px;margin:0;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;fill:none; }
.sim-backstage { background:#0d1322 repeating-linear-gradient(0deg,transparent 0 23px,#ffffff05 23px 24px);border-left:0;border-right:1px solid #97abd526;padding:0 0 16px; }
.sim-backstage { position:relative;isolation:isolate; }
.sim-backstage .sim-zone-label.agent { position:sticky;top:0;z-index:20;background:#131e32;box-shadow:0 8px 18px #070d1a99; }
.sim-backstage [data-sim-flow] { padding:12px 12px 0; }
.sim-backstage .sim-result { margin:10px 12px 0!important;border-radius:12px!important; }
.sim-backstage-log { gap:10px; }
.sim-bs-chip { display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:10px;border:1px solid #9eaecd26;background:#121c31;font-size:12px;line-height:1.5;color:#d6e1f2; }
.sim-bs-chip > span { font-size:10px;font-weight:700;letter-spacing:.04em;color:#8fb6e6; }
.sim-bs-chip.in { border-left:3px solid #c5a7ff; }
.sim-bs-chip.in > span::before { content:'\2193 '; }
.sim-bs-chip.out { border-left:3px solid #7fd4c4;background:#10241f; }
.sim-bs-chip.out > span { color:#8fe6cf; }
.sim-bs-chip.out > span::before { content:'\2191 '; }
.sim-bs-chip p { margin:0!important; }
.sim-bs-activity { padding:0 0 0 0; }
.sim-bs-activity .sim-activity { container-type:inline-size;border:1px solid #9eaecd2b;border-radius:12px;background:#15213a;padding:0 10px 10px; }
.sim-bs-activity .sim-activity-head { position:static;top:auto;z-index:auto;margin:0 -10px 6px;padding:7px 8px 5px;background:transparent;backdrop-filter:none;border:0;border-radius:0; }
.sim-bs-fork { display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:12px;border:1px solid #c5a7ff65;background:#15213a; }
.sim-bs-fork-agent { display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px; }
.sim-bs-fork-agent .sim-agent-art { width:42px;height:42px; }
.sim-bs-fork-agent .sim-agent-art img { width:100%;height:100%;object-fit:contain; }
.sim-bs-fork-agent > div { display:flex;flex-direction:column;gap:4px; }
.sim-bs-fork-agent > div > span { font-size:11px;font-weight:700;letter-spacing:.02em;color:#c5a7ff; }
.sim-bs-fork-agent strong { font-size:14px;line-height:1.55;color:#f3ecff; }
.sim-bs-idle { container-type:inline-size;padding:14px 12px;border:1px dashed #9eaecd33;border-radius:10px;color:#8ea0bd;font-size:12px; }
.sim-bs-idle p { margin:0!important; }
.sim-app-split .sim-screen { background:#0b1322; }
.sim-app-split .sim-footer { gap:8px; }
.sim-app-split .sim-footer:not(:has(.sim-actions)) { display:none; }
.sim-data-particle.beam { background:#fff4d3;box-shadow:0 0 2px 1px #fff4d366,0 0 5px 2px #ffbd7040; }
.learn-card-variant { margin-top:10px;padding-top:8px;border-top:1px solid #374151;font-size:12px;line-height:1.5;color:#c4b5fd; }
@media(min-width:1024px) {
 .sim-app-split .sim-workbench { grid-template-columns:240px minmax(0,1fr) minmax(0,1.15fr); }
 .sim-app-split .sim-inspector { order:0; }
 .sim-app-split .sim-screen { order:0; }
 .sim-device { overflow:hidden; }
 .sim-phone-frame { width:min(100%,232px);margin:12px auto 14px;border-width:6px;border-radius:26px; }
 .sim-app-split .sim-footer { padding:8px 16px; }
}
@media(min-width:1440px) {
 .sim-app-split .sim-workbench { grid-template-columns:300px minmax(0,1fr) minmax(0,1.2fr); }
 .sim-phone-frame { width:min(100%,272px); }
}
@media(max-width:1023px) {
 .sim-app-split .sim-workbench { grid-template-columns:1fr; }
 .sim-device { border-right:0;border-bottom:1px solid #97abd526; }
 .sim-phone-frame { width:min(100%,340px);height:420px;flex:none; }
 .sim-backstage { border-right:0;border-bottom:1px solid #97abd526; }
 .sim-backstage [data-sim-flow] { max-height:none; }
 .sim-app-split .sim-footer { position:sticky;bottom:0; }
}

/* Tablet-width desktops (1024-1279): phone beside the backstage, the operated screen full width below */
@media(min-width:1024px) and (max-width:1279px) {
 .sim-app-split .sim-workbench { grid-template-columns:230px minmax(0,1fr);grid-template-rows:minmax(0,1.05fr) minmax(0,1fr); }
 .sim-app-split .sim-device { grid-row:1;grid-column:1; }
 .sim-app-split .sim-backstage { grid-row:1;grid-column:2;border-right:0; }
 .sim-app-split .sim-screen { grid-row:2;grid-column:1/-1;border-top:1px solid #97abd526; }
 .sim-phone-frame { width:min(100%,214px);margin:10px auto 12px; }
 .sim-phone-chat { padding:10px 8px; }
 .sim-pm { font-size:12px; }
}

@media(max-width:600px) {
 .sim-agent-console.menu-agent-console { grid-template-columns:36px minmax(0,1fr);gap:5px 8px; }
 .menu-agent-console .sim-agent-art { width:36px;height:36px; }
 .menu-agent-console .sim-step-count { grid-column:2;grid-row:1;justify-self:start;align-self:end;margin:0 0 -2px; }
 .menu-agent-console .sim-chat-stages { grid-template-columns:repeat(4,minmax(0,1fr));gap:4px; }
 .menu-agent-console .sim-chat-stages li { min-height:32px;font-size:9px; }
}

/* Keep the short backstage outcome card whole in the narrow operated-screen column. */
@media(min-width:1024px) and (max-width:1279px) {
 .sim-app-split .sim-workbench { grid-template-rows:minmax(0,1.35fr) minmax(0,1fr); }
 .sim-backstage .sim-result { padding:8px 10px!important; }
 .sim-backstage .sim-result p { font-size:11.5px!important;line-height:1.45!important; }
 .sim-backstage .sim-takeaway { margin-top:6px;padding-top:6px;gap:4px; }
 .sim-backstage .sim-result-actions { margin-top:6px; }
 .sim-backstage .sim-result-actions .sim-button { min-height:36px;font-size:12px!important; }
}

@media(min-width:1024px) and (max-width:1279px) {
 .sim-backstage { padding-bottom:4px; }
 .sim-backstage .sim-result { margin-top:6px!important; }
 .sim-backstage .sim-result h2 { font-size:12.5px;margin-bottom:3px; }
 .sim-backstage .sim-takeaway strong { font-size:9.5px;margin-bottom:2px!important; }
 .sim-backstage .sim-result-route { margin-bottom:4px; }
}

@media(min-width:1024px) and (max-width:1279px) { .sim-app-chat .sim-backstage { padding-bottom:4px; } }

/* Keep the Agent and operated screen inside one AI zone on compact desktop layouts. */
@media(min-width:1024px) and (max-width:1279px) {
 .sim-app-chat .sim-ai-zone { grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr); }
 .sim-app-chat .sim-backstage,.sim-app-chat .sim-screen { grid-column:1;min-width:0; }
 .sim-app-chat .sim-screen { border-top:1px solid #97abd526; }
}

/* The phone is its own zone; the agent console and operated screen share one AI zone. */
.sim-app-split .sim-workbench { gap:12px;background:transparent; }
.sim-device { border:1px solid #97abd540;border-radius:16px; }
.sim-ai-zone { display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-width:0;min-height:0;overflow:hidden;border:1px solid #97abd540;border-radius:16px;background:#0b1322; }
.sim-app-split .sim-inspector { border:0;border-right:1px solid #97abd526; }
.sim-backstage { border:0; }
.sim-app-split .sim-screen { min-width:0;border:0; }
@media(min-width:1024px) {
 .sim-app-split .sim-workbench { grid-template-columns:240px minmax(0,1fr);grid-template-rows:minmax(0,1fr); }
 .sim-ai-zone { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); }
}
@media(min-width:1440px) {
 .sim-app-split .sim-workbench { grid-template-columns:300px minmax(0,1fr); }
}
@media(min-width:1024px) and (max-width:1279px) {
 .sim-app-split .sim-workbench { grid-template-columns:230px minmax(0,1fr);grid-template-rows:minmax(0,1fr); }
 .sim-app-split .sim-device { grid-column:1;grid-row:1; }
 .sim-ai-zone { grid-column:2;grid-row:1; }
 .sim-app-split .sim-backstage,.sim-app-split .sim-screen { grid-column:auto;grid-row:auto; }
}
@media(max-width:1023px) {
 .sim-app-split .sim-workbench { grid-template-columns:minmax(0,1fr);grid-template-rows:auto; }
 .sim-device { border-right:1px solid #97abd540;border-bottom:1px solid #97abd540; }
 .sim-ai-zone { grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto; }
 .sim-app-split .sim-inspector { border-right:0;border-bottom:1px solid #97abd526; }
 .sim-app-split .sim-screen { grid-column:auto;grid-row:auto;border-top:0; }
}
@media(min-width:1024px) {
 .sim-app-chat .sim-footer { position:relative;box-sizing:border-box;flex:0 0 88px;height:88px;min-height:88px;padding:8px 16px; }
 .sim-app-chat .sim-footer:not(:has(.sim-actions)) { display:flex; }
 .sim-app-chat .sim-footer:not(:has(.sim-actions))::before { content:'AI Agent controls';position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:650;letter-spacing:.03em;color:#8294b1; }
 .sim-app-chat .sim-footer .sim-actions:has(.sim-choice) { display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);align-items:center;gap:12px; }
 .sim-app-chat .sim-footer .sim-choice { display:contents; }
 .sim-app-chat .sim-footer .sim-choice-q { grid-column:1;grid-row:1;margin:0!important; }
 .sim-app-chat .sim-footer .sim-choice-buttons { grid-column:2;grid-row:1; }
 #showcase-root:lang(zh) .sim-app-chat .sim-footer:not(:has(.sim-actions))::before { content:'AI Agent 控制列'; }
}

/* Keep the phone composer, AI console and operated screen on stable boundaries. */
.sim-app-chat .sim-workbench { gap:14px; }
.sim-app-chat .sim-device { border:1px solid #7564ad88;border-radius:22px;background:linear-gradient(145deg,#171d31,#0c1322 72%);box-shadow:0 0 0 1px #c9b2ff15,inset 0 1px #ffffff12,0 14px 32px #0005; }
.sim-app-chat .sim-ai-zone { border:1px solid #49b9a65c;border-radius:20px;background:linear-gradient(145deg,#101a2c,#0b1322 76%);box-shadow:0 0 0 1px #9cf4dc0c,inset 0 1px #ffffff0c; }
.sim-app-chat .sim-inspector { min-width:0; }
.sim-app-chat .sim-backstage { display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0!important; }
.sim-app-chat .sim-backstage .sim-zone-label.agent,
.sim-app-chat .sim-screen-head { box-sizing:border-box;position:relative;top:auto;z-index:5;display:flex;align-items:center;flex:0 0 52px;height:52px;min-height:52px;padding:0 16px;border-bottom:1px solid #97abd533;background:#162239;font-size:14px;font-weight:700;line-height:1.35;letter-spacing:0; }
.sim-app-chat .sim-backstage .sim-zone-label.agent { box-shadow:0 5px 16px #070d1a55;color:#ffd9a3; }
.sim-app-chat .sim-backstage .sim-zone-label.agent i { width:9px;height:9px; }
.sim-app-chat .sim-screen-head { color:#b9cbe2;background:#142138; }
.sim-app-chat .sim-screen-head i { width:9px;height:9px; }
.sim-app-chat .sim-backstage-content { flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#657899 #101a2c; }
.sim-app-chat .sim-screen { display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden; }
.sim-app-chat .sim-screen .sim-canvas { flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#657899 #101a2c; }
.sim-app-chat .sim-screen .sim-canvas .sim-calendar { flex:0 0 auto; }
.sim-app-chat .sim-backstage .sim-result-action { display:block;margin:10px 12px 4px;color:#c8b4ff;font-size:15px;font-weight:800;line-height:1.45; }
.sim-app-chat .sim-backstage .sim-result-action[hidden] { display:none; }
.sim-app-chat .sim-step-dock:empty { display:none; }
.sim-app-chat .sim-step-dock { flex:0 0 auto;display:flex;justify-content:center;align-items:center;padding:7px 12px;border-top:1px solid #a8b8d522;background:#121d30; }
.sim-app-chat .sim-step-dock .sim-actions { display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:0;border:0;background:transparent; }
.sim-app-chat .sim-step-dock .sim-button { flex:0 0 auto;min-width:108px;min-height:42px;padding:8px 15px;border-radius:13px;font-size:13px!important; }
.sim-app-chat .sim-footer:not(:has(.sim-actions)) { display:none!important; }
.sim-app-chat .sim-footer:not(:has(.sim-actions))::before,
#showcase-root:lang(zh) .sim-app-chat .sim-footer:not(:has(.sim-actions))::before { content:none!important;display:none!important; }
.sim-app-chat .sim-footer:has(.sim-actions) { flex:0 0 auto;height:auto;min-height:0;padding:8px 12px;border-top:1px solid #a5b4d533; }
.sim-app-chat .sim-phone-frame { position:relative;border:8px solid transparent;border-radius:36px;background:linear-gradient(#0b1220,#0b1220) padding-box,linear-gradient(145deg,#5b6477,#1f293b 28%,#48536a 58%,#1b2435) border-box;box-shadow:0 20px 42px #0009,inset 0 0 0 1px #ffffff20; }
.sim-app-chat .sim-phone-status { position:relative;isolation:isolate;padding-top:15px; }
.sim-app-chat .sim-phone-status::before { content:"";position:absolute;z-index:3;left:50%;top:0;transform:translateX(-50%);width:76px;height:14px;border-radius:0 0 11px 11px;background:#050912;box-shadow:0 1px 0 #ffffff14; }
.sim-app-chat .sim-phone-status::after { content:"";position:absolute;z-index:4;left:calc(50% + 22px);top:4px;width:4px;height:4px;border-radius:50%;background:#16283f;box-shadow:0 0 3px #6b9bd8; }
.sim-app-chat .sim-phone-app { position:relative;padding-bottom:12px; }
.sim-app-chat .sim-phone-app::after { content:"";position:absolute;z-index:3;left:50%;bottom:4px;transform:translateX(-50%);width:52px;height:4px;border-radius:999px;background:#c9d3e377;pointer-events:none; }
.sim-app-chat .sim-phone-composer .sim-compose { position:relative;display:block;box-sizing:border-box;width:100%;min-width:0;flex:1 1 auto; }
.sim-app-chat .sim-phone-composer [data-sim-compose][hidden] { display:none!important; }
.sim-app-chat .sim-phone-composer .sim-compose textarea { box-sizing:border-box;display:block;width:100%;min-width:0;padding:12px 62px 12px 14px;border:1px solid #7786a45e;border-radius:22px;font-size:12px!important;line-height:1.45; }
.sim-app-chat .sim-phone-composer .sim-compose textarea { max-height:132px; }
.sim-app-chat .sim-phone-composer .sim-compose .sim-actions:has(.sim-send-action) { position:absolute;right:8px;bottom:7px;z-index:3;width:42px;height:42px;display:grid;place-items:center;padding:0;margin:0;border:0;background:transparent; }
.sim-app-chat .sim-phone-composer .sim-compose .sim-send-action { box-sizing:border-box;display:grid;place-items:center;flex:0 0 42px;width:42px!important;min-width:42px!important;max-width:42px;height:42px!important;min-height:42px!important;max-height:42px;padding:0!important;border:0;border-radius:50%!important;overflow:hidden;font-size:0!important;line-height:0;color:transparent;background:linear-gradient(135deg,#9b42ec,#6d3de6);box-shadow:0 3px 9px #6c3be855; }
.sim-app-chat .sim-phone-composer .sim-compose .sim-send-action svg { display:block;width:21px;height:21px;margin:0;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;fill:none; }
.sim-bs-intake { container-type:inline-size;margin:12px;padding:14px;border:1px solid #74dcca80;border-radius:18px;background:linear-gradient(145deg,#192943,#111d30);box-shadow:0 8px 24px #0003,0 0 18px #4fd3bd13; }
.sim-bs-intake-console { grid-template-columns:46px minmax(0,1fr);margin-bottom:8px;gap:7px; }
.sim-bs-intake-console .sim-agent-art { width:42px;height:42px;grid-row:1 / span 2; }
.sim-bs-intake-console .sim-agent-console-copy strong { color:#9feadd;font-size:14px;line-height:1.45; }
.sim-bs-intake-console .sim-chat-stages { grid-column:1 / -1;max-width:none;gap:5px;margin:0!important; }
.sim-bs-intake-console .sim-chat-stages li { display:flex;min-width:0;min-height:38px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;font-size:11px;line-height:1.2; }
.sim-bs-intake-console .sim-stage-number { width:15px;height:15px;font-size:9px; }
.sim-bs-intake-console .sim-stage-label { display:block;text-align:center;white-space:nowrap;overflow-wrap:normal; }
@container (max-width:260px) {
 .menu-agent-console .sim-stage-label,.sim-bs-intake-console .sim-stage-label { position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
 .menu-agent-console .sim-chat-stages,.sim-bs-intake-console .sim-chat-stages { gap:4px; }
 .menu-agent-console .sim-chat-stages li,.sim-bs-intake-console .sim-chat-stages li { min-height:28px; }
}
.sim-bs-intake-copy { margin:8px 0 12px!important;color:#d4e0f1;font-size:12px;line-height:1.55; }
.sim-intake-progress { height:4px;overflow:hidden;border-radius:99px;background:#ffffff18; }
.sim-intake-progress i { display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#78d9ca,#d7fff5);box-shadow:0 0 10px #82eedb88;animation:sim-intake-fill var(--intake-duration,5000ms) linear forwards; }
@keyframes sim-intake-fill { to { width:100%; } }
@media(min-width:1024px) {
 .sim-app-chat .sim-footer { position:relative;flex:0 0 auto;height:auto;min-height:0;padding:8px 12px; }
 .sim-app-chat .sim-step-dock { min-height:56px; }
 .sim-app-chat .sim-backstage-content { flex-basis:0; }
}
@media(max-width:1023px) {
 .sim-app-chat .sim-workbench { gap:12px; }
 .sim-app-chat .sim-ai-zone { overflow:visible; }
 .sim-app-chat .sim-backstage { display:block;overflow:visible; }
 .sim-app-chat .sim-backstage-content { overflow:visible; }
 .sim-app-chat .sim-screen { display:block;overflow:visible; }
 .sim-app-chat .sim-screen .sim-canvas { overflow:visible; }
 .sim-app-chat .sim-step-dock { display:none; }
 .sim-app-chat .sim-footer:not(:has(.sim-actions)) { display:none!important; }
 .sim-app-chat .sim-phone-frame { width:min(100%,330px); }
 .sim-app-chat .sim-phone-composer .sim-compose textarea { min-height:56px; }
}

/* Family Photos: the phone owns small previews; the operated screen is the cloud originals library. */
.sim-phone-photo-library { flex:0 0 auto;padding:8px 10px 9px;border-bottom:1px solid #97abd526;background:linear-gradient(180deg,#152238,#111d30); }
.sim-phone-photo-head { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:#e3ebf8;font-size:10px;line-height:1.3; }
.sim-phone-photo-head > span { color:#91a4c0;font-size:9px;white-space:nowrap; }
.sim-phone-photo-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px; }
.sim-phone-photo { min-width:0;overflow:hidden;border-radius:6px;background:#263449; }
.sim-phone-photo .sim-landscape { display:block;width:100%;aspect-ratio:1.84;object-fit:cover;border-radius:0; }
.sim-phone-photo > span { display:block;padding:2px 4px 3px;color:#d4deed;font-size:8px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
/* Birthday Studio: show the completed movie and its final frame in the phone. */
.sim-phone-video-result { flex:0 0 auto;margin:8px 9px 0;padding:8px;border:1px solid #86cfc345;border-radius:12px;background:linear-gradient(160deg,#172b3c,#101c2d); }
.sim-phone-video-file { display:flex;align-items:center;gap:8px;min-width:0; }
.sim-phone-video-icon { display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#58c8aa24;color:#91ead6;font-size:12px; }
.sim-phone-video-file > div { display:grid;gap:1px;min-width:0; }
.sim-phone-video-file strong { color:#edfff9;font-size:10px;line-height:1.35; }
.sim-phone-video-file span:not(.sim-phone-video-icon) { overflow:hidden;color:#d3e6e8;font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap; }
.sim-phone-video-file small { color:#99b9c1;font-size:9px;line-height:1.3; }
.sim-phone-video-screenshot { margin:7px 0 0; }
.sim-phone-video-screenshot figcaption { margin-bottom:4px;color:#a6c7ce;font-size:9px;line-height:1.3; }
.sim-phone-video-screenshot img { display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#080e18; }
.sim-cloud-library { max-width:920px;margin:0 auto;padding:14px; }
.sim-cloud-toolbar { display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #9cafcc30;border-radius:13px;background:linear-gradient(135deg,#1d2d46,#152238);box-shadow:0 7px 18px #0002; }
.sim-cloud-icon { display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#65cdb51a;color:#91ead6;font-size:23px;line-height:1; }
.sim-cloud-heading { display:flex;flex-direction:column;min-width:0;gap:2px; }
.sim-cloud-heading > span { color:#94a8c4;font-size:10px;line-height:1.3; }
.sim-cloud-heading > strong { color:#edf4fd;font-size:14px;line-height:1.35; }
.sim-cloud-count { display:flex;align-items:baseline;gap:5px;margin-left:auto;padding:6px 9px;border:1px solid #81dacb38;border-radius:9px;background:#0d272a8c;color:#d8fff4;white-space:nowrap; }
.sim-cloud-count > strong { font-size:16px;line-height:1; }
.sim-cloud-count > span { font-size:10px; }
.sim-cloud-breadcrumb { display:flex;align-items:center;gap:8px;min-width:0;margin:12px 2px 10px;color:#92a5c0;font-size:11px; }
.sim-cloud-breadcrumb > strong { color:#e4ecf8;font-weight:700; }
.sim-cloud-view { display:grid;place-items:center;width:25px;height:25px;margin-left:auto;border:1px solid #9eb3d236;border-radius:6px;color:#a7bad3;font-size:16px; }
.sim-cloud-subhead { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 8px;color:#e4ecf8; }
.sim-cloud-subhead > strong { font-size:12px; }
.sim-cloud-subhead > span { color:#91a4c0;font-size:10px;white-space:nowrap; }
.sim-cloud-library .sim-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.sim-cloud-library .sim-photo { padding:7px;background:linear-gradient(145deg,#25364e,#1b293e);border:1px solid #9eaecd26;border-radius:11px;box-shadow:0 5px 13px #0002; }
.sim-cloud-library .sim-photo .sim-landscape { aspect-ratio:1.84;object-fit:cover;border-radius:7px; }
.sim-cloud-library .sim-photo > span { margin:6px 1px 3px;color:#e0e9f6;font-size:10px;line-height:1.4; }
.sim-cloud-library .sim-photo .sim-badge { display:block;margin-top:4px;font-size:9px; }
@media(max-width:600px) {
 .sim-phone-photo-library { padding:7px 8px; }
 .sim-phone-video-result { margin-right:8px;margin-left:8px;padding:7px; }
 .sim-cloud-library { padding:10px; }
 .sim-cloud-toolbar { padding:9px; }
 .sim-cloud-icon { width:30px;height:30px;flex-basis:30px; }
 .sim-cloud-heading > strong { font-size:13px; }
 .sim-cloud-count { gap:4px;padding:5px 7px; }
 .sim-cloud-library .sim-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
}
@media(min-width:1600px) { .sim-cloud-library .sim-photo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* A decision is a modal moment, independent of the phone and its fixed frame. */
#showcase-root.learn-2026 .sim-choice-overlay {
 position:fixed;left:var(--choice-x,50vw);top:var(--choice-y,50vh);transform:translate(-50%,-50%);
 box-sizing:border-box;width:min(520px,var(--choice-width,calc(100vw - 32px)));max-width:var(--choice-width,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;
 margin:0;padding:22px;border:1px solid #9e8bd1;border-radius:20px;
 color:#e9eef8;background:linear-gradient(145deg,#1a2942,#111b2e 78%);
 box-shadow:0 24px 90px #000b,0 0 0 1px #d5c3ff22,0 0 32px #a579ff35;
 }
#showcase-root.learn-2026 .sim-choice-overlay::backdrop { background:#050a14c9;backdrop-filter:blur(5px); }
#showcase-root.learn-2026 .sim-choice-overlay .sim-actions { display:block;width:100%;padding:0;border:0;background:transparent; }
#showcase-root.learn-2026 .sim-choice-overlay .sim-choice { display:flex;flex-direction:column;gap:18px;width:100%; }
#showcase-root.learn-2026 .sim-choice-overlay .sim-choice-q { font-size:18px;line-height:1.55; }
#showcase-root.learn-2026 .sim-choice-overlay .sim-choice-buttons { display:grid;grid-template-columns:minmax(0,1fr);gap:12px; }
#showcase-root.learn-2026 .sim-choice-overlay .sim-button.choice { display:flex;justify-content:center;align-items:center;min-height:56px;padding:13px 18px;border-radius:14px;font-size:15px!important;line-height:1.45;text-align:center; }
#showcase-root.learn-2026 .sim-choice-overlay .sim-button.choice::before { flex:0 0 12px; }
@media(max-width:600px) {
 #showcase-root.learn-2026 .sim-choice-overlay { width:min(460px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:18px;border-radius:18px; }
 #showcase-root.learn-2026 .sim-choice-overlay .sim-choice { gap:15px; }
 #showcase-root.learn-2026 .sim-choice-overlay .sim-choice-q { font-size:17px; }
 #showcase-root.learn-2026 .sim-choice-overlay .sim-choice-buttons { gap:8px; }
 #showcase-root.learn-2026 .sim-choice-overlay .sim-button.choice { min-height:62px;padding:10px 8px;font-size:13px!important; }
}
#showcase-root[data-story="menu"] .sim-result .sim-takeaway { display:none; }
#showcase-root[data-story="menu"] .sim-agent-stages li, #showcase-root[data-story="video"] .sim-agent-stages li { font-size:13px;line-height:1.3; }
#showcase-root[data-story="menu"] .sim-chat-stages li, #showcase-root[data-story="video"] .sim-chat-stages li { min-height:38px;font-size:12px;line-height:1.2; }
#showcase-root[data-story="menu"] .sim-stage-number, #showcase-root[data-story="video"] .sim-stage-number { width:19px;height:19px;font-size:11px; }
#showcase-root[data-story="menu"] .sim-stage-label, #showcase-root[data-story="video"] .sim-stage-label { position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important; }
#showcase-root[data-story="menu"] .sim-model-idle .sim-menu-idle-stages { display:grid;width:100%;max-width:360px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 0; }
#showcase-root[data-story="menu"] .sim-model-idle .sim-menu-idle-stages li { display:flex;min-width:0;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 3px;border:1px solid #334760;border-top:2px solid #334760;border-radius:9px;background:#0b162833;font-size:12px;line-height:1.2;white-space:nowrap; }
#showcase-root[data-story="menu"] .sim-menu-idle-stages .sim-stage-number { display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#26364e;color:#bac8dd;font-size:11px;font-weight:750; }
#showcase-root[data-story="menu"] .sim-menu-idle-stages .active { color:var(--agent-color);border-color:var(--agent-color); }
#showcase-root[data-story="menu"] .sim-menu-idle-stages .active .sim-stage-number { background:var(--agent-color);color:#101827; }
#showcase-root[data-story="menu"] .sim-model-idle .sim-menu-idle-stages .sim-stage-label,
#showcase-root[data-story="menu"] .sim-bs-intake-console .sim-stage-label,
#showcase-root[data-story="menu"] .menu-agent-console .sim-stage-label { white-space:nowrap!important;overflow-wrap:normal!important; }
#showcase-root[data-story="menu"] .sim-bs-idle > p { max-width:34ch;margin:12px auto 0!important;color:#b5c6df;font-size:14px;line-height:1.5;text-align:center;text-wrap:pretty; }
#showcase-root[data-story="menu"] .sim-bs-activity .sim-activity-head { padding:5px 8px 3px; }
@container (max-width:230px) {
 #showcase-root .sim-model-idle .sim-idle-stage-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #showcase-root .sim-agent-console .sim-chat-stages { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #showcase-root .sim-agent-console .sim-chat-stages li { min-height:26px;padding:2px 4px;font-size:12px;gap:4px;flex-direction:row; }
 #showcase-root .sim-agent-console .sim-chat-stages .sim-stage-number { width:16px;height:16px;flex:none;font-size:10px; }
 #showcase-root[data-story="menu"] .sim-model-idle .sim-menu-idle-stages,
 #showcase-root[data-story="menu"] .sim-bs-intake-console .sim-chat-stages { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #showcase-root[data-story="menu"] .sim-bs-intake-console .sim-chat-stages li,
 #showcase-root[data-story="menu"] .menu-agent-console .sim-chat-stages li { min-height:34px; }
}
@media(min-width:1024px) and (max-width:1279px) {
 #showcase-root[data-story="menu"] .menu-agent-console .sim-chat-stages li { min-height:34px; }
}

/* Email-summary output handling: the reader clicks a local demo payment button. */
.sim-mail-canvas { display:grid;gap:14px;min-width:0; }
.sim-mail-canvas .sim-card { background:#17253a;border-color:#9eb3ce2e; }
.sim-mail-canvas .sim-gmail { padding:0;overflow:hidden;border:1px solid #dadce0;border-radius:14px;background:#fff;color:#202124;font-family:Arial,'Noto Sans TC',sans-serif;box-shadow:0 4px 20px #0002;container-type:inline-size; }
.sim-gmail svg { display:block;width:19px;height:19px;flex:none; }
.sim-gmail-toolbar { display:flex;align-items:center;gap:18px;min-height:38px;padding:0 18px;border-bottom:1px solid #e8eaed;background:#f8f9fa;color:#5f6368; }
.sim-gmail-toolbar > span { display:grid;place-items:center; }
.sim-gmail-toolbar > i { width:1px;height:20px;background:#e4e7eb; }
.sim-gmail-message { padding:16px 18px 20px;min-width:0; }
.sim-gmail-subject { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px; }
.sim-gmail .sim-gmail-subject h3 { margin:0;color:#202124;font-size:18px;font-weight:400;line-height:1.5; }
.sim-gmail-subject > span { border-radius:4px;padding:2px 6px;background:#e8eaed;color:#5f6368;font-size:10px;white-space:nowrap; }
.sim-gmail-sender { display:flex;align-items:flex-start;gap:10px;min-width:0; }
.sim-gmail-avatar { display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#518777;color:#fff;font-size:15px; }
.sim-gmail-sender-info { flex:1;min-width:0;padding-top:2px; }
.sim-gmail-sender-info > div { display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px; }
.sim-gmail-sender-info strong { color:#202124;font-size:12px;font-weight:700;line-height:1.5; }
.sim-gmail-sender-info small { color:#5f6368;font-size:10px;line-height:1.6;overflow-wrap:anywhere; }
.sim-gmail-recipient { display:block;margin-top:3px;color:#5f6368;font-size:11px;line-height:1.5; }
.sim-gmail-recipient > span { margin-left:3px; }
.sim-gmail-message-meta { display:flex;align-items:center;padding-top:2px;color:#5f6368; }
.sim-gmail-message-meta time { color:#5f6368;font-size:10px;white-space:nowrap; }
.sim-gmail-body { margin:16px 0 0; }
.sim-gmail .sim-gmail-body p { margin:0;color:#202124;font-size:14px;line-height:1.9;overflow-wrap:anywhere; }
.sim-gmail .sim-mail-source-link { display:inline;width:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#1a73e8;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer; }
.sim-gmail .sim-mail-source-link:focus-visible { outline:2px solid #1a73e8;outline-offset:3px; }
@container (max-width:460px) {
 .sim-gmail-toolbar { gap:16px;padding:0 16px; }
 .sim-gmail-message { padding:14px 16px 18px; }
}
@container (max-width:330px) {
 .sim-gmail-toolbar { gap:14px; }
}
.sim-mail-canvas p.sim-mail-caption { color:#99acc5;font-size:12px;line-height:1.65;margin-top:12px; }
.sim-mail-summary { margin:10px 0;padding:13px;border:1px solid #8baad740;border-radius:13px;background:#1b2b44;color:#edf4ff; }
.sim-mail-summary-head { display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px; }
.sim-mail-summary-head > span { font-size:19px;color:#a2ceff; }
.sim-mail-summary dl { display:grid;gap:7px;margin:0 0 13px; }
.sim-mail-summary dl > div { display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.6; }
.sim-mail-summary dt { color:#a9bbd2; }
.sim-mail-summary dd { margin:0;text-align:right;color:#f0f5ff;font-weight:600; }
.sim-mail-pay { display:block;width:100%;border:1px solid #93c9ff66;border-radius:9px;padding:12px 10px;background:#386ba9;color:#fff;font-family:inherit;font-size:13px;font-weight:600;line-height:1.6;text-align:center;cursor:pointer;min-height:46px; }
.sim-mail-pay:hover { background:#457fbe; }
.sim-mail-pay:focus-visible { outline:3px solid #b8e2ff;outline-offset:3px; }
.sim-mail-pay-complete { display:block;text-align:center;color:#a6b8d0;font-size:12px; }
.sim-mail-summary p.sim-mail-safe-note { margin:0;color:#a8ddca;font-size:12px;line-height:1.75; }
.sim-mail-summary.safe { border-color:#7ccba455; }
.sim-sms-notification.sim-mail-charge { top:36px;left:8px;right:8px;margin:0;padding:11px 13px 13px;border:1px solid #ffffffa6;border-radius:18px;background:#f1f3f8f5;color:#202124;box-shadow:0 6px 20px #0004; }
.sim-mail-charge .sim-sms-notification-head { grid-template-columns:20px minmax(0,1fr) auto;gap:7px;margin-bottom:7px;color:#686b73;letter-spacing:0; }
.sim-mail-charge .sim-sms-notification-head > strong { min-width:0;color:#686b73;font-size:10px;font-weight:500;white-space:nowrap; }
.sim-mail-charge .sim-sms-notification-head > span:last-child { white-space:nowrap; }
.sim-mail-charge .sim-sms-icon { width:20px;height:20px;border-radius:5px;background:#35c759; }
.sim-mail-charge .sim-sms-icon > svg { display:block;width:15px;height:15px; }
.sim-mail-charge > p { color:#202124;font-size:12px;line-height:1.6;overflow-wrap:break-word; }
.sim-mail-charge > p.sim-mail-sms-sender { margin-bottom:2px!important;color:#111318;font-size:12px;font-weight:700; }
.sim-mail-charge > p > strong { color:inherit;font-weight:600;white-space:nowrap; }
.sim-mail-total { margin:14px 0;padding:18px;border:1px solid #e69b9455;border-radius:12px;background:#6b30302b;text-align:center; }
.sim-mail-total > span { display:block;color:#edb2ac;font-size:12px; }
.sim-mail-total > strong { display:block;margin:5px 0;color:#ffd0cb;font-size:clamp(24px,3vw,35px);line-height:1.3; }
.sim-mail-total > p { color:#dbb9b9;font-size:13px; }
.sim-mail-building { display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:16px; }
.sim-mail-building > span { display:grid;place-items:center;min-height:27px;border:1px solid #7cbaa33b;border-radius:4px;background:#254b433d;color:#9fdbc5;font-size:10px; }
.sim-mail-building > .own { border-color:#f5d394;background:#78613b66;color:#fff2ce;box-shadow:0 0 0 1px #f5d394; }
.sim-mail-payment-flow { padding:17px;border:1px solid #b2a0dd3d;border-radius:12px;background:#1b2438; }
.sim-mail-payment-flow h3 { margin:14px 0 9px;color:#f0e9ff;font-size:15px;line-height:1.6; }
.sim-mail-payment-flow p { margin:10px 0 0;color:#bfcee3;font-size:13px;line-height:1.8; }
.sim-mail-pay:disabled { opacity:.5;cursor:default; }
.sim-mail-summary-link { width:auto;min-height:44px;padding:8px 0;background:transparent;border:0;color:#a9d4ff;text-align:left;text-decoration:underline;text-underline-offset:4px; }
.sim-mail-summary-link:hover { background:transparent;color:#d8ecff; }
.sim-mail-portal-address { margin:10px 0 15px;padding:8px 10px;border-radius:6px;background:#0f1c2f;color:#9fb9d8;font-size:11px;overflow-wrap:anywhere; }
.sim-mail-selection-tools { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:16px; }
.sim-mail-selection-tools > label { display:flex;align-items:center;gap:7px;min-height:44px;color:#dce8f6;font-size:12px;cursor:pointer; }
.sim-mail-selection-tools input,.sim-mail-unit input { width:17px;height:17px;margin:0;accent-color:#79b6f6;cursor:pointer; }
.sim-mail-building.selectable > label { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:6px 2px;border:1px solid #829ebc47;border-radius:5px;background:#122138;color:#d0dff1;font-size:10px;cursor:pointer; }
.sim-mail-building.selectable > label:has(input:checked) { background:#2d5373;border-color:#86b9e5;color:#fff; }
.sim-mail-building.selectable > label:focus-within { outline:2px solid #c3e4ff;outline-offset:1px; }
.sim-mail-building > .unpaid { background:#172238;border-color:#7890ae30;color:#798ba3; }
.sim-mail-building > .own { border-color:#f5d394;box-shadow:0 0 0 1px #f5d394; }
.sim-mail-total.own-only { background:#244c3d42;border-color:#81c7a75c; }
.sim-mail-total.own-only > span,.sim-mail-total.own-only > strong,.sim-mail-total.own-only > p { color:#a5e2c6; }
.sim-mail-original { display:grid;gap:12px; }
.sim-mail-original > summary { padding:10px 0;color:#a9cfff;font-size:12px;line-height:1.6;cursor:pointer; }
.sim-mail-original > .sim-card { margin-top:12px; }
@media(max-width:479px) {
 .sim-mail-building.selectable { grid-template-columns:repeat(5,minmax(0,1fr)); }
 .sim-mail-building { gap:3px; }
 .sim-mail-building > span { min-height:23px;font-size:9px; }
}

/* LLM10: keep the phone request, AI action, selected scope and amount together. */
#showcase-root[data-story="event"] .learn-simulation-panel { padding:14px; }
#showcase-root[data-story="event"] .sim-app { border:0;background:transparent;box-shadow:none; }
#showcase-root[data-story="event"] .sim-workbench { grid-template-columns:minmax(210px,.78fr) minmax(0,1.22fr);grid-template-rows:minmax(0,1fr);gap:12px; }
#showcase-root[data-story="event"] .sim-device { grid-column:1;grid-row:1;min-width:0; }
#showcase-root[data-story="event"] .sim-ai-zone { grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:0;overflow:hidden;background:#101b2c; }
#showcase-root[data-story="event"] .sim-backstage { flex:none;border:0;border-bottom:1px solid #9ab1d326; }
#showcase-root[data-story="event"] .sim-backstage .sim-zone-label,#showcase-root[data-story="event"] .sim-screen-head,#showcase-root[data-story="event"] .sim-step-dock { display:none; }
#showcase-root[data-story="event"] .sim-backstage-content { flex:none;overflow:visible; }
#showcase-root[data-story="event"] .sim-screen { flex:1;min-height:0;display:flex; }
#showcase-root[data-story="event"] .sim-screen .sim-canvas { padding:12px;overflow:auto; }
#showcase-root[data-story="event"] .sim-mail-canvas { gap:0; }
#showcase-root[data-story="event"] .sim-phone-frame { width:calc(100% - 16px);margin:8px; }
#showcase-root[data-story="event"] .sim-phone-app-head .sim-app-logo { width:25px;height:25px; }
#showcase-root[data-story="event"] .sim-phone-app-head { padding:10px 9px;gap:7px; }
#showcase-root[data-story="event"] .sim-app-presence { font-size:9px;gap:4px; }
#showcase-root[data-story="event"] .sim-pm { max-width:94%;font-size:12px; }
#showcase-root[data-story="event"] .sim-phone-chat { gap:10px;scroll-behavior:auto; }
#showcase-root[data-story="event"] .sim-mail-summary { margin:7px 0 0;padding:0;border:0;background:transparent; }
#showcase-root[data-story="event"] .sim-mail-summary-link { display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:2px 0;font-size:12px; }
#showcase-root[data-story="event"] .sim-mail-summary-link svg { width:13px;height:13px; }
#showcase-root[data-story="event"] .sim-pm p.sim-mail-summary-question { margin-top:7px!important; }
#showcase-root[data-story="event"] .sim-backstage .sim-result { margin:0 12px 10px!important;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none; }
#showcase-root[data-story="event"] .sim-result h2,#showcase-root[data-story="event"] .sim-result-route,#showcase-root[data-story="event"] .sim-takeaway,#showcase-root[data-story="event"] [data-sim-outcome] { display:none; }
#showcase-root[data-story="event"] .sim-result p { margin:0!important;font-size:12px;line-height:1.5; }
#showcase-root[data-story="event"] .sim-result-actions { margin-top:8px; }
#showcase-root[data-story="event"] .sim-result-actions .sim-button { width:100%;min-height:34px;padding:6px 9px;font-size:11px!important; }
#showcase-root[data-story="event"] .sim-footer:has(.sim-actions:empty) { display:none!important; }
#showcase-root[data-story="event"] .sim-step-target { outline:2px solid #6cbea8!important;outline-offset:3px;box-shadow:0 0 0 5px #71bfae22!important;animation:none!important; }
.fee-ai-cursor > span { position:absolute;left:19px;top:19px;min-width:23px;padding:2px 5px;border:1px solid #c4ffdf;border-radius:5px;background:#21745e;color:#fff;font-size:10px;font-weight:700;line-height:1.4; }
#showcase-root[data-story="event"] .fee-reading-details { display:block;min-height:0;flex:1; }
#showcase-root[data-story="event"] .fee-reading-details > summary { flex:none;margin:15px 0 0;color:#b4bfda;font-size:12px;cursor:pointer; }
#showcase-root[data-story="event"] .fee-reading-details .learn-scenario-reading { margin-top:10px;overflow:visible; }
.fee-agent-console { padding:18px 20px 15px; }
.fee-agent-title { display:flex;align-items:center;gap:11px;min-width:0; }
.fee-agent-title > span { display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #7cc6b83b;border-radius:12px;background:#64c7af13;color:#91e4cf; }
.fee-agent-title svg { width:26px;height:26px; }
.fee-agent-title > div { min-width:0;flex:1; }
.fee-agent-title small { display:block;color:#7eada9;font-size:10px;font-weight:600;letter-spacing:.08em; }
.fee-agent-title strong { display:block;margin-top:2px;color:#ecf5ff;font-size:15px;line-height:1.4; }
.fee-agent-title > i { width:7px;height:7px;flex:none;border-radius:50%;background:#557263; }
.fee-agent-title > i.working { background:#66e0bb;box-shadow:0 0 12px #66e0bb88; }
.fee-agent-stages { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:13px 0 10px;padding:0;list-style:none; }
.fee-agent-stages > li { display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:7px 0;border-radius:7px;background:#9bb6dc0b;color:#73849d;font-size:11px;white-space:nowrap; }
.fee-agent-stages > li > span { display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#8295b322;font-size:10px; }
.fee-agent-stages > li.done { color:#8ebeb1; }
.fee-agent-stages > li.active { color:#d6fff1;background:#3cb59126;box-shadow:inset 0 0 0 1px #6de3be55; }
.fee-agent-stages > li.active > span { background:#88e5c6;color:#102e28; }
.fee-agent-console > p { min-height:32px;margin:0!important;color:#a5b6cc;font-size:12px;line-height:1.5; }
.fee-portal { width:100%;min-width:0;align-self:start;padding:16px;border:1px solid #e0e8ee;border-radius:14px;background:#fcfdfd;color:#243644;box-shadow:0 10px 25px #0002; }
.fee-portal svg { display:block;flex:none;width:19px;height:19px; }
.fee-portal-head { display:flex;align-items:center;gap:9px; }
.fee-community-icon { display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#e5f4ef;color:#267f66; }
.fee-portal-head > div { min-width:0;flex:1; }
.fee-portal-head strong { display:block;color:#243c35;font-size:15px;line-height:1.4; }
.fee-portal-head > div > span { display:block;color:#7a8a86;font-size:10px;line-height:1.5; }
.fee-portal-state { padding:4px 7px;border-radius:6px;background:#edf1f4;color:#6a7a82;font-size:9px;white-space:nowrap; }
.fee-portal-state.complete { background:#e1f4eb;color:#287a5d; }
.fee-own-bill { display:flex;justify-content:space-between;gap:8px;margin:14px 0 12px;padding:10px 0;border-top:1px solid #e9eef0;border-bottom:1px solid #e9eef0;font-size:10px;color:#87959c; }
.fee-own-bill > span { display:grid;gap:3px; }
.fee-own-bill > span:last-child { text-align:right; }
.fee-own-bill strong { color:#344a57;font-size:12px;font-weight:600; }
.fee-scope-panel { display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:14px;padding:12px;border:1px solid #f1dcb9;border-radius:11px;background:#fffbf3; }
.fee-building-grid { display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;width:100%;padding:5px;border:1px solid #dfd7c6;border-radius:5px;background:#eee9dc; }
.fee-building-grid > i { display:block;aspect-ratio:1;border-radius:1px;background:#d3dce0; }
.fee-building-grid > i.selected { background:#e3b875;box-shadow:inset 0 0 0 1px #bc8d4a22; }
.fee-building-grid > i.own { background:#2b8a75;outline:2px solid #185b4b;outline-offset:1px;position:relative;z-index:1; }
.fee-building > span { display:flex;align-items:center;gap:4px;margin-top:6px;color:#75887e;font-size:8px; }
.fee-building > span > i { display:inline-block;width:6px;height:6px;flex:none;background:#2b8a75;border-radius:1px; }
.fee-scope-copy { min-width:0; }
.fee-scope-label { display:block;color:#8e8068;font-size:10px;line-height:1.5; }
.fee-scope-copy > strong { display:block;margin:2px 0 5px;color:#5e482b;font-size:28px;line-height:1.2;letter-spacing:-.04em; }
.fee-scope-pill { display:inline-block;border-radius:5px;padding:4px 6px;background:#f5e4c6;color:#8c622b;font-size:9px;line-height:1.4; }
.fee-scope-copy > p { margin:6px 0 0!important;color:#a28d70;font-size:9px;line-height:1.5; }
.fee-scope-panel.own-only { border-color:#c5e3d8;background:#f2faf6; }
.fee-scope-panel.own-only .fee-scope-pill { background:#dcefe4;color:#277a5c; }
.fee-scope-panel.own-only .fee-scope-copy > strong { color:#276650; }
.fee-scope-panel.own-only .fee-building-grid { border-color:#d4e0dc;background:#e7eeeb; }
.fee-amount { display:flex;align-items:end;justify-content:space-between;gap:8px;padding:14px 0 12px; }
.fee-amount > div > span { display:block;margin-bottom:4px;color:#8b979c;font-size:10px; }
.fee-amount strong { display:block;color:#233c48;font-size:clamp(24px,2.7vw,34px);line-height:1.15;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums; }
.fee-amount > span { padding-bottom:3px;color:#8b979c;font-size:9px;text-align:right;line-height:1.5; }
.fee-pay-control { display:flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:9px 12px;border:1px solid #287c65;border-radius:9px;background:#287c65;color:#fff;font-size:12px;font-weight:600;line-height:1.5;text-align:center; }
.fee-pay-control.paid { border-color:#d5e9df;background:#e8f5ed;color:#297456; }
.fee-pay-control.waiting { border-color:#d5e5f4;background:#eaf3fc;color:#376a94; }
.fee-actor { display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;color:#8b9d98;font-size:9px; }
.fee-actor svg { width:13px;height:13px; }
@media(min-width:1024px) {
 /* Native details wraps its content in a separate box. Scroll the constrained
    details itself so its expanded reading content cannot escape the sidebar. */
 #showcase-root[data-story="event"] .fee-reading-details { overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#58667d transparent; }
 #showcase-root[data-story="event"] .learn-scenario-sidebar { flex:0 0 28%;width:300px;min-width:260px;max-width:340px;padding:20px; }
 #showcase-root[data-story="event"] .sim-phone-frame { max-width:280px; }
}
@media(min-width:1024px) and (max-height:760px) {
 .fee-agent-console { padding:10px 13px 8px; }
 .fee-agent-console > p { display:none; }
 .fee-agent-stages { margin-bottom:0; }
 .fee-portal { padding:12px; }
 .fee-own-bill { margin:9px 0;padding:7px 0; }
 .fee-scope-panel { grid-template-columns:88px minmax(0,1fr);padding:9px;gap:12px; }
 .fee-amount { padding:10px 0; }
 .fee-actor { margin-top:6px; }
}
@media(max-width:1023px) {
 #showcase-root[data-story="event"] .learn-scenario-sidebar { padding:14px 16px; }
 #showcase-root[data-story="event"] .learn-simulation-panel { min-height:0;padding:12px; }
 #showcase-root[data-story="event"] .sim-app { display:flex;flex-direction:column;height:min(520px,calc(100dvh - 230px));min-height:400px;max-width:760px; }
 #showcase-root[data-story="event"] .sim-workbench { flex:1;min-height:0;overflow:hidden;grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr);gap:8px; }
 #showcase-root[data-story="event"] .sim-device { min-height:0; }
 #showcase-root[data-story="event"] .sim-phone-chat { min-height:0;overflow:auto; }
 #showcase-root[data-story="event"] .sim-phone-frame { min-height:0; }
 #showcase-root[data-story="event"] .sim-screen .sim-canvas { min-height:0;overflow:auto; }
 #showcase-root[data-story="event"] .sim-phone-app-head .sim-app-presence { display:none; }
}
@media(max-width:600px) {
 #showcase-root[data-story="event"] .learn-simulation-panel { padding:8px; }
 #showcase-root[data-story="event"] .sim-workbench { grid-template-columns:minmax(132px,.82fr) minmax(0,1.18fr);gap:6px; }
 #showcase-root[data-story="event"] .sim-phone-frame { width:calc(100% - 8px);margin:4px;border-width:4px;border-radius:25px; }
 #showcase-root[data-story="event"] .sim-phone-status { padding-inline:10px;font-size:9px; }
 #showcase-root[data-story="event"] .sim-phone-app-head .sim-app-logo { display:none; }
 #showcase-root[data-story="event"] .sim-phone-app-head strong { font-size:11px; }
 #showcase-root[data-story="event"] .sim-phone-app-head p { font-size:9px; }
 #showcase-root[data-story="event"] .sim-phone-chat { padding:9px 6px;gap:8px; }
 #showcase-root[data-story="event"] .sim-pm { padding:7px 8px;font-size:11px; }
 #showcase-root[data-story="event"] .sim-phone-composer { padding:7px 5px; }
 #showcase-root[data-story="event"] .sim-phone-composer .sim-compose textarea { padding:9px 36px 9px 9px;font-size:11px!important;min-height:48px; }
 #showcase-root[data-story="event"] .sim-phone-composer .sim-compose .sim-actions:has(.sim-send-action) { width:29px;height:29px;right:4px;bottom:9px; }
 #showcase-root[data-story="event"] .sim-phone-composer .sim-compose .sim-send-action { width:29px!important;min-width:29px!important;max-width:29px;height:29px!important;min-height:29px!important;max-height:29px; }
 #showcase-root[data-story="event"] .sim-phone-composer .sim-compose .sim-send-action svg { width:16px;height:16px; }
 #showcase-root[data-story="event"] .sim-screen .sim-canvas { padding:7px; }
 .fee-agent-console { padding:10px 9px; }
 .fee-agent-title { gap:6px; }
 .fee-agent-title > span { width:25px;height:25px;border-radius:7px; }
 .fee-agent-title svg { width:17px;height:17px; }
 .fee-agent-title strong { font-size:11px; }
 .fee-agent-title small { font-size:8px; }
 .fee-agent-stages { gap:3px;margin:8px 0 0; }
 .fee-agent-stages > li { flex-direction:column;font-size:9px;gap:3px; }
 .fee-agent-console > p { display:none; }
 .fee-portal { padding:10px;border-radius:11px; }
 .fee-portal-head { gap:6px; }
 .fee-community-icon { width:25px;height:25px;border-radius:7px; }
 .fee-community-icon svg { width:17px;height:17px; }
 .fee-portal-head strong { font-size:12px; }
 .fee-portal-head > div > span { font-size:8px; }
 .fee-portal-state { font-size:8px;padding:3px 4px; }
 .fee-own-bill { margin:9px 0;padding:7px 0;font-size:9px; }
 .fee-own-bill strong { font-size:11px; }
 .fee-scope-panel { display:block;padding:9px; }
 .fee-building { display:none; }
 .fee-scope-copy > strong { font-size:27px; }
 .fee-scope-copy > p { font-size:9px; }
 .fee-amount { display:block;padding:12px 0 10px; }
 .fee-amount strong { font-size:25px; }
 .fee-amount > span { display:block;margin-top:4px;text-align:left; }
 .fee-pay-control { min-height:37px;padding:7px 5px;font-size:10px;gap:5px; }
 .fee-pay-control svg { width:14px;height:14px; }
 .fee-actor { font-size:8px;gap:3px; }
 #showcase-root[data-story="event"] .sim-backstage .sim-result { margin:0 7px 7px!important;padding:0; }
 #showcase-root[data-story="event"] .sim-result p { font-size:10px; }
 #showcase-root[data-story="event"] .sim-result-actions .sim-button { font-size:9px!important;min-height:30px;white-space:normal; }
 #showcase-root[data-story="event"] .sim-sms-notification.sim-mail-charge { left:3px;right:3px;padding:8px;border-radius:12px; }
 #showcase-root[data-story="event"] .sim-mail-charge > p { font-size:10px; }
}
@media(max-width:600px) and (max-height:740px) {
 #showcase-root[data-story="event"] .fee-agent-stages { display:none; }
 #showcase-root[data-story="event"] .fee-own-bill { margin:7px 0;padding:6px 0; }
 #showcase-root[data-story="event"] .fee-scope-panel { padding:7px; }
}

/* Shared payment page for the user and AI demonstrations. */
.fee-resident-browser { width:100%;min-width:0;border:1px solid #d8e2e8;border-radius:12px;background:#fff;color:#243644;overflow:hidden;box-shadow:0 8px 24px #0002; }
.fee-browser-bar { display:grid;grid-template-columns:13px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid #dde5eb;background:#f1f4f7;color:#75838e;font-size:9px; }
.fee-browser-bar > span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.fee-browser-bar svg { display:block;width:12px;height:12px; }
.fee-browser-bar > strong { padding:3px 5px;border-radius:4px;background:#e0edff;color:#3767a2;font-size:9px;white-space:nowrap; }
.fee-resident-browser[data-actor="ai"] .fee-browser-bar > strong { background:#e2f3eb;color:#287c65; }
.fee-resident-page { padding:12px; }
.fee-resident-brand { display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid #e8edf1; }
.fee-resident-brand > span:first-child { display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:#e6f3ed;color:#287c65; }
.fee-resident-brand svg { width:20px;height:20px; }
.fee-resident-brand > div { min-width:0;flex:1; }
.fee-resident-brand strong { display:block;font-size:14px;line-height:1.4;color:#253e36; }
.fee-resident-brand small { display:block;font-size:9px;color:#81918b;line-height:1.5; }
.fee-resident-bill-status { border-radius:4px;background:#f0f4f6;padding:4px 6px;color:#71828b;font-size:9px;white-space:nowrap; }
.fee-resident-heading { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px; }
.fee-resident-heading h2 { margin:0;color:#2a3d48;font-size:13px;line-height:1.4; }
.fee-resident-heading > span { color:#84929b;font-size:9px;white-space:nowrap; }
.fee-resident-help { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;padding:6px 8px;border-radius:6px;background:#f2f6f8;color:#7d8b94;font-size:10px; }
.fee-resident-help strong { color:#354f60;font-size:11px; }
.fee-resident-tools { display:flex;align-items:center;gap:8px;font-size:10px; }
.fee-resident-tools > label { display:flex;align-items:center;gap:4px;white-space:nowrap; }
.fee-resident-tools > span { flex:1;color:#7d8b94;text-align:right;white-space:nowrap; }
.fee-resident-tools > button { min-height:27px;padding:4px 9px;border:1px solid #b5cde7;border-radius:6px;background:#eef5ff;color:#35679f;font-family:inherit;font-size:10px;font-weight:600;white-space:nowrap; }
.fee-resident-browser input[type="checkbox"] { appearance:none;display:inline-block;flex:none;width:13px;height:13px;margin:0;border:1px solid #bac8d1;border-radius:3px;background:#fff;opacity:1; }
.fee-resident-browser input[type="checkbox"]:checked { border-color:#34856d;background-color:#34856d;background-position:center;background-size:10px 10px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 2.5 2.5L10 3' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.fee-resident-units { width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px 0;margin:5px 0 0;font-size:9px; }
.fee-resident-units th { padding:0;text-align:center;color:#88959e;font-size:9px;font-weight:500;line-height:18px;white-space:nowrap; }
.fee-resident-units tr > th:first-child { width:32px; }
.fee-resident-units td { padding:0; }
.fee-resident-units td > label { display:grid;place-items:center;height:clamp(14px,2.4dvh,22px);border:1px solid transparent;border-radius:4px; }
.fee-resident-units .fee-resident-own > label { border-color:#388971;background:#eaf7f0; }
.fee-resident-legend { display:flex;align-items:center;gap:4px;margin-top:5px;color:#6d8a7d;font-size:8px; }
.fee-resident-legend > i { width:7px;height:7px;border:1px solid #388971;border-radius:2px;background:#eaf7f0; }
.fee-resident-checkout { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid #e7edf1; }
.fee-resident-checkout > div > span { display:block;color:#7c8c96;font-size:9px; }
.fee-resident-checkout > div > span > small { margin-left:4px; }
.fee-resident-checkout strong { display:block;margin-top:2px;color:#263e4d;font-size:27px;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums; }
.fee-resident-checkout > div > small { display:block;margin-top:3px;color:#8d99a1;font-size:8px; }
.fee-resident-primary { min-height:35px;padding:7px 14px;border:1px solid #287c65;border-radius:7px;background:#287c65;color:#fff;font-family:inherit;font-size:12px;font-weight:600;white-space:nowrap; }
.fee-resident-primary:disabled { border-color:#d6e1e6;background:#eef3f6;color:#81929b; }
.fee-resident-browser[aria-busy="true"] .fee-resident-form { pointer-events:none; }
.fee-resident-receipt { padding:24px 4px;text-align:center; }
.fee-resident-check { display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:#e3f4e9;color:#2d8765; }
.fee-resident-check svg { width:25px;height:25px; }
.fee-resident-receipt h2 { margin:0;color:#294b3d;font-size:17px; }
.fee-resident-receipt > strong { display:block;margin:10px 0 7px;color:#263e4d;font-size:33px;letter-spacing:-.04em; }
.fee-resident-receipt > p { margin:6px 0!important;color:#738b7e;font-size:11px; }
.fee-resident-receipt > div { margin:6px 0;color:#8d99a1;font-size:9px; }
.fee-resident-receipt p.fee-resident-paid-by { display:inline-block;margin-top:12px!important;padding:5px 8px;border-radius:5px;background:#eaf2ff;color:#3c6b9d;font-size:10px; }
.fee-resident-browser[data-actor="ai"] .fee-resident-receipt p.fee-resident-paid-by { background:#e2f3eb;color:#287c65; }
.fee-user-console .fee-agent-title > span { border-color:#7ca9dc55;background:#5495da16;color:#a3ceff; }
.fee-user-console .fee-agent-title small { color:#91b6e1; }
.fee-user-console .fee-agent-stages > li.active { background:#487ab32b;color:#dfedff;box-shadow:inset 0 0 0 1px #7ba9e455; }
.fee-user-console .fee-agent-stages > li.active > span { background:#a4caff;color:#163854; }
.fee-user-target { outline:2px solid #6596d0;outline-offset:2px; }
#showcase-root .sim-cursor.fee-user-cursor { animation:none!important;filter:drop-shadow(0 2px 3px #0006);transform-origin:3px 2px; }
.fee-user-cursor > span { position:absolute;left:18px;top:21px;padding:3px 6px;border:1px solid #bfdcff;border-radius:5px;background:#3468a4;color:#fff;font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap; }
@media(min-width:1024px) and (max-height:760px) {
 .fee-resident-page { padding:9px; }
 .fee-resident-units td > label { height:16px; }
 .fee-resident-heading { margin-top:7px; }
 .fee-resident-help { margin:6px 0; }
 .fee-resident-checkout { margin-top:6px;padding-top:6px; }
}
@media(max-width:600px) {
 .fee-browser-bar { grid-template-columns:10px minmax(0,1fr) auto;padding:5px;gap:3px;font-size:7px; }
 .fee-browser-bar > strong { padding:2px 3px;font-size:7px; }
 .fee-resident-page { padding:7px; }
 .fee-resident-brand { gap:5px;padding-bottom:6px; }
 .fee-resident-brand > span:first-child { width:22px;height:22px;border-radius:6px; }
 .fee-resident-brand svg { width:16px;height:16px; }
 .fee-resident-brand strong { font-size:11px; }
 .fee-resident-brand small { font-size:7px; }
 .fee-resident-bill-status { display:none; }
 .fee-resident-heading { display:block;margin-top:7px; }
 .fee-resident-heading h2 { font-size:10px; }
 .fee-resident-heading > span { font-size:8px; }
 .fee-resident-help { margin:6px 0;padding:5px;font-size:8px; }
 .fee-resident-help strong { font-size:9px; }
 .fee-resident-tools { gap:4px;font-size:8px; }
 .fee-resident-tools > button { min-height:24px;padding:3px 4px;font-size:8px; }
 .fee-resident-browser input[type="checkbox"] { width:10px;height:10px;border-radius:2px;background-size:8px 8px; }
 .fee-resident-units { border-spacing:1px 0; }
 .fee-resident-units th { font-size:8px;line-height:14px; }
 .fee-resident-units tr > th:first-child { width:23px; }
 .fee-resident-units td > label { height:14px;border-radius:2px; }
 .fee-resident-legend { font-size:7px;margin-top:3px; }
 .fee-resident-checkout { display:block;margin-top:6px;padding-top:6px; }
 .fee-resident-checkout strong { font-size:23px; }
 .fee-resident-primary { width:100%;min-height:27px;margin-top:6px;padding:4px 8px;font-size:10px; }
 .fee-resident-receipt { padding:16px 0; }
 .fee-resident-receipt h2 { font-size:13px; }
 .fee-resident-receipt > strong { font-size:25px; }
 .fee-resident-receipt > p { font-size:9px; }
 .fee-resident-receipt p.fee-resident-paid-by { padding:4px;font-size:8px; }
}