:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202a;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body:has(.app-page--visitor){background:linear-gradient(180deg,#fff7ed 0%,#f8fafc 46%,#eef7f1 100%)}body:has(.app-page--operator){background:linear-gradient(180deg,#e9eef5 0%,#f4f7fb 36%,#eef2f6 100%)}button{border:0;border-radius:8px;background:#1f6feb;color:#fff;cursor:pointer;font:inherit;font-weight:700;min-height:44px;padding:0 18px}button:disabled{background:#93a1af;cursor:default}.secondary-button{background:#1f2937}button:focus-visible,kbd:focus-visible{outline:3px solid #88b7ff;outline-offset:2px}.app-shell{width:min(1280px,calc(100vw - 32px));margin:0 auto;padding:32px 0}.app-page{min-height:100vh}.top-bar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.top-actions a{color:#1f2937;font-weight:800;text-decoration:none}.top-actions a:focus-visible{outline:3px solid #88b7ff;outline-offset:3px}.eyebrow{color:#5d6874;font-size:.78rem;font-weight:800;margin:0 0 6px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin-bottom:8px}h2{font-size:1.15rem;margin-bottom:10px}p{color:#5d6874;line-height:1.5}.topic-line{color:#4f5b67;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;margin-bottom:0}.status-pill{border-radius:999px;font-size:.85rem;font-weight:800;min-width:126px;padding:10px 14px;text-align:center;text-transform:capitalize}.connected{background:#d8f5e5;color:#096b35}.disconnected{background:#eceff3;color:#52606d}.error{background:#ffe0e0;color:#a62626}.panel{background:#fff;border:1px solid #dce2e8;border-radius:8px;box-shadow:0 10px 30px #17202a0f;padding:22px}.app-page--visitor{color:#1f2933}.app-page--visitor .top-bar{align-items:start;background:rgba(255,255,255,.68);border:1px solid rgba(180,121,78,.16);border-radius:28px;box-shadow:0 20px 48px #6f4e3714;margin-bottom:24px;padding:28px}.app-page--visitor .eyebrow{color:#8a5a2b;font-size:.82rem}.app-page--visitor h1{color:#2f231a;font-size:clamp(2.3rem,5vw,4.2rem);letter-spacing:0;line-height:1}.app-page--visitor .topic-line{color:#4c5d56;font-family:inherit;font-size:clamp(1.05rem,2vw,1.25rem);max-width:620px}.app-page--visitor .top-actions a{color:#5f451f}.app-page--visitor .status-pill{border:1px solid rgba(95,69,31,.16);min-width:132px}.app-page--visitor .panel{background:rgba(255,255,255,.9);border-color:#b4794e2e;border-radius:24px;box-shadow:0 18px 42px #6f4e3717;padding:clamp(22px,4vw,34px)}.app-page--visitor .panel h2{color:#2f231a;font-size:clamp(1.35rem,2.6vw,1.8rem)}.app-page--visitor button{background:#8a5a2b;border-radius:999px;min-height:52px}.app-page--visitor .secondary-button{background:#36594c}.app-page--visitor .danger-button{background:#a62626}.app-page--visitor label{color:#435348;font-size:1rem}.app-page--visitor textarea:focus,.app-page--visitor input:focus,.app-page--visitor select:focus,.app-page--visitor button:focus-visible,.app-page--visitor kbd:focus-visible{outline-color:#b7794f}.app-page--operator .top-bar{border-bottom:1px solid #c9d4df;margin-bottom:14px;padding-bottom:16px}.app-page--operator .topic-line{color:#415064;font-family:inherit;font-size:.98rem}.app-page--operator h1{color:#17202a;font-size:clamp(1.9rem,3vw,2.8rem)}.app-page--operator .panel{box-shadow:0 8px 22px #23324612}.control-panel{align-items:center;display:grid;gap:24px;grid-template-columns:1fr auto;margin-bottom:20px}.operator-status-bar{align-items:center;background:#f8fbff;border:1px solid #b9c7d6;border-radius:8px;box-shadow:0 12px 28px #2332461a;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(110px,1fr)) auto;margin-bottom:16px;padding:12px;position:sticky;top:0;z-index:30}.operator-status-bar div{background:#fff;border:1px solid #d9e2ec;border-radius:8px;display:grid;gap:2px;min-height:58px;padding:8px 10px}.operator-status-bar span{color:#4b647f;font-size:.78rem;font-weight:800;text-transform:uppercase}.operator-status-bar strong{overflow-wrap:anywhere}.key-grid{display:grid;gap:8px;grid-template-columns:repeat(3,64px)}kbd{align-items:center;aspect-ratio:1;background:#eef3f7;border:1px solid #ccd6df;border-bottom-width:3px;border-radius:8px;color:#17202a;display:flex;font-family:inherit;font-size:.85rem;font-weight:800;justify-content:center}.two-column{display:grid;gap:20px;grid-template-columns:.9fr 1.1fr}.user-shell{width:min(820px,calc(100vw - 32px))}.user-grid{gap:18px;grid-template-columns:1fr}.instruction-panel{background:#17202a;border-color:#17202a}.instruction-panel h2,.instruction-panel p{color:#fff}.instruction-panel p{font-size:1.08rem;font-weight:700;margin-bottom:0}.voice-request-panel{display:grid;gap:18px}.voice-state-label{align-items:center;background:#f3eadf;border:1px solid rgba(138,90,43,.2);border-radius:999px;color:#6f461f;display:inline-flex;font-weight:900;justify-self:start;margin-bottom:0;min-height:38px;padding:0 14px;text-transform:capitalize}.talk-button{font-size:clamp(1.4rem,4vw,2.4rem);min-height:168px;width:100%}.talk-button.listening{background:#0f766e;box-shadow:0 0 0 8px #0f766e1f}.audio-controls-panel,.latest-message-panel,.shortcut-panel,.history-panel,.request-inbox-panel{display:grid;gap:14px}.latest-message-panel{background:#f7fff9}.visitor-message-box,.transcript-preview{background:#f8fafc;border:1px solid #d8e2dd;border-radius:18px;color:#24352e;line-height:1.55;padding:16px}.visitor-message-box{font-size:1.08rem;min-height:96px}.transcript-preview{display:grid;gap:6px}.transcript-preview span{color:#5f6f67;font-size:.82rem;font-weight:900;text-transform:uppercase}.transcript-preview strong{color:#26352f;font-weight:800}.shortcut-list{display:grid;gap:10px 14px;grid-template-columns:auto 1fr;margin:0}.shortcut-list dt,.shortcut-list dd{margin:0}.history-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.history-list li{background:#f7f9fb;border:1px solid #dce2e8;border-radius:8px;line-height:1.45;padding:12px}.history-list span{color:#6b7682;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin-right:8px}.app-page--visitor .history-list li{background:#fffaf3;border-color:#b4794e2e;border-radius:16px}.app-page--visitor .history-list span{color:#6f6253;font-family:inherit;font-weight:800}.urgent-history,.urgent-request{border-color:#a62626!important;box-shadow:inset 4px 0 #a62626}.request-inbox-panel{margin-top:16px}.request-inbox-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.request-list{display:grid;gap:12px}.request-card{background:#f7f9fb;border:1px solid #dce2e8;border-radius:8px;display:grid;gap:12px;padding:14px}.request-meta{color:#52606d;font-size:.9rem;margin-bottom:6px}.request-status-badge{border:1px solid #ccd6df;border-radius:999px;display:inline-block;font-weight:900;padding:2px 8px}.status-received{background:#fff8db;color:#5f4b00}.status-accepted,.status-in_progress{background:#eaf3ff;color:#174a86}.status-completed{background:#d8f5e5;color:#096b35}.status-declined,.status-failed{background:#ffe0e0;color:#a62626}.request-summary{color:#17202a;font-size:1.05rem;font-weight:800;margin-bottom:0}.reply-row{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.operator-secondary{margin-top:16px}.diagnostics-section{display:grid;gap:12px;margin-top:16px}.diagnostics-section summary{cursor:pointer;font-weight:900}.diagnostic-log-list{display:grid;gap:8px;list-style:none;margin:12px 0 0;padding:0}.diagnostic-log-list li{border-bottom:1px solid #edf1f4;display:grid;gap:12px;grid-template-columns:86px 1fr;padding-bottom:8px}.diagnostic-log-list span{color:#6b7682;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.status-box{background:#fffaf3;border:1px solid rgba(180,121,78,.2);border-radius:18px;color:#2f231a;font-size:1.08rem;font-weight:800;line-height:1.5;min-height:86px;padding:14px;white-space:pre-wrap}.speech-output{min-height:110px}.speech-panel{display:grid;gap:12px}textarea,input,select{border:1px solid #ccd6df;border-radius:8px;color:#17202a;font:inherit;padding:12px;width:100%}textarea{min-height:112px;resize:vertical}textarea:focus,input:focus,select:focus{border-color:#1f6feb;outline:3px solid #d7e7ff}.button-row{display:flex;flex-wrap:wrap;gap:10px}.status-grid{display:grid;gap:8px 12px;grid-template-columns:140px 1fr;line-height:1.4;margin-bottom:18px}.status-grid span{color:#6b7682}.status-grid strong{font-weight:700;overflow-wrap:anywhere}.error-text{color:#a62626}.log-panel ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.log-panel li{align-items:baseline;border-bottom:1px solid #edf1f4;display:grid;gap:12px;grid-template-columns:86px 1fr;padding:0 0 8px}.log-panel span{color:#6b7682;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.empty-log{margin-bottom:0}.semantic-map-layout{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(620px,1.5fr) minmax(420px,.9fr);margin-top:20px}.map-panel,.area-editor,.region-workspace{min-width:0}.region-workspace{display:grid;gap:20px}.map-toolbar{align-items:end;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(280px,420px);margin-bottom:16px}.map-toolbar p{margin-bottom:0}.map-summary{background:#f7f9fb;border:1px solid #dce2e8;border-radius:8px;display:grid;gap:6px 12px;grid-template-columns:92px 1fr;padding:12px}.map-summary span{color:#6b7682}.map-summary strong{overflow-wrap:anywhere}.map-upload-zone{align-items:center;background:#f7f9fb;border:2px dashed #b9c6d3;border-radius:8px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:16px;padding:16px}.map-upload-zone.dragging{background:#eaf3ff;border-color:#1f6feb}.map-upload-zone h3{font-size:1rem;margin:0 0 4px}.map-upload-zone p,.warning-box p{margin-bottom:0}.warning-box{align-items:center;background:#fff8db;border:1px solid #e8c547;border-radius:8px;color:#5f4b00;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:12px}.visually-hidden{height:1px;left:-9999px;overflow:hidden;position:absolute;top:auto;width:1px}.map-inputs,.grid-controls,.goal-grid{display:grid;gap:10px}.map-inputs{grid-template-columns:minmax(0,1fr) auto}.grid-controls{align-items:end;grid-template-columns:120px 120px minmax(0,1fr);margin-bottom:14px}.mode-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.map-editing-status{background:#f7f9fb;border:1px solid #dce2e8;border-radius:8px;color:#44505c;font-size:.92rem;margin-bottom:14px;padding:10px 12px}label{color:#44505c;display:grid;font-size:.86rem;font-weight:800;gap:6px}.map-metadata,.hint-text{color:#5d6874;line-height:1.4}.map-stage{align-items:center;background:#e8edf2;border:1px solid #ccd6df;border-radius:8px;display:flex;justify-content:center;min-height:360px;overflow:hidden;position:relative}.map-viewport-shell{display:grid;gap:10px}.map-view-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.map-view-controls span{color:#52606d;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800;min-width:54px}.map-viewport{background:#e8edf2;border:1px solid #ccd6df;border-radius:8px;height:min(68vh,720px);min-height:500px;overflow:hidden;position:relative;touch-action:none}.zoom-map-canvas{left:0;line-height:0;position:absolute;top:0;transform-origin:0 0}.zoom-map-canvas img{display:block;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;width:100%}.map-stage img{display:block;max-height:72vh;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.map-canvas{display:inline-block;line-height:0;max-height:72vh;max-width:100%;position:relative;width:fit-content}.map-canvas img{display:block;height:auto;max-height:72vh;max-width:100%;width:auto}.map-placeholder{color:#52606d;font-weight:800;padding:48px 18px;text-align:center}.grid-overlay{display:grid;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.grid-cell{align-items:start;background:rgba(255,255,255,.03);border:1px solid rgba(31,41,55,.22);border-radius:0;color:#17202ab8;display:flex;font-size:.72rem;font-weight:800;justify-content:start;min-height:0;padding:4px;pointer-events:auto;text-shadow:0 1px 2px #fff}.grid-cell:hover,.grid-cell.selected{background:rgba(31,111,235,.22);outline:2px solid rgba(31,111,235,.75);outline-offset:-2px}.grid-cell.region-cell{background:rgba(9,107,53,.26);border-color:#096b3557;box-shadow:inset 0 0 0 1px #096b358a}.grid-cell.draft-region-cell{background:rgba(213,63,140,.24);border-color:#d53f8c61;box-shadow:inset 0 0 0 1px #d53f8cad}.grid-cell.selected-region-cell{background:rgba(31,111,235,.34);border-color:#1f6feb66;box-shadow:inset 0 0 0 3px #1f6febe6}.region-label{background:rgba(255,255,255,.86);border:1px solid rgba(23,32,42,.18);border-radius:999px;color:#17202a;font-size:.72rem;font-weight:900;line-height:1.2;max-width:140px;overflow:hidden;padding:4px 8px;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.region-label.selected{background:#fff;border-color:#1f6febbf;color:#1f6feb}.pose-marker{height:26px;pointer-events:none;position:absolute;transform:translate(-50%,-50%) rotate(var(--pose-yaw, 0rad));transform-origin:center;width:44px;z-index:3}.editable-pose-marker{cursor:grab;pointer-events:auto}.editable-pose-marker:active{cursor:grabbing}.pose-direction-handle{background:#fff;border:2px solid currentColor;border-radius:50%;box-shadow:0 1px 4px #17202a61;cursor:ew-resize;height:14px;left:35px;pointer-events:auto;position:absolute;top:6px;width:14px;z-index:2}.pose-marker:before{border-radius:999px;content:"";height:6px;left:7px;position:absolute;top:10px;width:25px}.pose-marker:after{border-bottom:8px solid transparent;border-left:13px solid currentColor;border-top:8px solid transparent;content:"";left:31px;position:absolute;top:5px}.goal-pose-marker{color:#d53f8c;filter:drop-shadow(0 1px 3px rgba(23,32,42,.42))}.goal-pose-marker:before{background:#d53f8c}.robot-pose-marker{color:#0f766e;filter:drop-shadow(0 1px 3px rgba(23,32,42,.42))}.robot-pose-marker:before{background:#0f766e}.map-tooltip{background:rgba(23,32,42,.94);border-radius:8px;color:#fff;display:grid;font-size:.82rem;gap:2px;line-height:1.3;max-width:220px;padding:8px 10px;pointer-events:none;position:fixed;z-index:20}.map-tooltip span{color:#dce2e8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.debug-panel{background:#f7f9fb;border:1px solid #dce2e8;border-radius:8px;margin-top:14px;padding:14px}.debug-panel summary{cursor:pointer;font-size:1rem;font-weight:800;margin:0 0 10px}.debug-panel:not([open]) summary{margin-bottom:0}.region-table-panel,.region-editor-panel,.region-json-panel{display:grid;gap:12px}.editor-section{border:1px solid #edf1f4;border-radius:8px;display:grid;gap:10px;padding:12px}.editor-section h3{font-size:1rem;margin-bottom:0}.editor-section-heading{align-items:center;display:flex;gap:10px;justify-content:space-between}.map-pose-status{background:#eaf3ff;border:1px solid #bfd8f5;border-radius:8px;color:#1f4f86;font-weight:800;margin-bottom:0;padding:8px 10px}.region-table-header{align-items:start;display:flex;gap:12px;justify-content:space-between}.region-table-header p{margin-bottom:0}.region-table-scroll{overflow-x:auto}.region-table{border-collapse:collapse;min-width:760px;width:100%}.region-table th,.region-table td{border-bottom:1px solid #edf1f4;font-size:.9rem;padding:10px 8px;text-align:left;vertical-align:top}.region-table th{color:#52606d;font-size:.78rem;text-transform:uppercase}.region-table tr{cursor:pointer}.region-table tr.selected-row{background:#eaf3ff}.table-actions{display:flex;flex-wrap:wrap;gap:6px}.compact-button{font-size:.82rem;min-height:34px;padding:0 10px}.danger-button{background:#a62626}.editor-actions{border-top:1px solid #edf1f4;padding-top:12px}.warning-text{color:#8a6400;margin-bottom:0}.area-editor{display:grid;gap:12px;position:sticky;top:18px}.goal-grid{grid-template-columns:repeat(3,1fr)}.compact-status-grid{grid-template-columns:88px 1fr;margin-bottom:0}.file-button{align-items:center;background:#1f2937;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:800;justify-content:center;min-height:44px;padding:0 18px}.file-button input{display:none}.import-export-row{border-top:1px solid #edf1f4;padding-top:12px}@media (max-width: 760px){.top-bar,.control-panel{align-items:stretch;grid-template-columns:1fr}.top-bar{flex-direction:column}.top-actions{justify-content:flex-start}.two-column,.semantic-map-layout,.map-toolbar,.grid-controls,.operator-status-bar,.reply-row{grid-template-columns:1fr}.operator-status-bar,.area-editor{position:static}.key-grid{grid-template-columns:repeat(3,minmax(54px,1fr))}}.zoom-call-panel{display:flex;flex-direction:column;gap:14px}.zoom-call-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.zoom-call-header h2{margin:0}.zoom-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;min-height:200px}.zoom-tile{position:relative;aspect-ratio:16 / 9;background:#0b1320;border-radius:12px;overflow:hidden;border:1px solid #1f2937}.zoom-tile--self{border-color:#1f6feb}.zoom-tile-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.zoom-tile-video>video-player,.zoom-tile-video>video{width:100%;height:100%;object-fit:cover}.zoom-tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9aa7b8;font-weight:600}.zoom-tile-label{position:absolute;left:8px;bottom:8px;padding:2px 8px;border-radius:6px;background:rgba(11,19,32,.72);color:#fff;font-size:.82rem;font-weight:600}.zoom-call-controls{flex-wrap:wrap}.zoom-call-note{margin:0;color:#51607a;font-size:.88rem}