.guided-office{color:#253b30;background:#e6e9e4;flex-direction:column;height:100dvh;font:14px/1.4 Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.office-stage{flex:1;min-height:0;position:relative;overflow:hidden}.guided-office{position:relative}.office-veil{z-index:100;color:#6b7390;background:#e6e9f2;place-items:center;display:grid;position:absolute;inset:0}.office-veil.is-done{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s,visibility 0s linear .5s}@media (prefers-reduced-motion:reduce){.office-veil.is-done{transition:none}}.office-navigation{z-index:50;background:#f7faf6;border-top:1px solid #dbe2d9;flex-wrap:wrap;align-items:center;gap:20px;padding:7px 18px;display:flex}.office-navigation [role=group]{gap:3px;display:flex}.office-navigation button{color:#44594b;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:7px 11px;display:inline-flex}.office-navigation button:focus-visible,.office-focus-screen:focus-visible{outline-offset:-3px;outline:3px solid #0f6cbd}.office-navigation button:disabled{opacity:.55;cursor:default}.office-navigation .office-mode{border-color:#d0dbce;margin-left:auto}.office-navigation [role=status]{font-size:12px}.office-controls>.guided-theme{flex:none;min-height:0}.guided-office .office-player{height:auto;min-height:0}.guided-office .office-player>.guided-main{display:none}.office-player>.call-footer{z-index:50;position:relative}.office-monitor,.office-phone,.office-screen-content,.office-screen-content>div{width:100%;height:100%}.office-monitor{background:#f3f5f3;position:relative;overflow:hidden;transform:translateZ(0)}.office-conversation{box-sizing:border-box;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;height:100%;padding:12px;display:grid}.office-conversation[hidden],.office-configuration[hidden]{display:none}.office-desk-host,.office-transcript-host{min-width:0;min-height:0}.office-monitor .guided-desk,.office-monitor .guided-transcript{box-sizing:border-box;background:#fff;border:1px solid #e1e5df;flex-direction:column;height:100%;display:flex;overflow:hidden}.office-monitor .desk-content,.office-monitor .transcript-scroll{flex:1;min-height:0;overflow:auto}.office-monitor .desk-waiting{height:85%}.office-phone{justify-content:center;align-items:center;display:flex}.office-phone .guided-customer{width:100%;height:100%}.office-phone .phone-shell{box-sizing:border-box;width:100%;height:100%;min-height:0;max-height:none}.office-configuration,.office-configuration>.guided-theme,.office-configuration .cx-explorer{width:100%;height:100%}.office-configuration{position:absolute;inset:0;transform:translateZ(0)}.office-portals{pointer-events:none;z-index:100;position:absolute;inset:0;overflow:clip}.cx-embedded-drawer-backdrop{background:#0003;position:fixed;inset:0}.office-portals>*{pointer-events:auto}.office-portals .fui-OverlayDrawer{max-height:100%}.office-portals .fui-DialogSurface{max-height:calc(100% - 32px)}.office-screen{position:relative}.office-screen-monitor{width:1280px;height:720px}.office-screen-phone{width:340px;height:640px}.office-focus-screen{cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.office-flat-layout{box-sizing:border-box;justify-content:center;align-items:center;gap:40px;height:100%;padding:28px 32px;display:flex}.office-flat-layout>div{min-width:0;height:min(640px,100%);min-height:0}.office-flat-layout .office-flat-phone{flex:0 0 340px}.office-flat-layout .office-flat-transcript{flex:0 500px}.office-flat-layout .office-flat-monitor{border-radius:12px;flex:0 1180px;height:min(720px,100%);overflow:hidden;box-shadow:0 0 0 7px #fff9,0 30px 70px #3a446824}.office-flat-layout .is-offstage{display:none}.office-flat-layout[data-focus=human] .office-flat-monitor{order:-1}@media (width<=900px){.office-flat-layout{flex-direction:column;justify-content:flex-start;gap:24px;padding:20px 16px;overflow:auto}.office-flat-layout>div,.office-flat-layout .office-flat-monitor{flex:none;width:100%;height:620px}.office-flat-layout .office-flat-phone{flex:none;width:min(340px,100%)}.office-phone .phone-shell{max-width:280px}.office-navigation{gap:4px;padding:6px;font-size:12px}.office-navigation button{padding:6px}}@media (width<=620px){.office-conversation{flex-direction:column;display:flex;overflow:auto}.office-desk-host,.office-transcript-host{min-height:520px}}.office-monitor .guided-theme,.office-phone .guided-theme{height:100%;min-height:0}.office-scene{height:100%;position:relative;overflow:hidden}.office-phone>.guided-theme{width:100%}.office-screen-phone .office-phone .phone-shell{width:100%;max-width:none;height:100%}.office-controls{z-index:50;flex:none;position:relative}.guided-office{color:#41465d;background:#e6e9f2}.office-navigation{background:#f4f5fbef;border-color:#dce1ee}.office-navigation button{color:#535c74}.office-navigation button[aria-pressed=true]{color:#254e92;background:#e3e8f5}.office-navigation button:hover{background:#e9edf7}.office-navigation .office-mode{border-color:#d7dfec}.office-screen-monitor{border-radius:9px;outline:7px solid #fff9;overflow:hidden;box-shadow:0 18px 60px #434d6f1f}.office-monitor{background:#dce5f7}.office-phone .phone-shell{background:linear-gradient(150deg,#fafbff,#edf0f9);border-color:#adb6c8}.office-phone .phone-wave{color:#8194b8}.office-conversation{background:#f3f5fa}.office-phone .phone-shell{border:3px solid #ffffffb8}.office-scene canvas{cursor:grab;touch-action:none}.office-scene canvas:active{cursor:grabbing}.scene-debug{z-index:45;color:#e3e7f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b212df2;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;width:304px;max-height:calc(100% - 28px);font-size:12px;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 12px 40px #15244330}.scene-debug:focus{outline:none}.scene-debug header{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.scene-debug button{color:inherit;cursor:pointer;font:inherit;background:#ffffff0d;border:1px solid #fff2;border-radius:5px;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.scene-debug button:hover{background:#ffffff20}.scene-debug button:focus-visible,.scene-debug input:focus-visible,.scene-debug select:focus-visible,.scene-debug summary:focus-visible{outline-offset:2px;outline:2px solid #9ab9ff}.scene-debug-body{padding:12px 14px;overflow:auto}.scene-debug details{border-bottom:1px solid #ffffff20;padding:10px 0}.scene-debug summary{cursor:pointer;padding:3px 0 8px;font-weight:600}.scene-slider{margin:8px 0;display:block}.scene-slider>span{justify-content:space-between;display:flex}.scene-slider output{color:#abbfe9;font-variant-numeric:tabular-nums}.scene-slider input{accent-color:#9ab9ff;width:100%;margin:6px 0 0}.scene-toggle,.scene-select{justify-content:space-between;align-items:center;gap:8px;margin:10px 0;display:flex}.scene-debug input[type=color]{background:0 0;border:0;width:36px;height:25px;padding:0}.scene-debug select{min-width:0;max-width:175px;color:inherit;background:#323b50;border:1px solid #fff2;border-radius:4px;padding:5px}.scene-debug-body>button{margin:12px 6px 0 0}.scene-debug p{color:#b2bbcc;margin-bottom:0;font-size:11px}.office-conversation{padding:0;display:block}.office-desk-host{height:100%}.office-screen-transcript{width:500px;height:640px}.office-transcript-host,.office-transcript-host>.guided-theme{height:100%;min-height:0}.office-transcript-host .guided-transcript{background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.office-transcript-host .transcript-scroll{flex:1;min-height:0;overflow-y:auto}.office-navigation button{width:35px;height:34px;padding:7px}.office-screen{transition:opacity .6s}.office-screen.is-offstage{opacity:0;pointer-events:none}.office-phone .guided-customer,.office-transcript-host .call-transcript{height:100%}@media (prefers-reduced-motion:reduce){.office-screen{transition:none}}.office-phone.immersive-demo{background:0 0;height:100%;min-height:0}.office-phone>.guided-theme,.office-transcript-host>.guided-theme{background:0 0}.live-presenter{height:100dvh;position:relative;overflow:hidden}.live-projection{height:100%}.live-presenter.is-spatial{background:#e6e9e4}.is-spatial>.live-projection{pointer-events:none;height:auto;position:absolute;inset:0 0 49px;overflow:hidden}.is-spatial .presenter-workspace{width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.is-spatial .presenter-workspace>.agent-pane,.is-spatial .presenter-workspace>.customer-phone-sidebar,.is-spatial .presenter-workspace>.ai-observer{pointer-events:auto;backface-visibility:hidden;filter:brightness(var(--live-screen-brightness,1));border:1px solid #ffffffc7;border-radius:10px;outline:7px solid #ffffff9c;margin:0;position:absolute;top:0;left:0;box-shadow:0 12px 45px #29364a12}.is-spatial .presenter-workspace>.agent-pane{--desktop-height:720px;background:#f5f5f8;width:1280px;height:720px}.is-spatial .presenter-workspace>.customer-phone-sidebar{outline-offset:0;border-radius:46px;width:340px;height:640px;overflow:hidden}.is-spatial .presenter-workspace>.ai-observer{border-radius:30px;width:500px;height:640px;overflow:hidden}.is-spatial .presenter-workspace>.agent-pane,.is-spatial .presenter-workspace>.customer-phone-sidebar,.is-spatial .presenter-workspace>.ai-observer{transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .5s,visibility .5s}.is-spatial .presenter-workspace[data-stage=ai]>.agent-pane,.is-spatial .presenter-workspace[data-stage=human]>.ai-observer{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:reduce){.is-spatial .presenter-workspace>*{transition:none}}.is-spatial .presenter-workspace[data-instant]>*{transition:none}.is-spatial .presenter-workspace .column-divider,.is-spatial .presenter-workspace>.customer-panel-divider{display:none}.is-spatial .presenter-workspace>.customer-phone-sidebar.is-hidden{visibility:hidden;pointer-events:none}.live-office-scene{position:absolute;inset:0 0 49px}.live-office-veil{z-index:58;color:#6b7390;background:#e6e9f2;place-items:center;display:grid;position:absolute;inset:0 0 49px}.live-office-veil.is-done{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s,visibility 0s linear .5s}@media (prefers-reduced-motion:reduce){.live-office-veil.is-done{transition:none}}.live-office-navigation{z-index:60;flex-wrap:nowrap;height:49px;position:absolute;bottom:0;left:0;right:0}.live-office-navigation .scenario-guide{margin-left:auto}.live-office-navigation .office-mode{margin-left:0}.live-office-navigation .scenario-guide-trigger{width:auto;padding:0 12px}.is-spatial .scene-debug{z-index:65}@media (width<=900px),(height<=560px){.live-room-choice{display:none}}@media (width>=761px) and (width<=1400px){.live-presenter:not(.is-spatial) .has-customer .ai-observer{height:calc(100dvh - 60px);top:60px}.live-presenter:not(.is-spatial) .agent-pane:has(.view-options-panel){z-index:46}}