/* Experience first; preserve the original controls in progressive disclosure. */
body.cloud-experience{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#edf3f7}
body.cloud-experience>header,body.cloud-experience>footer{display:none}
body.cloud-experience>.cloud-preview-note{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;background:#102c40;color:#eff9ff;border:0;min-height:58px;font:500 14px/1.4 system-ui,sans-serif}
.cloud-brand{display:flex;align-items:center;gap:12px;min-width:0}.cloud-brand b{font-size:22px;letter-spacing:-.6px}.cloud-brand span{font-size:13px;color:#bfd4e1}
.cloud-header-actions{display:flex;gap:6px;align-items:center;flex:none}.cloud-header-actions form{margin:0}
.cloud-header-actions button{width:auto;margin:0!important;min-height:36px;padding:7px 10px!important;font-size:13px!important;background:#214c64!important;color:#fff!important;border-color:#486c80!important}
.cloud-header-actions .cloud-logout{background:transparent!important;border-color:transparent!important}
body.cloud-experience main{flex:1;min-height:0;height:auto;max-width:1800px;width:100%;margin:auto;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:46px minmax(0,1fr);gap:10px}
body.cloud-experience main>.viewport{grid-column:1;grid-row:1/3;min-height:0;height:100%;padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden;background:#f9fcfe}
body.cloud-experience .viewbar{display:block}.cloud-experience .viewbar :is(h1,h2){font-size:21px;line-height:1.35}.cloud-experience .viewbar .muted,.cloud-experience .viewbar .badge{display:none}
body.cloud-experience .canvas-stage{height:100%;min-height:0;flex:none;grid-row:2}
body.cloud-experience .scene-hud{font-size:12px;padding:5px 7px;top:5px;left:5px;max-width:95%;pointer-events:none}
body.cloud-experience .scene-hud strong{font-size:13px}.cloud-experience .part-caption{display:none}
.cloud-live-controls{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;grid-row:3}
.cloud-view-actions,.cloud-safety-actions{display:flex;align-items:center;gap:8px}.cloud-view-actions{max-width:270px}.cloud-safety-actions{justify-content:flex-end}
.cloud-live-controls .cloud-switch{display:flex!important;flex-direction:column;align-items:center;gap:3px;width:68px!important;min-height:76px;padding:4px!important;border:0!important;background:transparent!important;color:#274859!important;font-size:13px!important;font-weight:700}
.switch-picture{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffd74d;box-shadow:inset 0 -3px 0 #b99629,0 2px 5px #233c4929}
.switch-cap{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#ff5b59,#b81725);box-shadow:inset 0 2px 1px #ff9692,0 4px 0 #861624,0 5px 4px #68172450}
.reset .switch-picture{background:#d9e5eb}.reset .switch-cap{background:linear-gradient(145deg,#50b8c9,#187d96);box-shadow:inset 0 2px 1px #8be2ec,0 4px 0 #135b71;color:white;font-size:29px;line-height:1}
body[data-estop=true] .emergency .switch-cap{transform:translateY(3px);box-shadow:inset 0 2px 6px #8a1722;outline:2px solid #fff3;outline-offset:-4px}
.cloud-switch:focus-visible{outline:3px solid #1588b1;outline-offset:2px}.cloud-switch:disabled{filter:grayscale(.65);opacity:.45!important}
.cloud-settings{margin-top:22px;padding-top:18px;border-top:1px solid #dce6ee}.cloud-settings>summary{font-size:18px;font-weight:700;cursor:pointer;padding:8px 0}.cloud-settings>summary span{font-size:12px;font-weight:400;color:#6c8190;margin-left:10px}.cloud-settings-body{padding-top:14px}
.scene-steps{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0;list-style-position:inside;margin:16px 0}.scene-steps li{padding:9px 6px;background:#f0f6fa;border-radius:6px;font-size:12px;color:#526b7d}.scene-steps li.active{background:#d9f1ee;color:#16685c;font-weight:700}
#scene-progress{width:100%;height:7px;accent-color:#168b91}.scene-video{margin-top:22px;padding-top:16px;border-top:1px solid #dce6ee}.scene-video h3{font-size:17px;margin:0 0 6px}.scene-video>button{width:100%;min-height:44px}.scene-video video{display:block;width:100%;max-height:230px;background:#e8eff4;border-radius:8px}.scene-download{display:block;text-align:center;padding:12px;margin-top:12px;background:#176383;border-radius:8px;color:white;text-decoration:none;font-size:15px}
.cloud-live-controls button{width:100%;min-height:42px;margin:0;padding:7px;font-size:15px;line-height:1.3}
.cloud-live-controls #stage-stop{display:block;width:100%;position:static;box-shadow:none}
.cloud-live-controls #cloud-motion-stop{background:#163e54;color:white;border-color:#163e54}
.cloud-live-controls #reset-stop:disabled{opacity:.65}
.cloud-activity{grid-column:1/-1;font-size:13px;line-height:1.4;margin:0;color:#486276;min-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cloud-layout-tabs{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.cloud-layout-tabs button{font-size:16px;min-width:0;padding:8px 4px;min-height:44px;margin:0}
.cloud-layout-tabs button[aria-pressed=true]{background:#156283;color:white;border-color:#156283}
body.cloud-experience main>.cloud-control-panel{grid-column:2;grid-row:2;min-height:0;min-width:0;height:100%;overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid #d5e2eb;border-radius:12px;background:white;scrollbar-width:thin}
body.cloud-experience [hidden]{display:none!important}
.cloud-control-panel h2{font-size:21px;margin:0 0 8px;line-height:1.4}.cloud-control-panel label{margin:12px 0 6px;font-size:15px}
.cloud-control-panel input,.cloud-control-panel select{font-size:16px;min-height:44px;margin-top:5px;padding:8px}
.cloud-control-panel .fields{gap:8px}.cloud-control-panel .cloud-intro{font-size:14px;line-height:1.65;color:#50697b;margin:0 0 14px}
.cloud-eyebrow{color:#357d92;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:8px}
.cloud-hero-button{display:block;width:100%;min-height:54px;margin:8px 0;font-size:18px;padding:12px}
.cloud-state{font-size:14px;line-height:1.5;margin:8px 0 14px;color:#486276;min-height:21px}
.cloud-state.error{color:#a5383e}.cloud-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.cloud-shortcuts button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:12px;gap:5px;background:#f5fafc}
.cloud-shortcuts strong{font-size:15px}.cloud-shortcuts span{font-size:12px;font-weight:400;color:#587184}.cloud-footnote{font-size:13px;color:#667c8c;margin:15px 0 0}
.cloud-advanced{margin:16px 0;border-top:1px solid #dce6ee;padding-top:12px}.cloud-advanced summary{font-size:15px;font-weight:600;cursor:pointer;min-height:32px}
.cloud-advanced>.parameters,.cloud-advanced>.actions{display:block;padding:0;border:0;border-radius:0;box-shadow:none;overflow:visible;height:auto}
.cloud-advanced .parameter-fields{padding:14px 0;overflow:visible}.cloud-advanced .parameter-write{padding:12px 0}.cloud-advanced .actions>.emergency-controls{display:none}
.cloud-advanced .planning-controls{padding-top:12px}
body.cloud-experience .navigation-controls{margin:0;padding:0;border:0}
.cloud-experience .navigation-controls>p.note:first-of-type{font-size:13px;margin:0 0 10px}
.cloud-experience .navigation-controls>details{margin-top:15px;padding-top:12px}
.cloud-experience .navigation-controls>details>summary{font-size:14px}
.cloud-experience .navigation-controls .sine-buttons{grid-template-columns:1.5fr 1fr}
.cloud-map-card{padding:10px;background:#f5f9fc;border:1px solid #d1e0e9;border-radius:10px;margin:10px 0 8px}
.cloud-map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.cloud-map-toolbar strong{font-size:14px}.cloud-map-toolbar>div{display:flex;gap:4px}
.cloud-map-toolbar button{padding:5px 7px;min-height:32px;font-size:12px;margin:0}.cloud-map-toolbar button[aria-pressed=true]{background:#dbeef7;border-color:#7caabd;color:#124e6b}
body.cloud-experience #navigation-map{display:block;box-sizing:content-box;width:100%;height:160px;max-height:none;margin:0;border:0;border-radius:5px;touch-action:manipulation;cursor:crosshair}
body.cloud-experience .cloud-map-expanded #navigation-map{height:320px}
.cloud-map-legend{display:flex;align-items:center;gap:10px;font-size:11px;color:#486276;margin-top:7px;white-space:nowrap}.cloud-map-legend span{display:flex;align-items:center;gap:4px}.cloud-map-legend #map-scale{margin-left:auto}
.map-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#135a7a}.map-dot.goal{border:2px solid #16846e;background:transparent}.map-dot.obstacle{border-radius:1px;background:#52687b}
body.cloud-experience #navigation-map-note{font-size:12px;line-height:1.4;margin:6px 0 0;color:#516c7d}
#cloud-translation-fields .note{font-size:13px}
.scene-camera-controls{display:none}
body[data-scene-active=true] .scene-camera-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
body[data-scene-active=true] .scene-hud,body[data-scene-active=true] .viewbar :is(h1,h2){display:none}
#scene-camera-status{color:#284e63;font-size:12px;line-height:1.4;pointer-events:none}
.scene-camera-controls>div{display:flex;gap:3px;padding:3px;border:1px solid #d4e2e8;border-radius:9px;background:#f9fcfeee;box-shadow:0 2px 8px #26475d12}
.scene-camera-controls button{width:auto;min-width:52px;min-height:36px;padding:6px 10px;margin:0;font-size:13px;line-height:1.4;border:1px solid transparent;border-radius:6px;background:transparent;color:#3c5e73;touch-action:manipulation}
.scene-camera-controls button[aria-pressed=true]{background:#176383;color:#fff;border-color:#176383}
.scene-camera-controls button:focus-visible{outline:3px solid #58afc3;outline-offset:2px}
@media(max-width:1100px) and (orientation:portrait){body.cloud-experience[data-cloud-panel=scene] main{grid-template-rows:minmax(270px,60%) 44px minmax(0,1fr)}}
@media(max-width:430px){body[data-scene-active=true] .scene-camera-controls{gap:4px}#scene-camera-status{font-size:11px}.scene-camera-controls button{min-width:43px;padding:6px}}
@media(max-width:1100px){
 body.cloud-experience>.cloud-preview-note{padding:7px 10px;min-height:48px;gap:6px}.cloud-brand{gap:7px}.cloud-brand b{font-size:19px}.cloud-brand span{font-size:11px;max-width:100px;line-height:1.3}
 body.cloud-experience main{padding:6px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(250px,53%) 44px minmax(0,1fr);gap:6px}
 body.cloud-experience main>.viewport{grid-column:1;grid-row:1;padding:8px;gap:4px}.cloud-experience .viewbar :is(h1,h2){font-size:16px}
 .cloud-layout-tabs{grid-column:1;grid-row:2}
 body.cloud-experience main>.cloud-control-panel{grid-column:1;grid-row:3;padding:14px}
 .cloud-live-controls{gap:4px}.cloud-live-controls button{min-height:35px;padding:5px;font-size:14px}.cloud-activity{font-size:12px;min-height:17px}.cloud-live-controls .cloud-switch{width:53px!important;min-height:58px;font-size:12px!important}.switch-picture{width:36px;height:36px}.switch-cap{width:27px;height:27px}.reset .switch-cap{font-size:24px}.cloud-safety-actions,.cloud-view-actions{gap:4px}.cloud-view-actions{max-width:200px}
 .cloud-control-panel h2{font-size:20px}.cloud-control-panel .cloud-intro{margin-bottom:9px}
 .cloud-shortcuts{margin-top:10px}.cloud-state{margin-bottom:8px}.cloud-footnote{margin-top:10px}
}
@media(max-width:430px){.cloud-brand span{display:none}.cloud-header-actions button{padding:6px 8px!important}.cloud-header-actions{gap:1px}.cloud-map-toolbar strong{font-size:13px}.cloud-map-legend{gap:7px;font-size:10px}}
@media(max-width:700px) and (orientation:portrait){body.cloud-experience .scene-hud{display:none}}
@media(max-height:700px) and (orientation:portrait){body.cloud-experience main{grid-template-rows:minmax(220px,48%) 44px minmax(0,1fr)}.cloud-eyebrow{display:none}}
@media(max-height:560px) and (orientation:landscape){
 body.cloud-experience main{grid-template-columns:minmax(0,1fr) minmax(330px,46%);grid-template-rows:42px minmax(0,1fr)}
 body.cloud-experience main>.viewport{grid-column:1;grid-row:1/3}.cloud-layout-tabs{grid-column:2;grid-row:1}body.cloud-experience main>.cloud-control-panel{grid-column:2;grid-row:2}
}
@media(display-mode:standalone){body.cloud-experience>.cloud-preview-note{padding-top:max(8px,env(safe-area-inset-top))}body.cloud-experience main{padding-bottom:max(6px,env(safe-area-inset-bottom))}}


/* Customer service modal. */
.cloud-customer-note,.cloud-customer-privacy{font-size:14px;line-height:1.6;color:#577080}
.cloud-customer-dialog{width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #cee0eb;border-radius:18px;padding:24px;color:#18374b;background:#fff;box-shadow:0 24px 100px #112d4f55}
.cloud-customer-dialog::backdrop{background:#102e496b;backdrop-filter:blur(3px)}
.cloud-customer-dialog form{margin:0;display:grid;gap:14px}.cloud-customer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cloud-customer-heading h2{margin:0;font-size:22px}.cloud-customer-heading button{width:38px;height:38px;margin:0;padding:0;font-size:25px}
.cloud-customer-dialog p{margin:0;line-height:1.65}.cloud-customer-dialog label{display:grid;gap:7px;font-size:15px;font-weight:600}.cloud-customer-dialog input,.cloud-customer-dialog textarea{box-sizing:border-box;width:100%;min-width:0;font:16px/1.5 system-ui,sans-serif;padding:10px 12px;border:1px solid #b9cddc;border-radius:8px;color:#17374b;background:#fff}.cloud-customer-dialog input:focus,.cloud-customer-dialog textarea:focus{outline:2px solid #42a9bd;outline-offset:1px}.cloud-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cloud-customer-actions{display:flex;gap:10px;justify-content:flex-end}.cloud-customer-actions button{width:auto;margin:0;padding:12px 18px;min-height:46px}.cloud-customer-actions .primary{background:#17657e;color:#fff}#cloud-customer-status{color:#b53c2b;font-size:14px}.cloud-customer-privacy{font-weight:400}
@media(max-width:480px){.cloud-customer-dialog{padding:18px}.cloud-customer-actions{display:grid;grid-template-columns:1fr 1fr}.cloud-customer-actions button{padding:12px 8px}}

.cloud-customer-save{margin-top:18px;padding-top:16px;border-top:1px solid #d5e2eb}.cloud-customer-save h3{font-size:17px;margin:0 0 10px}.cloud-customer-save button{width:100%;background:#17657e;color:#fff;font-weight:600;min-height:48px}

/* OriginMind shell colors; preserve existing header/control geometry. */
body.cloud-experience{--ink:#30302d;--muted:#68665f;--paper:#faf9f6;--mist:#f0ede7;--line:#dcd8d0;background:var(--paper);color:var(--ink)}
body.cloud-experience>.cloud-preview-note{background:#fff;color:#30302d}
.cloud-brand b{font-weight:500}.cloud-brand span{color:#68665f}.cloud-brand>img{flex:none;object-fit:contain}
.cloud-header-actions button{background:#f5f3ef!important;color:#30302d!important;border-color:#dcd8d0!important}
.cloud-header-actions{min-width:0;max-width:calc(100% - 145px);overflow-x:auto;scrollbar-width:none}.cloud-header-actions>*{flex-shrink:0}.cloud-header-actions::-webkit-scrollbar{display:none}
.cloud-header-actions .om-cloud-menu-button{width:36px;min-height:36px;height:36px;padding:6px!important;background:transparent!important;border-color:transparent!important}
.cloud-header-actions a{color:#30302d}
body.cloud-experience main>.viewport{background:#faf9f6}
body.cloud-experience main>.cloud-control-panel{border-color:#dcd8d0}
.cloud-layout-tabs button[aria-pressed=true]{background:#45453e;color:#fff;border-color:#45453e}
.cloud-map-card,.cloud-shortcuts button{background:#f5f3ef;border-color:#dcd8d0}
.cloud-control-panel .cloud-intro,.cloud-shortcuts span,.cloud-footnote,.cloud-eyebrow{color:#68665f}
.cn-footer { padding: 56px 0 24px; background: #232420; color: #ccc7bc; }
.cn-footer .cn-footer-wrap { width: min(1380px, 88%); margin: 0 auto; padding: 0; }
.cn-footer .cn-footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 36px; }
.cn-footer .cn-footer-grid > div { min-width: 0; }
.cn-footer .cn-footer-wordmark { display: inline-block; font-size: 25px; font-weight: 500; letter-spacing: -.025em; line-height: 1.2; color: #f5f3ef; margin: 0 0 18px; }
.cn-footer .cn-footer-brand p { font-size: 14px; line-height: 1.9; margin: 0 0 12px; color: #ccc7bc; }
.cn-footer .cn-footer-brand > a:not(.cn-footer-wordmark) { display: block; width: fit-content; min-height: 44px; padding: 10px 0; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.cn-footer h3 { font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.6; margin: 0 0 12px; color: #f5f3ef; }
.cn-footer nav { display: flex; flex-direction: column; gap: 0; align-items: flex-start; }
.cn-footer nav a { display: block; width: fit-content; min-height: 44px; padding: 9px 0; font-size: 13px; font-weight: 400; line-height: 1.9; color: #ccc7bc; overflow-wrap: anywhere; }
.cn-footer a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.cn-footer .cn-research-links { margin-top: 12px; font-size: 13px; }
.cn-footer .cn-research-links summary { cursor: pointer; min-height: 44px; padding: 10px 0; line-height: 1.8; }
.cn-footer .cn-research-links nav { padding-left: 12px; }
.cn-footer .cn-footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; border-top: 1px solid #ffffff26; margin-top: 40px; padding-top: 18px; font-size: 12px; line-height: 1.8; color: #b8b3a8; }
.cn-footer .cn-footer-bottom > div { display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; }
.cn-footer .cn-footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; }
.cn-footer .cn-security-record { gap: 6px; white-space: nowrap; }
.cn-footer .cn-security-record img { width: 20px; height: 20px; object-fit: contain; flex-shrink: 0; }
.cn-footer .footer-invitation { display: flex; justify-content: space-between; align-items: center; gap: 24px; border-bottom: 1px solid #ffffff26; margin: 0 0 40px; padding: 0 0 36px; }
.cn-footer .footer-invitation h2 { font-size: clamp(26px, 2.6vw, 36px); font-weight: 500; line-height: 1.35; letter-spacing: -.015em; color: #f5f3ef; }
.cn-footer .footer-invitation .eyebrow { color: #ccc7bc; font-size: 13px; font-weight: 400; margin: 0 0 16px; }
.cn-footer .footer-invitation .button { flex-shrink: 0; color: #f5f3ef; background: transparent; border: 0; border-bottom: 1px solid #aaa59b; border-radius: 0; padding: 10px 0; min-height: 44px; font-size: 14px; font-weight: 400; }


.cn-footer { font-family:Arial,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;line-height:1.6;text-align:left;display:block;max-width:none;width:100%;margin:0;box-sizing:border-box; }
.cn-footer *, .om-cloud-site-menu * { box-sizing:border-box; }
.cn-footer a { text-decoration:none; }
.cn-footer a:focus-visible,.cn-footer summary:focus-visible { outline:3px solid #9e8764;outline-offset:4px; }
@media(max-width:760px){.cn-footer{padding-top:44px}.cn-footer .cn-footer-grid{grid-template-columns:1fr 1fr;gap:30px 24px}.cn-footer .cn-footer-brand{grid-column:1/-1}}
.om-cloud-site-menu { position:fixed;inset:0;width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #dcd8d0;border-radius:0;overflow:auto;background:#fff;color:#30302d;font:400 14px/1.6 Arial,"PingFang SC","Microsoft YaHei",sans-serif;box-shadow:0 16px 70px #0003; }
.om-cloud-site-menu:not([open]){display:none}
.om-cloud-site-menu::backdrop{background:#23242088}
.om-cloud-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 6%;border-bottom:1px solid #dcd8d0}
.om-cloud-menu-head strong{font-size:22px;font-weight:500;letter-spacing:-.025em}
.om-cloud-menu-head .om-cloud-menu-close{display:grid;place-items:center;flex:none;margin:0;padding:0;width:44px;min-width:44px;height:44px;min-height:44px;border:0;border-radius:0;background:transparent;color:#30302d;font:400 28px/1 Arial,sans-serif}
.om-cloud-menu-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:16px 6% 24px}
.om-cloud-menu-nav a{display:flex;align-items:center;min-height:44px;padding:9px 0;border-bottom:1px solid #dcd8d0;color:#30302d;text-decoration:none;font-size:15px;line-height:1.6}
.om-cloud-menu-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.om-cloud-menu-button{display:grid;place-items:center;flex:none;width:36px;height:36px;min-height:36px;margin:0;padding:6px;border:0;border-radius:0;background:transparent;color:#30302d}
.om-cloud-menu-button svg{display:block}
.om-cloud-menu-button:focus-visible,.om-cloud-menu-close:focus-visible,.om-cloud-menu-nav a:focus-visible{outline:3px solid #9e8764;outline-offset:3px}

/* Keep site navigation visible when legacy CAD/fullscreen modes hide page footers. */
body.cloud-experience .om-cloud-site-menu .cn-footer{display:block}

#om-runtime-context{position:relative;z-index:3;background:#f2f5ef;color:#193d36;border-bottom:1px solid #d2dfd2;font:14px/1.6 system-ui,sans-serif}
#om-runtime-context summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:12px 22px;cursor:pointer;list-style:none}
#om-runtime-context summary::-webkit-details-marker{display:none}
#om-runtime-context summary strong{font-size:13px;letter-spacing:.02em}
#om-runtime-context .om-context-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px}
#om-runtime-context .om-context-tag:before{content:'';width:6px;height:6px;border-radius:50%;background:#6d8857}
#om-runtime-context .om-context-hardware:before{background:#ad8651}
#om-runtime-context .om-context-more{margin-left:auto;font-size:12px;text-decoration:underline;text-underline-offset:4px}
#om-runtime-context .om-context-body{padding:4px 22px 20px}
#om-runtime-context .om-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#om-runtime-context .om-context-card{padding:16px;background:white;border:1px solid #dce5d9;border-radius:10px}
#om-runtime-context h3{font-size:14px;margin:0 0 8px;color:#193d36}
#om-runtime-context p{font-size:12px;line-height:1.8;margin:0;color:#4a645c}
#om-runtime-context .om-context-bottom{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:14px}
#om-runtime-context button{width:auto;min-height:36px;padding:7px 14px;margin:0;border:1px solid #65805d;background:#fff;color:#294c36;border-radius:7px;font-size:12px;cursor:pointer}
#om-runtime-context a{font-size:12px;color:#294c36}
#om-runtime-context :focus-visible{outline:3px solid #668951;outline-offset:3px}
@media(max-width:700px){#om-runtime-context summary{gap:6px 14px;padding:10px 14px}#om-runtime-context summary strong{width:100%}#om-runtime-context .om-context-more{margin-left:0}#om-runtime-context .om-context-grid{grid-template-columns:1fr}#om-runtime-context .om-context-body{padding:4px 14px 16px}}

/* Product workflow: shared spacing, typography and honest status labels. */
body.cloud-experience{--task-ink:#163143;--task-muted:#617584;--task-border:#d9e3e9;--task-accent:#126b7b;background:#f3f6f8;color:var(--task-ink);font-family:Inter,"Noto Sans SC",system-ui,sans-serif;height:auto;min-height:100vh;overflow:auto;display:block}
body.cloud-experience main{max-width:1560px;height:auto;min-height:700px;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);grid-template-rows:46px auto;padding:0 20px;box-sizing:border-box;margin:20px auto;flex:none}
body.cloud-experience main>.viewport{height:700px;min-height:500px;grid-template-rows:auto minmax(0,1fr) auto}
body.cloud-experience main>.cloud-control-panel{height:auto;max-height:none;overflow:visible}
.task-workflow,.task-results{max-width:1560px;margin:24px auto;padding:24px 28px;background:#fff;border:1px solid var(--task-border);border-radius:14px;box-sizing:border-box}
.task-title,.task-results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.task-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--task-accent)}
.task-title h1{font-size:30px;line-height:1.3;margin:8px 0 10px;letter-spacing:-.03em}.task-title p,.task-results-head p{font-size:14px;color:var(--task-muted);margin:0;line-height:1.7}
.task-mode{font-size:12px;padding:8px 12px;border-radius:7px;background:#fff7e6;color:#805900;border:1px solid #ead5a7;white-space:nowrap}
.task-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:24px}.task-steps button{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:13px 12px;margin:0;background:#f5f8fa;color:var(--task-ink);border:1px solid var(--task-border);border-radius:8px;font-size:14px;font-weight:600;width:100%}.task-steps b{color:var(--task-accent);font-size:12px}.task-steps button:hover{background:#eaf4f5;border-color:#8cb7bf}
.task-config{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--task-border)}.task-config h2{font-size:20px;margin:0 0 16px}.task-config label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}.task-config select,.task-config input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:11px 12px;border:1px solid #bacbd5;border-radius:7px;background:#fff;color:var(--task-ink);font:inherit;font-size:14px}
.task-config .task-video-choice{display:flex;align-items:center;gap:8px;font-weight:500}.task-video-choice input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--task-accent)}
.task-muted{color:var(--task-muted);font-size:12px;line-height:1.75;margin:8px 0}.task-results h2{font-size:24px;margin:6px 0 20px}.task-results-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px}.task-run-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;margin:0 0 8px;padding:14px;text-align:left;background:#fff;border:1px solid var(--task-border);border-radius:8px;color:var(--task-ink)}.task-run-row[aria-pressed=true]{border-color:var(--task-accent);background:#f0f7f8}.task-run-row strong{font-size:14px;overflow-wrap:anywhere}.task-run-row small{grid-column:1/-1;color:var(--task-muted);font-size:11px}.task-status{font-size:11px;font-weight:600;color:#805900}.task-status-succeeded,.task-status-parked{color:#14664a}.task-status-failed{color:#a33434}.task-status-canceled{color:#617584}
#task-run-detail{min-width:0;background:#f8fafb;border:1px solid var(--task-border);padding:22px;border-radius:10px}#task-run-detail h3{font-size:20px;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere}.task-result-heading{font-size:14px;line-height:1.7}.task-facts{display:grid;grid-template-columns:110px minmax(0,1fr);font-size:13px;line-height:1.7;gap:10px 18px}.task-facts dt{color:var(--task-muted)}.task-facts dd{margin:0;overflow-wrap:anywhere}.task-warning{padding:10px;background:#fff5e0;font-size:13px;color:#805900}
.task-evidence,.task-roadmap{margin-top:18px;border-top:1px solid var(--task-border);padding-top:16px;font-size:13px;line-height:1.7}.task-evidence summary,.task-roadmap summary{font-weight:600;cursor:pointer}.task-evidence h4{font-size:14px;margin:22px 0 10px}.task-evidence pre{max-height:300px;overflow:auto;background:#112c3b;color:#d8e9ef;padding:16px;border-radius:8px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.task-evidence video{display:block;width:100%;max-height:420px;background:#142d3e;border-radius:8px}.task-roadmap p{color:var(--task-muted)}#task-code{overflow-wrap:anywhere;font-family:monospace;font-size:11px}
body.cloud-experience .cloud-settings{margin-top:24px}body.cloud-experience .cloud-layout-tabs{gap:6px}body.cloud-experience .cloud-control-panel h2{line-height:1.4}body.cloud-experience .cloud-map-card{border-radius:10px;border-color:var(--task-border)}
.task-workflow button:focus-visible,.task-results button:focus-visible,.task-config input:focus-visible,.task-config select:focus-visible{outline:3px solid #4f9eb0;outline-offset:3px}
.cloud-experience #model-name{margin:0;font-weight:750;overflow-wrap:anywhere}
@media(min-width:1000px){body.cloud-experience main{align-items:start}body.cloud-experience .viewport{position:sticky;top:18px}body.cloud-experience .cloud-control-panel{max-height:none;overflow:visible}}
@media(max-width:1600px){.task-workflow,.task-results{margin:20px}}
@media(max-width:900px){body.cloud-experience main{display:flex;flex-direction:column;padding:0 12px;min-height:0;gap:12px}body.cloud-experience main>.viewport{height:440px;min-height:440px;width:100%;box-sizing:border-box;flex:none;position:static}body.cloud-experience .cloud-layout-tabs{width:100%;box-sizing:border-box}body.cloud-experience main>.cloud-control-panel{width:100%;box-sizing:border-box;flex:none;overflow:visible}}
@media(max-width:700px){.task-workflow,.task-results{margin:12px;padding:20px 16px;border-radius:10px}.task-title,.task-results-head{display:block}.task-title h1{font-size:26px}.task-mode{display:inline-block;margin-top:14px;font-size:11px}.task-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:18px}.task-steps button{display:flex;flex-direction:column;gap:6px;padding:10px 2px;font-size:11px;line-height:1.5;white-space:normal}.task-steps b{font-size:10px}.task-results-grid{grid-template-columns:minmax(0,1fr);gap:16px}.task-facts{grid-template-columns:80px minmax(0,1fr);gap:8px 10px;font-size:12px}#task-run-detail{padding:16px}.task-results-head p{font-size:12px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.task-workflow *,.task-results *{scroll-behavior:auto!important;transition:none!important}}

