:root{color-scheme:light;font-family:Space Grotesk,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:#13242f;background:#dce6d9}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;min-height:100vh;background:#dce6d9}button,input,textarea,select{font:inherit}button{border:0;border-radius:14px}.app-shell{height:100%;padding:0;overflow:hidden}.office-card,.side-card{background:#fffcf6e0;border:1px solid rgba(19,36,47,.08);border-radius:28px;box-shadow:0 20px 70px #27354214;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:0}.eyebrow,.section-label{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#6f6655}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,3vw,3.4rem);line-height:1.02}h2{margin-bottom:4px;font-size:1.5rem}.intro,.body-copy,.hint{color:#4c5b66}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px;border-radius:16px;font-weight:700}.status-pill.connected{background:#dbf5ec;color:#0a704e}.status-pill.connecting,.status-pill.awaiting-identity,.status-pill.joining,.status-pill.error,.status-pill.disconnected,.status-pill.neutral{background:#eff1ed;color:#4a5560}.workspace-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,1fr);gap:24px;align-items:start}.workspace-grid-solo{grid-template-columns:minmax(0,1fr)}.office-card-main{display:grid;grid-template-rows:minmax(0,1fr);gap:12px;height:100%;overflow:hidden;padding-top:108px;padding-bottom:96px;position:relative}.office-card-main-office{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.office-card-main-build{padding-top:108px;padding-bottom:96px}.workspace-mode-bar{display:flex;align-items:end;justify-content:space-between;gap:18px;position:absolute;inset:18px 18px auto 18px;z-index:8;pointer-events:none;padding-bottom:0}.office-card-main-office .workspace-mode-bar{top:18px;left:50%;right:auto;bottom:auto;justify-content:center;width:auto;transform:translate(-50%)}.workspace-mode-bar>div{pointer-events:auto}.workspace-mode-copy{margin-bottom:0}.workspace-mode-controls{display:flex;flex-wrap:wrap;justify-content:end;gap:10px}.workspace-mode-toggle{display:inline-flex;gap:8px;padding:6px;border-radius:18px;background:#eeebe3db}.workspace-mode-button{padding:11px 15px;border-radius:14px;background:transparent;color:#50606a;font-weight:700;cursor:pointer}.workspace-mode-button.is-active{background:#fffcf6f5;color:#13242f;box-shadow:0 10px 20px #19232a14}.builder-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px;height:100%;min-height:0}.builder-canvas-shell,.builder-panel{background:#fffcf6c2;border:1px solid rgba(19,36,47,.08);border-radius:24px;box-shadow:inset 0 1px #ffffff6b}.builder-canvas-shell{padding:14px;min-height:0}.builder-canvas{position:relative;width:100%;height:100%;min-height:520px;overflow:hidden;border-radius:18px;overscroll-behavior:none;touch-action:none;background:radial-gradient(circle at top left,rgba(255,230,196,.62),transparent 28%),linear-gradient(180deg,#ffffff94,#fff3),repeating-linear-gradient(90deg,rgba(76,97,107,.04),rgba(76,97,107,.04) 1px,transparent 1px,transparent 52px),repeating-linear-gradient(0deg,rgba(76,97,107,.04),rgba(76,97,107,.04) 1px,transparent 1px,transparent 52px),linear-gradient(180deg,#f5f1e8,#ebe5da)}.builder-map-layer,.office-map-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;will-change:transform}.builder-map-artboard,.office-map-artboard{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.builder-svg{width:100%;height:100%}.builder-canvas-preview .builder-cell-preview{cursor:default}.builder-cell{stroke-width:3px;cursor:pointer;transition:transform .16s ease,filter .16s ease,stroke-width .16s ease}.builder-cell:hover{filter:saturate(1.06) brightness(1.02)}.builder-cell-void{stroke-dasharray:10 8}.builder-cell-selected{stroke:#c7622b!important;stroke-width:5px;filter:drop-shadow(0 10px 14px rgba(199,98,43,.18))}.builder-zone-label text{fill:#21343f;font-family:Space Grotesk,Trebuchet MS,sans-serif;font-size:26px;font-weight:700;text-anchor:middle;pointer-events:none}.builder-zone-label-subtle{fill:#62717b!important;font-size:18px!important;font-weight:600!important}.builder-empty-state{display:grid;place-items:center;gap:6px;width:100%;height:100%;text-align:center;color:#50606a}.builder-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:0;overflow:auto;padding-right:4px}.builder-panel{display:grid;gap:14px;padding:18px}.builder-panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.builder-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#c7622b24;color:#9b4f25;font-size:.82rem;font-weight:700}.builder-tool-list{display:flex;flex-wrap:wrap;gap:10px}.builder-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.builder-toggle{display:inline-flex;align-items:center;gap:10px;color:#55656f;font-weight:600}.builder-save-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:capitalize;background:#ecf0ebeb;color:#55656f}.builder-save-pill-saved{background:#dbf5ecf5;color:#0f6f51}.builder-save-pill-saving{background:#ffefd2f5;color:#9a5d12}.builder-save-pill-error{background:#f6e6e4f5;color:#934343}.builder-save-pill-dirty{background:#f6edd6f5;color:#8d6920}.builder-tool-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border-radius:999px;background:#ecf0ebe6;color:#55656f;font-weight:700;cursor:pointer}.builder-tool-chip-active{background:#dbf5ecf5;color:#0f6f51}.builder-action-row{display:grid;gap:10px}.builder-action-buttons{display:flex;flex-wrap:wrap;gap:10px}.builder-action-note{color:#60707a;font-size:.9rem}.builder-inspector-list{display:grid;gap:10px}.builder-inspector-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#f5f7f3eb}.builder-inspector-row span{color:#60707a}.builder-label-field{gap:8px}.builder-label-field input{width:100%;padding:11px 12px;border:1px solid rgba(19,36,47,.12);border-radius:14px;background:#ffffffeb}.builder-palette-field{display:grid;gap:10px}.builder-palette-list{display:grid;gap:8px}.builder-palette-chip{display:inline-flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid rgba(19,36,47,.1);border-radius:14px;background:#ffffffe6;color:#31434d;font-weight:700;cursor:pointer;text-align:left}.builder-palette-chip-active{border-color:#185c4e3d;box-shadow:0 10px 18px #1c383e14}.builder-palette-swatch{display:inline-flex;width:28px;height:28px;border:1px solid transparent;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff85;flex:0 0 auto}.builder-toggle-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:11px 14px;border:1px solid rgba(19,36,47,.1);border-radius:14px;background:#ffffffe6;color:#31434d;font-weight:700;cursor:pointer}.builder-toggle-chip-active{background:#fff8edf5;border-color:#a672323d;color:#8d531f;box-shadow:0 10px 18px #66432214}.status-pill-compact{min-height:0;padding:10px 14px;font-size:.85rem}.mic-status{display:inline-flex;align-items:center;gap:10px;min-height:0;padding:10px 14px;border-radius:16px;font-size:.85rem;font-weight:700;letter-spacing:.01em;background:#f4efe7eb;color:#4a5560}.mic-status-icon{position:relative;width:11px;height:15px;border:2px solid currentColor;border-radius:999px 999px 8px 8px;border-bottom-width:3px;flex:0 0 auto}.mic-status-icon:before{content:"";position:absolute;left:50%;bottom:-7px;width:2px;height:6px;background:currentColor;transform:translate(-50%)}.mic-status-icon:after{content:"";position:absolute;left:50%;bottom:-10px;width:12px;height:6px;border:2px solid currentColor;border-top:0;border-radius:0 0 999px 999px;transform:translate(-50%)}.mic-status-live{background:#dcf4e8fa;color:#0d7651}.mic-status-muted{background:#f7e7e5fa;color:#934343}.mic-status-muted .mic-status-icon{background:linear-gradient(42deg,transparent 41%,currentColor 41%,currentColor 56%,transparent 56%);background-repeat:no-repeat;background-position:center;background-size:18px 18px}.mic-status-offline{background:#eff1edf5;color:#67727c}.board-footnote{display:grid;gap:4px;position:absolute;left:24px;right:24px;bottom:18px;z-index:4;max-width:min(980px,calc(100% - 48px));pointer-events:none;margin-top:0}.board-footnote .hint{margin-bottom:0}.office-card{padding:24px;height:100%}.office-card.office-card-main-office{padding:0}.office-stage{position:relative;height:100%;min-height:clamp(620px,calc(100vh - 120px),860px)}.office-card-main-office .office-stage{min-height:100vh}.map-hud{position:absolute;inset:18px 18px auto 18px;z-index:4;display:grid;gap:14px;pointer-events:none}.map-top-rail,.map-settings-anchor,.tile-control-dock,.interaction-dock{pointer-events:auto}.map-top-rail{display:flex;align-items:start;justify-content:flex-end;gap:16px;width:max-content;margin-left:auto}.map-title-block{display:grid;gap:3px;max-width:420px}.map-title-block .section-label{margin-bottom:2px}.map-title-block h2{margin-bottom:0;font-size:clamp(1.55rem,2vw,2rem);line-height:1.04}.map-subtitle{margin-bottom:0;color:#61717b;font-size:.88rem}.map-top-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:end}.map-action-button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:10px 14px;border-radius:999px;background:#fffcf6f0;border:1px solid rgba(19,36,47,.08);box-shadow:0 10px 22px #19232a14;color:#20333f;font-size:.94rem;font-weight:700;cursor:pointer}.map-action-button:disabled{cursor:not-allowed;color:#88949d}.map-action-button-live{background:#def4e9f5;color:#116a4d}.map-action-button-muted{background:#f6e8e6f5;color:#8f3d3d}.map-action-icon{position:relative;display:inline-block;flex:0 0 auto}.map-action-icon-mic{width:12px;height:16px;border:2px solid currentColor;border-radius:999px 999px 8px 8px;border-bottom-width:3px}.map-action-icon-mic:before{content:"";position:absolute;left:50%;bottom:-7px;width:2px;height:6px;background:currentColor;transform:translate(-50%)}.map-action-icon-mic:after{content:"";position:absolute;left:50%;bottom:-10px;width:12px;height:6px;border:2px solid currentColor;border-top:0;border-radius:0 0 999px 999px;transform:translate(-50%)}.map-action-button-muted .map-action-icon-mic{background:linear-gradient(42deg,transparent 36%,currentColor 36%,currentColor 58%,transparent 58%);background-repeat:no-repeat;background-position:center;background-size:22px 22px}.map-action-icon-home{width:16px;height:12px;border:2px solid currentColor;border-top:0;border-radius:3px}.map-action-icon-home:before{content:"";position:absolute;left:50%;top:-8px;width:12px;height:12px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:translate(-50%) rotate(45deg);background:transparent}.map-settings-anchor{position:relative}.map-settings-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#fffcf6f0;border:1px solid rgba(19,36,47,.08);box-shadow:0 10px 22px #19232a14;cursor:pointer}.map-settings-toggle-open{background:#edf2f0fa}.map-settings-dots{display:inline-flex;gap:4px}.map-settings-dots span{display:block;width:4px;height:4px;border-radius:999px;background:#233843}.map-settings-panel{position:absolute;top:56px;right:0;width:min(380px,calc(100vw - 48px));display:grid;gap:16px;padding:18px;border-radius:24px;background:#fffcf6f5;border:1px solid rgba(19,36,47,.08);box-shadow:0 24px 52px #18212729;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.map-settings-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.tile-control-dock{display:grid;gap:10px;padding:12px 14px;border-radius:22px;background:#fffcf6e6;border:1px solid rgba(19,36,47,.08);box-shadow:0 14px 30px #19232a1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:top .18s ease,right .18s ease,bottom .18s ease,left .18s ease,transform .18s ease,box-shadow .18s ease}.tile-control-dock-top{position:absolute;z-index:4;width:min(940px,calc(100% - 140px))}.tile-control-dock-anchor-top-center{top:18px;left:50%;transform:translate(-50%)}.tile-control-dock-anchor-top-left{top:104px;left:24px}.tile-control-dock-anchor-top-right{top:104px;right:24px}.tile-control-dock-anchor-bottom-center{bottom:84px;left:50%;transform:translate(-50%)}.tile-control-dock-dragging{cursor:grabbing;transition:none;box-shadow:0 28px 52px #1821272e}.tile-control-dock-horizontal{width:min(940px,calc(100% - 140px))}.tile-control-dock-vertical{width:min(248px,calc(100% - 32px));gap:10px;padding:12px;max-height:calc(100% - 40px);overflow:auto}.tile-control-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.tile-control-head-actions{display:inline-flex;align-items:center;gap:10px}.tile-control-dock-vertical .tile-control-head{flex-direction:column;align-items:stretch}.tile-control-dock-vertical .tile-control-head-actions{justify-content:space-between}.tile-control-head strong,.tile-control-head span{display:block}.tile-control-head span{color:#61717b;font-size:.92rem}.listen-state-pill{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;background:#f4ebdbf5;border:1px solid rgba(166,114,50,.16);color:#84531d;font-size:.82rem;font-weight:700}.tile-control-drag-handle{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 11px;border-radius:999px;border:1px solid rgba(19,36,47,.08);background:#f9f5eef5;color:#445863;font-size:.82rem;font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none}.tile-control-drag-handle:active{cursor:grabbing}.tile-control-drag-grip{display:inline-grid;grid-template-columns:repeat(3,4px);gap:3px}.tile-control-drag-grip span{width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.8}.tile-control-groups{display:grid;gap:12px;grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(180px,1fr))}.tile-control-dock-vertical .tile-control-groups{grid-template-columns:1fr;gap:10px}.tile-control-group{display:grid;gap:8px}.tile-control-group-toggle{align-content:start}.tile-control-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#756c5c}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile-control-dock-vertical .segmented-control{grid-template-columns:1fr}.segmented-control button,.toggle-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 12px;border-radius:14px;border:1px solid rgba(19,36,47,.08);background:#f3efe8cc;color:#30424c;font-size:.95rem;font-weight:700;cursor:pointer}.tile-control-dock-vertical .segmented-control button,.tile-control-dock-vertical .toggle-chip{justify-content:flex-start;min-height:42px;padding-inline:14px}.listen-level-control{display:grid;gap:6px;margin-top:2px}.listen-level-control>span{color:#61717b;font-size:.78rem;font-weight:600}.listen-level-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.listen-level-row input[type=range]{width:100%;accent-color:#2f8d68}.listen-level-row strong{min-width:42px;color:#30424c;font-size:.83rem;text-align:right}.segmented-control button.is-active{background:#fffcf6fa;box-shadow:0 10px 20px #202b3214}.segmented-control button:disabled,.toggle-chip:disabled{cursor:not-allowed;color:#8a949a;background:#eeece7b8}.mode-dot{width:9px;height:9px;border-radius:999px}.mode-dot-available{background:#149464}.mode-dot-focus{background:#cf860e}.mode-dot-busy{background:#b44343}.toggle-chip-open{background:#def4e9eb;color:#116a4d}.toggle-chip-closed,.toggle-chip-off{background:#f5ede6eb}.toggle-icon{position:relative;display:inline-block;flex:0 0 auto}.toggle-icon-door{width:12px;height:16px;border-radius:3px;border:2px solid currentColor}.toggle-chip-open .toggle-icon-door{transform:perspective(20px) rotateY(-28deg);transform-origin:left center}.toggle-icon-listen{width:14px;height:14px;border:2px solid currentColor;border-radius:999px}.toggle-icon-listen:before,.toggle-icon-listen:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid currentColor;border-left:0;border-bottom:0;border-radius:999px;transform:rotate(45deg)}.toggle-icon-listen:after{top:-3px;right:-3px;bottom:-3px;left:-3px;opacity:.55}.toggle-icon-screen{width:15px;height:11px;border:2px solid currentColor;border-radius:3px}.toggle-icon-screen:before{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:2px;background:currentColor;border-radius:999px;transform:translate(-50%)}.tile-control-note{gap:4px}.tile-control-note strong{font-size:.86rem;line-height:1.35;color:#31434d}.screen-share-stage{position:absolute;right:18px;bottom:18px;z-index:3;display:flex;flex-direction:column;gap:14px;width:min(560px,calc(100% - 420px));min-width:340px;min-height:220px;padding:18px;border-radius:28px;background:linear-gradient(180deg,#fffcf6f7,#f6f0e7f2);border:1px solid rgba(19,36,47,.08);box-shadow:0 18px 44px #121f2624;pointer-events:auto;overflow:hidden;cursor:grab}.screen-share-stage:active{cursor:grabbing}.screen-share-stage-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.screen-share-stage-head strong,.screen-share-stage-head span{display:block}.screen-share-stage-head span{color:#62717c;font-size:.9rem}.screen-share-stage-tools{display:flex;align-items:center;gap:8px}.screen-share-toolbar{display:flex;align-items:center;gap:6px}.screen-share-toolbar-button{min-width:34px;border:0;border-radius:999px;padding:8px 11px;background:#4a5f691f;color:#20333f;font-size:.82rem;font-weight:700;cursor:pointer}.screen-share-toolbar-button:disabled{opacity:.46;cursor:not-allowed}.screen-share-toolbar-button-label{min-width:62px}.screen-share-toolbar-button-wide{min-width:88px}.screen-share-stage-badge,.screen-share-live-pill{padding:8px 12px;border-radius:999px;background:#e9f4eeeb;color:#116a4d;font-size:.82rem;font-weight:700;white-space:nowrap}.screen-share-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;overflow:auto}.screen-share-grid-multi{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-share-card{display:flex;flex-direction:column;gap:10px;min-height:0;padding:12px;border-radius:22px;background:#fffdf9e6;border:1px solid rgba(19,36,47,.07)}.screen-share-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.screen-share-card-head strong,.screen-share-card-head span{display:block}.screen-share-card-head span{color:#66757f;font-size:.88rem}.screen-share-frame{position:relative;flex:1 1 auto;min-height:204px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at top,#ffdbb552,#10364814),#f5efe5;border:1px solid rgba(19,36,47,.08)}.screen-share-frame>video,.screen-share-frame>audio{width:100%;height:100%;display:block}.screen-share-frame>video{object-fit:contain;background:#1a2329f5;transform:scale(var(--screen-share-zoom, 1));transform-origin:center center}.screen-share-resize-handle{position:absolute;right:12px;bottom:12px;width:18px;height:18px;border:0;border-radius:6px;background:linear-gradient(135deg,transparent 0 48%,rgba(76,97,107,.46) 48% 58%,transparent 58%),linear-gradient(135deg,transparent 0 64%,rgba(76,97,107,.72) 64% 74%,transparent 74%);cursor:nwse-resize}.interaction-dock{position:absolute;left:18px;bottom:18px;z-index:3;display:grid;gap:12px;width:min(360px,calc(100% - 36px))}.map-hud-request-row{display:flex;justify-content:end;pointer-events:none}.request-inbox{display:grid;gap:12px;width:min(360px,100%);pointer-events:auto}.request-inbox-card{display:grid;gap:12px;padding:16px 18px;border-radius:22px;border:1px solid rgba(199,98,43,.18);background:#fff8f0f7;box-shadow:0 20px 34px #1f2a312e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.request-inbox-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.request-inbox-head strong,.request-inbox-head span{display:block}.request-inbox-head span{color:#6d7a83}.request-inbox-card p{margin:0;color:#51616b;line-height:1.45}.request-inbox-pill{flex:0 0 auto;align-self:start;padding:6px 10px;border-radius:999px;background:#c7622b24;color:#9d4e24;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.request-inbox-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.request-inbox-actions button{width:100%;border:0;border-radius:14px;padding:11px 10px;color:#fff;font-weight:700;cursor:pointer;background:#c7622b}.request-inbox-actions .identity-button-secondary{background:#4a5f69}.interaction-card{display:grid;gap:12px;padding:14px 16px;border-radius:20px;border:1px solid rgba(19,36,47,.1);background:#fffbf4f0;box-shadow:0 18px 32px #1f2a3124;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.interaction-card strong,.interaction-card span{display:block}.interaction-card span{color:#5d6d78}.interaction-time{color:#7b8a93;font-size:.76rem;font-weight:600}.interaction-card-alert{background:#fff5e1f5;border-color:#be843633}.interaction-card-muted{background:#f7f9f5f0}.interaction-card-audit{grid-template-columns:minmax(0,1fr) auto;align-items:end}.interaction-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.interaction-actions button{width:100%;border:0;border-radius:14px;padding:11px 10px;color:#fff;font-weight:700;cursor:pointer;background:#c7622b}.interaction-actions .identity-button-secondary{background:#4a5f69}.office-canvas{position:relative;width:100%;height:100%;min-height:clamp(620px,calc(100vh - 120px),860px);overflow:hidden;border-radius:24px;cursor:default;overscroll-behavior:none;touch-action:none;background:linear-gradient(180deg,#ffffff80,#ffffff24),repeating-linear-gradient(90deg,rgba(77,103,110,.04),rgba(77,103,110,.04) 1px,transparent 1px,transparent 52px),repeating-linear-gradient(180deg,rgba(77,103,110,.04),rgba(77,103,110,.04) 1px,transparent 1px,transparent 52px),linear-gradient(180deg,#dee9de,#d6ddd1)}.office-card-main-office .office-canvas{min-height:100vh;border-radius:0}.map-viewport-controls{position:absolute;right:18px;bottom:18px;z-index:3;display:grid;gap:8px;justify-items:end;pointer-events:none}.map-viewport-toolbar{display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:18px;background:#fffcf6eb;border:1px solid rgba(19,36,47,.08);box-shadow:0 16px 28px #18242c1f;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.map-viewport-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:40px;padding:0 14px;border:0;border-radius:14px;background:#f2f7f4f0;color:#22333d;font-size:.86rem;font-weight:700;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.map-viewport-button:hover:not(:disabled){background:#dbece4fa;box-shadow:inset 0 0 0 1px #1a50451a;transform:translateY(-1px)}.map-viewport-button:disabled{opacity:.48;cursor:not-allowed}.map-viewport-button-label{min-width:72px}.map-viewport-button-wide{min-width:104px}.map-viewport-hint{color:#61717b;font-size:.76rem;font-weight:600;white-space:nowrap}.office-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hallway-band,.area,.voice-range,.avatar,.busy-overlay,.door-marker,.door-step,.door-glow{position:absolute}.hallway-band{left:5.8%;top:31.5%;width:81%;height:18.5%;border-radius:28px;background:linear-gradient(180deg,#ffffffa3,#ffffff47),linear-gradient(90deg,#6b86911f,#6b86910a);box-shadow:inset 0 0 0 2px #425d6614;pointer-events:none}.dock-slot{fill:#ffffff14;stroke-width:10px;stroke-linejoin:round}.dock-slot-open{stroke:#31505b1f;stroke-dasharray:20 16}.dock-slot-occupied{stroke:#31505b3d}.dock-slot-active{stroke:#fc964d9e}.dock-slot-hovered{stroke:#1979609e}.dock-drag-line{stroke:#fc964dad;stroke-width:10px;stroke-linecap:round;stroke-dasharray:18 14}.dock-drag-ghost{fill:#fc964d29;stroke:#fc964d8a;stroke-width:4px}.area-cell{stroke-width:4px;transition:fill .16s ease,stroke .16s ease,opacity .16s ease}.area-cell-private{fill:#fcf4e8f5;stroke:#49362233}.area-cell-mode-available{fill:#f4f9eff5;stroke:#46815d38}.area-cell-mode-focus{fill:#fbf2ddf5;stroke:#a074183d}.area-cell-mode-busy{fill:#f6e7e5f7;stroke:#91393947}.area-cell-living-room{fill:var(--living-fill);stroke:var(--living-stroke)}.area-cell-speaking{animation:speaking-cell 1.2s ease-in-out infinite alternate;stroke:#255f547a}.area-speaking-ring{fill:none;stroke:#1f635385;stroke-width:8px;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(31,99,83,.24));animation:speaking-ring 1.15s ease-in-out infinite;pointer-events:none}.area-muted-band{fill:#281616e0;filter:drop-shadow(0 0 4px rgba(255,252,246,.66));pointer-events:none}.area-cell-social{fill:#ffd29ddb;stroke:#784d2229}.area-cell-id-central-table{fill:url(#central-table-fill);stroke:#99602842}.area-cell-id-coffee-spot{fill:#bfe5c3e6;stroke:#39704633}.area-cell-meeting{fill:#a6dad3e6;stroke:#1f58532e}.area-cell-id-meeting-room-1{fill:#aedcd6f0;stroke:#256c643d}.area-cell-corridor{fill:url(#corridor-hatch);stroke:#8492971f;opacity:.92}.area-cell-id-hallway-ring{fill:url(#corridor-hatch);stroke:#8492971f}.area-cell-id-meeting-branch,.area-cell-id-coffee-branch{fill:url(#corridor-hatch);stroke:#84929729}.area-cell-assigned{stroke:#161c21fa;stroke-width:4px;filter:drop-shadow(0 0 10px rgba(22,28,33,.16))}.area-cell-door-closed{fill:#e8d4d4eb;stroke:#802e2e47}.area-label{position:absolute;min-width:96px;padding:8px 10px;border-radius:18px;background:#fffcf6e0;border:1px solid rgba(19,36,47,.08);box-shadow:0 8px 20px #28343c14;transform:translate(-50%,-50%);pointer-events:none;text-align:center;transition:left .22s ease,top .22s ease,box-shadow .18s ease,border-color .18s ease}.area-label strong,.area-label span,.area-label small{display:block}.area-label-private{min-width:68px;width:68px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.area-label strong{font-size:.88rem}.area-label span,.area-label small{color:#586875}.area-label-social,.area-label-meeting{min-width:92px;padding:10px 12px;border-radius:20px}.area-label-id-central-table{background:#fff8edf0;border-color:#a6723233}.area-label-id-meeting-room-1{background:#effbf8f5;border-color:#316f672e}.area-label-id-coffee-spot{background:#f2fcf1f5;border-color:#467b482e}.area-label-id-hallway-ring,.area-label-id-meeting-branch,.area-label-id-coffee-branch{background:#fafcfbd6;border-style:dashed;border-color:#586f7629}.area-label-assigned{border-color:#161c2157;box-shadow:0 14px 28px #161c211f}.area-label-actionable{pointer-events:auto}.area-label-living-room{background:var(--living-label-bg);border-color:var(--living-label-border);box-shadow:0 14px 28px var(--living-label-shadow)}.area-label-speaking{box-shadow:0 14px 28px #1852472e,0 0 #255f5442}.area-label-speaking:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid rgba(37,95,84,.3);clip-path:polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%);animation:pulse-ring 1.5s ease-out infinite;pointer-events:none}.tile-chip{display:grid;justify-items:center;gap:4px;width:72px;min-height:38px;padding:0;background:transparent;border:0;box-shadow:none;clip-path:none}.area-label-action{margin-top:8px;border:0;border-radius:999px;padding:7px 10px;color:#fff;font-size:.76rem;font-weight:700;white-space:nowrap;box-shadow:0 10px 20px #141f251f;cursor:pointer}.area-label-action-join{background:#255f54}.area-label-action-knock{background:#c7622b}.tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:72px;padding:0;font-size:.8rem;line-height:1;letter-spacing:.01em;color:#20333f;text-shadow:0 1px 0 rgba(255,255,255,.5)}.area-label-assigned .tile-name{color:#1b2329}.tile-indicators{display:flex;align-items:center;justify-content:center;gap:7px;padding:0;background:transparent;border:0;box-shadow:none}.tile-indicator{position:relative;display:inline-block;width:9px;height:9px;border-radius:999px;box-shadow:0 0 0 1.5px #fffcf6eb}.tile-indicator-mode-available{background:#149464}.tile-indicator-mode-focus{background:#cf860e}.tile-indicator-mode-busy{background:#b44343}.tile-indicator-door-open{width:12px;height:10px;border-radius:3px;background:#fffcf6fa;box-shadow:inset 0 0 0 1.5px #2f8c67,0 0 0 1.5px #fffcf6eb;transform:skewY(-14deg)}.tile-indicator-door-closed{width:12px;height:10px;border-radius:3px;background:#8f3636;box-shadow:0 0 0 1.5px #fffcf6eb}.tile-indicator-listen{width:11px;height:11px;border-radius:999px;background:#fffcf6fa;box-shadow:inset 0 0 0 1.5px #915c18,0 0 0 1.5px #fffcf6f2}.tile-indicator-listen:before,.tile-indicator-listen:after{content:"";position:absolute;border:1.5px solid #915c18;border-left:0;border-bottom:0;border-radius:999px;transform:rotate(45deg)}.tile-indicator-listen:before{top:1px;right:1px;bottom:1px;left:1px}.tile-indicator-listen:after{top:-3px;right:-3px;bottom:-3px;left:-3px;opacity:.55}.area{padding:14px;border-radius:24px;border:2px solid rgba(31,53,60,.18);transition:transform .16s ease,box-shadow .16s ease}.area-private{background:linear-gradient(180deg,#fffcf4f2,#f4ede1fa)}.area-social{background:linear-gradient(180deg,#ffdab3c7,#fabf88d6)}.area-meeting{background:linear-gradient(180deg,#aad8d2d1,#8cc3bbe6)}.area-corridor{background:#ffffff1a;border-style:dashed;border-color:#3a555e1f}.area-assigned{box-shadow:0 0 0 4px #fc964d40}.area-door-closed{box-shadow:inset 0 0 0 999px #5e1f1f0f}.area-title-row{display:flex;justify-content:space-between;gap:10px;font-weight:700}.room-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:end}.area-owner{display:inline-block;margin-top:8px;color:#6d665d}.room-mode,.door-state{padding:3px 8px;border-radius:999px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.room-mode-available,.door-state-open{background:#0db0741f;color:#0a704e}.room-mode-focus{background:#fab3572e;color:#905100}.room-mode-busy,.door-state-closed{background:#bf4c4c29;color:#8e2525}.voice-range{transform:translate(-50%,-50%);border-radius:999px;border:2px dashed rgba(252,150,77,.7);background:radial-gradient(circle,#fc964d24,#fc964d03);pointer-events:none}.busy-overlay{display:grid;place-items:center;border-radius:24px;background:#871f1f24;color:#7f2020;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.door-marker{width:36px;height:14px;border-radius:999px;box-shadow:0 3px 10px #13242f2e;pointer-events:none}.door-marker-open{background:#2f8c67}.door-marker-closed{background:#8f3636}.door-step{width:28px;height:28px;border-radius:999px;pointer-events:none}.door-step-open{border:2px solid rgba(47,140,103,.42);background:#e6faf1f0}.door-step-closed{border:2px solid rgba(143,54,54,.4);background:#ffececf0}.door-glow{width:52px;height:52px;border-radius:999px;filter:blur(8px);opacity:.9;pointer-events:none}.door-glow-open{background:#2f8c6742}.door-glow-closed{background:#8f363638}.avatar{display:flex;align-items:center;gap:8px;min-width:44px;padding:8px 10px;border-radius:999px;background:#103648;color:#fff;box-shadow:0 8px 24px #1036482e;transition:left .18s linear,top .18s linear,box-shadow .16s ease}.avatar span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffffff29;font-weight:800}.avatar label{font-size:.86rem;font-weight:700;white-space:nowrap}.avatar.self{background:#c7622b}.avatar.bot{background:#255f54}.avatar.speaking:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:2px solid rgba(37,95,84,.35);border-radius:999px;animation:pulse-ring 1.6s ease-out infinite}.sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-minimal{gap:18px}.side-card{padding:22px}.side-card-static{display:grid;gap:16px}.sidebar-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.sidebar-signout{flex-shrink:0;align-self:start;padding:10px 14px;cursor:pointer}.panel-stack{display:grid;gap:10px}.panel-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.side-card-collapsible{padding:0;overflow:hidden}.side-card-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;cursor:pointer;list-style:none}.side-card-summary::-webkit-details-marker{display:none}.side-card-content{display:grid;gap:14px;padding:0 22px 22px}.card-summary-meta{flex-shrink:0;padding:8px 12px;border-radius:999px;background:#eff3efeb;color:#40515b;font-weight:700;font-size:.85rem;text-align:right}.quick-controls-copy,.room-card-copy{margin-bottom:0}.shared-room-note{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:#ffeed4eb}.shared-room-note span{color:#596872}.identity-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;padding:12px 14px;border-radius:16px;background:#eff3efdb}.identity-summary span,.room-card span{color:#596872}.meter-track{width:100%;height:14px;margin-bottom:14px;overflow:hidden;border-radius:999px;background:#10364817}.meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f0b56a,#cb6a33)}.meter-track-compact{height:10px;margin-bottom:0}.slider-label{display:block;margin-bottom:8px;font-size:.92rem;font-weight:700}input[type=range],select{width:100%;accent-color:#c7622b}select{border:1px solid rgba(19,36,47,.14);border-radius:12px;background:#fffdfa;padding:10px 12px}.slider-caption{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#596872;font-size:.92rem}.speaker-actions{margin-top:16px}.identity-actions{display:grid;gap:10px}.voice-device-grid{display:grid;gap:12px;margin-top:14px;margin-bottom:14px}.voice-device-field{display:grid;gap:8px}.voice-device-field span{font-size:.92rem;font-weight:700;color:#31434d}.device-test-row{display:grid;gap:10px;padding:12px 14px;border-radius:16px;background:#eff3efdb}.device-test-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.device-test-meta span,.device-test-meta strong{display:block}.device-test-meta span{color:#596872}.device-test-row button{width:100%;padding:11px 12px;cursor:pointer}.voice-level-track{width:120px;height:8px;margin-top:8px;overflow:hidden;border-radius:999px;background:#10364814}.voice-level-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6bc6a6,#cb6a33)}.identity-actions button,.speaker-actions button,.compact-row button,.demo-move-row button{width:100%;border:0;border-radius:14px;padding:12px 10px;color:#fff;font-weight:700;cursor:pointer}.identity-button-secondary{background:#4a5f69;color:#fff}.identity-actions button,.speaker-actions button{background:#c7622b}.identity-actions .identity-button-secondary{background:#4a5f69}.compact-row button{background:#103648}.compact-row-secondary button{background:#4a5f69}.demo-move-row button{background:#255f54}.identity-actions button:disabled,.speaker-actions button:disabled,.compact-row button:disabled{cursor:not-allowed;background:#9da9b0}.speaker-readout{display:flex;flex-direction:column;gap:4px;margin-top:16px}.room-list{display:flex;flex-direction:column;gap:12px}.room-card{padding:14px;border-radius:18px;background:#eff3efdb}.room-card-embedded{padding:18px;border-radius:22px;background:#fbf7efd6;border:1px solid rgba(19,36,47,.08)}.room-card-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.room-card-header strong,.room-card-header span{display:block}.compact-row,.demo-move-row{display:grid;gap:8px}.compact-row{grid-template-columns:repeat(3,1fr)}.compact-row-secondary{margin-top:8px;grid-template-columns:repeat(2,1fr)}.dock-control-block{display:grid;gap:12px;margin-top:14px}.office-controls-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.control-card{display:grid;gap:16px;padding:20px;border-radius:24px;background:#fffcf6d1;border:1px solid rgba(19,36,47,.08);box-shadow:inset 0 1px #fff6}.control-card-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.control-summary-row{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-move-row{grid-template-columns:minmax(0,1fr) 92px}.people-list{display:flex;flex-direction:column;gap:12px}.request-list{display:grid;gap:10px;margin-top:12px}.request-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:18px;background:#fffcf6e6;border:1px solid rgba(19,36,47,.08)}.request-row strong,.request-row span{display:block}.request-row span{color:#62717c;font-size:.9rem}.person-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#eff3efdb}.person-row strong,.person-row span{display:block}.person-row span{color:#596872;font-size:.9rem}.person-metrics{display:flex;flex-direction:column;align-items:end;gap:4px}.person-metrics small{color:#596872}.hearing{min-width:92px;text-align:center;padding:8px 10px;border-radius:999px;font-weight:700;text-transform:capitalize}.hearing-clear,.hearing-same-room,.hearing-connected-island,.hearing-central-table,.hearing-meeting-room-1,.hearing-coffee-spot{background:#dbf5ec;color:#0a704e}.hearing-easy,.hearing-shared-spill{background:#fff0d9;color:#9a6200}.hearing-faint,.hearing-muffled,.hearing-too-far,.hearing-closed-door,.hearing-separate-island,.hearing-unknown{background:#eff1ed;color:#55616a}.entry-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#101b2147;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.entry-modal{width:min(560px,100%);display:grid;gap:20px;padding:28px;border-radius:30px;background:#fffcf6fa;border:1px solid rgba(19,36,47,.1);box-shadow:0 28px 80px #16212838}.entry-form{display:grid;gap:16px}.entry-form input{width:100%;border:1px solid rgba(19,36,47,.14);border-radius:14px;background:#fffdfa;padding:12px 14px}.entry-modal-notice{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:#eff3efe6}.entry-modal-notice strong,.entry-modal-notice span{display:block}.entry-modal-notice span{color:#5d6d78}.entry-modal-actions{display:flex;justify-content:end}.entry-modal-actions button{min-width:180px;border:0;border-radius:16px;padding:14px 18px;color:#fff;font-weight:700;cursor:pointer;background:#c7622b}.entry-modal-actions button:disabled,.interaction-actions button:disabled{cursor:not-allowed;background:#9da9b0}@media (max-width: 1180px){.workspace-grid{grid-template-columns:1fr}.tile-control-dock{width:calc(100% - 36px)}.tile-control-groups,.office-controls-grid{grid-template-columns:1fr}.screen-share-stage{width:min(520px,calc(100% - 36px))}.screen-share-grid-multi{grid-template-columns:1fr}.sidebar-minimal{order:-1}}@media (max-width: 760px){.app-shell{padding:16px}.side-card-summary,.map-hud,.map-top-rail,.map-top-actions,.workspace-mode-bar,.workspace-mode-controls,.map-settings-header,.screen-share-stage-head,.tile-control-head,.sidebar-head,.entry-modal-notice,.device-test-meta{align-items:start;flex-direction:column}.map-hud{inset:12px 12px auto 12px}.builder-panel-grid{grid-template-columns:1fr}.builder-toggle-row,.builder-action-buttons{align-items:stretch;flex-direction:column}.map-title-block{max-width:none}.map-action-button{flex:1 1 auto;justify-content:center}.workspace-mode-toggle{width:100%}.workspace-mode-button{flex:1 1 0;justify-content:center}.tile-control-dock-top{width:auto}.tile-control-dock-anchor-top-center,.tile-control-dock-anchor-top-left,.tile-control-dock-anchor-top-right{top:108px;left:50%;right:auto;transform:translate(-50%)}.tile-control-dock-anchor-bottom-center{bottom:82px;left:50%;right:auto;transform:translate(-50%)}.tile-control-head-actions{width:100%;justify-content:space-between}.map-settings-panel{width:min(380px,calc(100vw - 32px))}.screen-share-stage{left:12px;right:12px;bottom:12px;width:auto;padding:14px}.map-viewport-controls{left:12px;right:12px;bottom:12px;justify-items:stretch}.map-viewport-toolbar{justify-content:space-between;flex-wrap:wrap}.map-viewport-hint{white-space:normal}.compact-row,.compact-row-secondary,.identity-actions,.demo-move-row,.panel-actions,.interaction-actions{grid-template-columns:1fr}.identity-summary{align-items:start;flex-direction:column}.interaction-dock{left:12px;right:12px;bottom:12px;width:auto}.map-hud-request-row{justify-content:stretch}.request-inbox{width:auto}.request-inbox-actions{grid-template-columns:1fr}.request-inbox-head{flex-direction:column}.entry-modal{padding:22px;border-radius:24px}}@keyframes pulse-ring{0%{transform:scale(.92);opacity:.9}to{transform:scale(1.35);opacity:0}}@keyframes speaking-cell{0%{stroke-width:4px;opacity:.9}to{stroke-width:8px;opacity:1}}@keyframes speaking-ring{0%{opacity:.22;stroke-width:4px}to{opacity:.72;stroke-width:11px}}