/* Customer interface; native Phone blue and robot artwork remain the visual baseline. */
:root{--green:#258fd0;--muted:#617486;--border:#dce5ed;--red:#b73e3e;--app-nav:66px;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#233649;background:#f2f5f8}
html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:#f2f5f8;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
input,textarea,select,[contenteditable=true],[data-selectable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img{-webkit-user-drag:none;user-select:none}
button,input,textarea,select,.file-button{font-size:17px}
button,.file-button{min-height:48px;border-radius:12px;color:#294155}
button:active{transform:none;background:#e3eff8}
button:disabled{opacity:.45}
button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #82bce2;outline-offset:2px}
.primary{background:#258fd0;border-color:#258fd0;color:white}.primary:hover{background:#177ebd}.primary:active{background:#17669a}
input,textarea,select{border-color:#d2dfe9;border-radius:10px;color:#263f53}
.text-button{color:#237db4;font-size:16px}.muted{color:#617486;font-size:16px}.small{font-size:14px}
h1{font-size:26px;letter-spacing:0}h2{font-size:20px}.page .eyebrow,main>footer,.page-heading h1{display:none}
.workspace{margin:0;height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--app-nav) + var(--safe-bottom))}
.topbar{height:calc(64px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 20px 0;background:#fff;border-bottom:1px solid #e5ebf0;gap:10px;flex:none;color:#233649}
.topbar #breadcrumb{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:23px;font-weight:650}
.topbar #backToDevices{font-size:34px;min-width:42px;padding:0;color:#25445c}.topbar>div{gap:6px}
.connection-summary{font-size:14px;color:#926217;white-space:nowrap}
.workspace main{padding:0;width:100%;max-width:1100px;flex:1;min-height:0;overflow:hidden}
.page{height:100%;overflow:auto;padding:20px 18px 30px;overscroll-behavior:contain}
.page-heading{margin:0 0 18px;gap:10px;align-items:center}.page-heading p.muted{margin:0;font-size:16px}
.native-home-actions{display:flex;gap:8px;flex:none}.native-home-actions #addDevice{font-size:16px;padding:10px 13px}.native-home-actions #manageDevices{font-size:16px;padding:9px;color:#617486;border:0;background:none}
#page-devices>.page-heading>div:first-child{display:none}.native-home-actions{width:100%;justify-content:space-between}.native-home-actions #addDevice{order:-1}.device-grid{grid-template-columns:1fr;gap:14px}
.device-card{padding:0;border:0;border-radius:18px;background:#319bd5;box-shadow:none;overflow:hidden}
.device-card>.open-device{display:flex;align-items:center;width:100%;padding:22px 18px;gap:18px;min-height:130px;text-align:left;background:transparent;color:white;border:0;border-radius:18px}
.device-card>.open-device:hover{background:#268fc9}.device-card>.open-device:active{background:#1d77ad}
.device-card img{width:70px;height:82px;object-fit:contain;flex:none}.device-info{flex:1;min-width:0}
.device-card h2{font-size:21px;line-height:1.45;margin:0 0 10px;overflow-wrap:anywhere}.device-card .device-state{font-size:15px;color:#f0f9ff;font-weight:400}.device-card .dot{background:#d1e2ee}.device-card .dot.online{background:#b4f0ca}.device-arrow{font-size:32px;font-weight:400;color:#e7f5ff}
.device-actions{padding:0 14px 14px;display:flex;gap:10px;justify-content:flex-end}.device-actions button{font-size:16px;min-height:44px;background:#f3f9fd;color:#165b97}.device-actions .danger{color:#a43a3a}
#deviceSearchRow{margin:0 0 16px}#deviceSearchRow .search{width:100%}#deviceSearchRow input{width:100%;font-size:16px;padding:12px 0}
.empty-state{border:0;background:none;padding:48px 8px}.empty-state h2{font-size:23px;margin-top:24px}.empty-state p{font-size:16px;color:#617486}.empty-state .button-row{flex-direction:column;gap:12px}.empty-state .button-row .primary{width:min(100%,280px);min-height:54px;font-size:19px}.empty-state #emptyRestore{border:0;background:none;font-size:16px;color:#237db4}.empty-robot{background:#e1eff8;color:#258fd0}
.app-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--app-nav) + var(--safe-bottom));padding:5px max(10px,calc((100vw - 800px)/2)) calc(5px + var(--safe-bottom));display:flex;background:white;border-top:1px solid #e0e7ee}
.app-nav .nav{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;margin:0;border:0;border-radius:10px;background:none;color:#66798a;font-size:15px}
.app-nav .nav>span{font-size:22px;line-height:23px;width:auto}.app-nav .nav.active{background:#eaf4fb;color:#167bb8;font-weight:650}.app-nav .nav b{display:none}
#page-control{display:flex;flex-direction:column;gap:10px;padding:10px 14px 14px;overflow:hidden}
#page-control>.page-heading{margin:0;flex:none;min-height:38px;justify-content:flex-end}#page-control>.page-heading:not(:has(.switch-device:not([hidden]))){display:none}#page-control>.page-heading>div:first-child{display:none}
#openControlMore{padding:4px 8px;min-height:38px}.switch-device{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:14px;font-weight:400;min-width:0}.device-picker{max-width:230px;font-size:17px;padding:8px 10px}.switch-device select{max-width:165px;font-size:16px;margin:0}
.status-strip{display:flex;align-items:center;flex-wrap:nowrap;gap:16px;margin:0;padding:0 2px;min-height:26px;background:transparent;flex:none;color:#617486;font-size:15px}.status-strip b{font-weight:500;color:#425f74}.status-strip #heartbeat{display:none}.dot.online{background:#269671}
.mode-tabs{position:static;display:flex;gap:4px;margin:0;padding:4px;flex:none;background:#e4ecf3;border:0;border-radius:13px;height:54px}
.mode-tabs button{flex:1;min-height:46px;padding:8px 2px;border:0;border-radius:10px;font-size:18px;background:transparent;color:#354f63}.mode-tabs button.active{background:white;color:#137bb8;box-shadow:0 1px 5px #254d6618;font-weight:700}
.control-layout{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}
.panel{background:white;border:0;border-radius:16px;box-shadow:none;padding:18px}
.point-panel{display:flex;flex-direction:column;min-height:100px;flex:1;padding:14px;overflow:hidden}.point-tools{margin:0 0 12px;flex:none}.point-tools input{width:100%;font-size:16px;padding:10px 12px}
.point-panel #modeHint{font-size:15px;margin:0 0 12px;flex:none;color:#617486}.point-layout{display:flex;gap:12px;flex:1;min-height:0}
.map-list{flex:0 0 76px;display:flex;flex-direction:column;gap:8px;overflow:auto;border-right:1px solid #e5edf3;padding-right:8px}.map-list button{flex:none;min-height:52px;padding:10px 5px;border:0;font-size:17px;background:#edf3f8;color:#38536a;overflow-wrap:anywhere}.map-list button.active{background:#dceefa;color:#176da4}
.point-grid{display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start;margin:0;min-height:0;max-height:none;overflow:auto}.point-button{min-height:60px;padding:13px 7px;border:1px solid #c8e1f2;background:#eaf5fc;color:#166c9f;font-size:19px;border-radius:12px;overflow-wrap:anywhere}.point-button:hover{background:#dcedf9}.point-button.selected{background:#258fd0;border-color:#258fd0;color:white}.point-button small{display:none}
.point-panel #pointsMessage{font-size:16px;line-height:1.65;padding:14px 0;margin:0}.point-panel>.section-bar{margin:8px 0 0;flex:none}.point-panel>.section-bar:not(:has(button:not([hidden]))){display:none}
.selection-panel{display:flex;flex-direction:column;flex:0 0 48%;min-height:230px;max-height:none;padding:14px;overflow:hidden}.selection-panel .section-bar{margin:0 0 8px;min-height:32px}.selection-panel h2{font-size:18px}.selection-panel .section-bar button{font-size:15px;min-height:36px;padding:4px}.section-bar h2 span{font-size:14px;color:#3d6d8a;background:#edf4f9}
.selection-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;flex:1;min-height:0;max-height:none;overflow:auto;list-style:none;padding:0;margin:0;counter-reset:steps}
.selection-list li{display:flex;align-items:center;gap:10px;flex:none;min-height:46px;padding:4px 0;border:0;border-bottom:1px solid #edf2f6;font-size:18px;background:none;margin:0}.selection-list li:before{background:#e8f3fb;color:#217eaf;width:26px;height:26px;font-size:14px}.selection-list li>div{flex:1;min-width:0;overflow-wrap:anywhere}.selection-list li small{font-size:13px;line-height:17px;color:#617486;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}.selection-list li button{min-height:44px;min-width:44px;font-size:23px;color:#667f91;border:0;background:none;padding:0}
#selectionEmpty{font-size:16px;margin:0 0 12px}.send-area{display:flex;align-items:center;gap:12px;padding:10px 0 0;margin:8px 0 0;flex:none;border-top:1px solid #e7eef4}.send-area p{flex:1;font-size:14px;margin:0;color:#617486}#sendTask{width:124px;min-height:52px;font-size:22px;padding:8px;flex:none}
.task-target{font-size:25px;font-weight:650;margin:20px 0}.task-details{font-size:15px;grid-template-columns:85px 1fr;gap:12px}.task-details dd{overflow-wrap:anywhere}.task-actions{gap:12px;margin-top:18px;padding-top:18px}.task-actions button{flex:1;font-size:18px;min-height:52px}.task-actions #pauseTask{color:#fff;background:#258fd0;border-color:#258fd0}.queue-panel{margin-top:16px}.queue-item{font-size:18px;padding:14px 0}.queue-item span{font-size:13px}.badge{font-size:13px;white-space:normal}.badge.online{color:#206e51;background:#e8f5ee}.badge.connecting{color:#8d641c;background:#fff3df}
.settings-caption{margin:0 0 20px;font-size:16px;color:#617486}.settings-menu,.settings-group{max-width:730px;background:white;border:0;border-radius:14px;overflow:hidden;margin:0 0 14px}
.settings-row{display:block;text-align:left;width:100%;min-height:62px;border:0;border-radius:0;padding:18px;font-size:19px;background:white;color:#294155}.settings-row:after{content:'›';float:right;color:#8397a6;font-size:24px;line-height:24px}
.settings-group>summary{padding:20px 18px;min-height:62px;cursor:pointer;font-size:19px;font-weight:500;list-style:none}.settings-group>summary:after{content:'＋';float:right;color:#8397a6}.settings-group[open]>summary:after{content:'−'}
.settings-content{padding:0 18px 20px}.settings-content>p{font-size:16px;line-height:1.7;margin:0 0 14px}.settings-content button{font-size:16px}.settings-content .button-row{gap:10px}.settings-panel{margin:16px 0 0;max-width:none}.settings-panel label{font-size:16px}.settings-panel input,.settings-panel select{font-size:16px}.settings-panel>label{margin-bottom:18px}.settings-panel p{font-size:14px}.settings-panel .button-row button{font-size:16px}.support-details{margin:18px 0 0}.support-details>summary{min-height:44px;line-height:1.6;padding:10px 0;cursor:pointer;font-size:16px;color:#51718a}.support-details .muted{font-size:14px}.backup-notice{display:block;background:#edf5fb;padding:14px;border-radius:12px;margin:0 0 14px}.backup-notice strong{display:none}.backup-notice p{font-size:14px;margin:0 0 12px;color:#51718a}.backup-notice button{min-height:48px;color:white;background:#258fd0;border-color:#258fd0}.install-entry{display:block;margin:18px 0 0;padding:12px;background:#f3f7fa;border:0;border-radius:12px}.install-entry>img,.install-entry strong,.install-entry p{display:none}.install-entry .button-row{gap:8px}.install-entry button{font-size:15px;min-height:44px}
.log-list{font-size:13px}.log-line{padding:14px 0;line-height:1.7}.demo-banner{position:static;flex:none;margin:8px 14px 0;padding:7px 10px;background:#fff1d6;border:1px solid #ead6ac;border-radius:10px;font-size:13px}.demo-banner button{min-height:36px;font-size:13px}.workspace main:has(#demoBanner:not([hidden])){display:flex;flex-direction:column}.workspace main:has(#demoBanner:not([hidden]))>.page{height:auto;flex:1;min-height:0}
dialog{max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#294155;border:0;padding:24px;border-radius:18px}dialog label{font-size:16px}dialog input,dialog textarea{font-size:16px}.dialog-heading h2{font-size:23px}.dialog-heading .eyebrow{display:none}.dialog-heading button{min-width:44px;border:0}.dialog-actions button{min-height:50px;font-size:18px}more-actions{display:grid;gap:12px;margin:20px 0 0}.more-actions button{font-size:19px;min-height:56px;text-align:left;padding:14px 18px}.ai-entry{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.ai-entry input{flex-basis:100%;width:100%;font-size:17px}.ai-entry button{font-size:17px;min-width:90px}#aiState{font-size:16px}
/* Pairing keeps the viewfinder, feedback and primary action in separate areas. */
#addDialog{width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;border-radius:20px}
#addForm{display:flex;flex-direction:column;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);min-height:0}
.pairing-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 22px 16px;flex:none}.pairing-header h2{font-size:23px;margin:0}.pairing-header p{font-size:15px;line-height:1.5;color:#617486;margin:6px 0 0}.pairing-header button{min-width:44px;min-height:44px;font-size:20px;color:#627a8b;border-radius:50%;background:#f2f6f9;padding:5px}
.pairing-body{padding:0 22px 16px;overflow:auto;min-height:0;overscroll-behavior:contain}
.scan-stage{position:relative;display:flex;align-items:center;justify-content:center;height:190px;height:clamp(150px,25dvh,220px);background:#18354b;border-radius:16px;overflow:hidden}
.scan-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#d4e7f3;font-size:15px}.scan-placeholder svg{width:76px;height:76px;fill:none;stroke:#9bcae6;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
#addDialog #cameraVideo{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;margin:0;border-radius:0;background:#142b3c;object-fit:contain}
.scan-corners{position:absolute;inset:16% 25%;border:1px solid #c4e8ff77;border-radius:12px;box-shadow:0 0 0 80px #0c243820;pointer-events:none;display:none}
#addDialog[data-scan-phase=live] .scan-placeholder{display:none}#addDialog[data-scan-phase=live] .scan-corners{display:block}
.live-scan-actions{position:absolute;bottom:10px;left:10px;right:10px;display:flex;gap:8px;justify-content:space-between}.live-scan-actions button{background:#16344be6;color:white;border:1px solid #b4d9ee66;border-radius:9px;font-size:14px;min-height:40px;padding:6px 10px}
#addDialog .scan-feedback{min-height:44px;color:#597286;font-size:15px;line-height:1.6;margin:14px 0;text-align:center;overflow-wrap:anywhere}
#addDialog[data-scan-phase=error] .scan-feedback{color:#a53e38;background:#fff2ef;padding:10px;border-radius:10px;text-align:left}
#addDialog .scan-actions{display:grid;gap:10px}.scan-actions #cameraScan{width:100%;min-height:52px;font-size:18px;border-radius:12px}.scan-alternatives{display:flex;gap:10px}.scan-alternatives>*{flex:1;min-width:0;font-size:16px;font-weight:500;min-height:46px;display:flex;justify-content:center;align-items:center;text-align:center;background:#f2f7fb;color:#336b90;border:1px solid #e0eaf2;margin:0;padding:9px 5px;cursor:pointer;border-radius:10px}
#addDialog[data-scan-phase=live] #cameraScan{display:none}#addDialog[data-scan-phase=requesting] .scan-alternatives,#addDialog[data-scan-phase=decoding] .scan-alternatives{opacity:.5;pointer-events:none}
#addDialog .pairing-result{display:flex;align-items:center;gap:16px;background:#eff8f3;border:1px solid #d3e9dc;border-radius:16px;padding:20px 16px;margin:0;color:#286044}.pairing-result img{width:52px;height:66px;object-fit:contain;flex:none}.pairing-result>div{flex:1;min-width:0}.pairing-result span{display:block;font-size:14px;margin-bottom:6px;color:#537864}.pairing-result strong{display:block;font-size:21px;overflow-wrap:anywhere}.pairing-result b{font-size:22px;flex:none}
#addDialog[data-scan-phase=ready] .scan-stage{display:none}#addDialog[data-scan-phase=ready] #cameraScan{background:#f3f7fa;color:#326b91;border-color:#e0eaf2;min-height:46px;font-size:16px}
#addDialog .pairing-help{margin:16px 0 0;padding:0;border:0;border-top:1px solid #e7eef4;border-radius:0}.pairing-help>summary{min-height:44px;padding:12px 0 0;font-size:15px;color:#627c90;cursor:pointer;font-weight:400}#qrCameraHelp img{display:block;max-width:100%;height:auto;margin-top:12px;border-radius:10px}.pairing-help p{font-size:15px;line-height:1.65;color:#597286}#manualPairing{margin-top:8px}#manualPairing summary{font-size:15px}#manualPairing label{font-size:15px}#manualPairing textarea{width:100%;font-size:16px;margin-top:8px}
#addDialog #addError:empty{display:none}#addDialog #addError{font-size:15px;margin:12px 0 0;line-height:1.6}
.pairing-footer{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;border-top:1px solid #e4ecf2;padding:14px 22px max(14px,env(safe-area-inset-bottom,0px));background:white;flex:none}.pairing-footer button{font-size:18px;min-height:50px}.pairing-footer>button:first-child{background:#f2f6f9;color:#5c7587;border-color:#f2f6f9}.pairing-footer .primary:disabled{opacity:1;background:#b4d5e9;border-color:#b4d5e9;color:#fff}
#storageState.storage-result{border-radius:10px;padding:12px;margin:12px 0 0;background:#edf4fa;color:#466a83;font-size:15px;line-height:1.65;overflow-wrap:anywhere}#storageState[data-state=granted]{background:#edf8f1;color:#2d6b49}#storageState[data-state=error],#storageState[data-state=timeout]{background:#fff3e6;color:#916017}#persistStorage[aria-busy=true]{opacity:.7}
@media(max-width:359px){.pairing-header{padding:18px 16px 14px}.pairing-header h2{font-size:22px}.pairing-header p{font-size:14px}.pairing-body{padding:0 16px 14px}.pairing-footer{padding-left:16px;padding-right:16px;gap:10px;grid-template-columns:72px minmax(0,1fr)}}
#addDialog::backdrop{background:#102c446b;backdrop-filter:blur(4px)}
@media(max-height:620px) and (max-width:599px){#addDialog .scan-stage{height:132px}#addDialog .scan-feedback{margin:10px 0;min-height:36px}.pairing-header{padding-top:16px;padding-bottom:12px}}
@media(max-height:500px){.pairing-header{padding-top:12px;padding-bottom:12px}.pairing-header p{display:none}.pairing-footer{padding-top:10px;padding-bottom:10px}.pairing-footer button{min-height:46px}.scan-stage{height:150px}}

@media(max-height:500px) and (min-width:600px){.pairing-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:10px 18px;align-content:start}.scan-stage{grid-column:1;grid-row:1 / span 3;align-self:start}#addDialog .scan-feedback{grid-column:2;grid-row:1;margin:0;min-height:0;font-size:14px;text-align:left}#addDialog .scan-actions{grid-column:2;grid-row:2}#addDialog .pairing-help{grid-column:2;grid-row:3;margin-top:0}#addDialog .pairing-result{grid-column:1;grid-row:1 / span 3;align-self:start;padding:16px 12px;gap:12px}.scan-actions #cameraScan{min-height:48px}.scan-alternatives>*{min-height:44px}#addDialog #addError{grid-column:1 / -1}}

#confirmText{font-size:18px;color:#4c667b}.toast,body[data-page=control] .toast{top:calc(68px + env(safe-area-inset-top,0px));bottom:auto;width:max-content;max-width:min(92vw,540px);pointer-events:none;font-size:16px;background:#295977;padding:12px 18px;line-height:1.6}.toast.error{background:#a24d45}
.install-platforms button[aria-pressed=true]{background:#258fd0;border-color:#258fd0}.install-guide .eyebrow{display:none}.install-guide .install-status{color:#385c76;background:#edf5fb}
@media(min-width:750px){.page{padding:24px 28px 35px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding-left:max(24px,calc((100vw - 1100px)/2 + 28px));padding-right:max(24px,calc((100vw - 1100px)/2 + 28px))}#page-control{padding-left:24px;padding-right:24px}.control-layout{flex-direction:row}.point-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.selection-panel{flex:0 0 35%;min-height:0}.map-list{flex-basis:100px}}
@media(max-width:359px){.topbar{padding-left:12px;padding-right:12px}.topbar #breadcrumb{font-size:21px}.page{padding-left:12px;padding-right:12px}.native-home-actions #addDevice{font-size:15px;padding:8px}.device-card>.open-device{padding:18px 14px;gap:14px}.device-card h2{font-size:20px}.device-card img{width:60px;height:74px}.point-grid{gap:8px}.map-list{flex-basis:65px}.point-button{font-size:17px}.switch-device{font-size:13px}.switch-device select{max-width:125px}.mode-tabs button{font-size:17px}.settings-row,.settings-group>summary{font-size:18px}}
@media(max-height:700px){:root{--app-nav:58px}.topbar{height:calc(52px + env(safe-area-inset-top,0px))}#page-control{gap:6px;padding-top:6px}#page-control>.page-heading{min-height:34px}#openControlMore{min-height:34px}.mode-tabs{height:48px}.mode-tabs button{min-height:40px;padding:4px 2px}.point-panel{padding:10px;min-height:84px}.point-panel #modeHint{font-size:14px;margin-bottom:8px}.point-button{min-height:52px}.selection-panel{min-height:228px;padding:10px}.selection-panel .section-bar{margin-bottom:4px;min-height:28px}.selection-panel .section-bar button{min-height:28px}.selection-list{gap:2px}.selection-list li{min-height:44px}.send-area{margin-top:5px;padding-top:5px}#sendTask{min-height:48px}.point-tools{margin-bottom:8px}.point-tools input{min-height:40px;padding:7px 10px}.app-nav .nav{font-size:14px;gap:2px}.app-nav .nav>span{font-size:20px;line-height:21px}}
@media(max-height:500px) and (min-width:600px){#page-control{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:34px 46px minmax(0,1fr);gap:6px 12px}#page-control>.page-heading{grid-column:2;grid-row:1}.status-strip{grid-column:1;grid-row:1}.mode-tabs{grid-column:1 / -1;grid-row:2;height:46px}.control-layout{grid-column:1 / -1;grid-row:3;flex-direction:row}.selection-panel{min-height:0;flex-basis:40%}.point-panel{min-height:0}.point-panel #modeHint{display:none}.selection-panel h2{font-size:16px}.selection-list li{min-height:44px;font-size:16px}.selection-list li button{min-height:40px}.send-area p{font-size:12px}#sendTask{width:88px;font-size:19px;min-height:44px}}

/* Desktop-only hooks remain absent from the mobile layout. */
.desktop-only{display:none}