/* Two presentation levels, with native radios and a stable DOM. */
.statera-app .st-ui-mode{position:relative;display:grid;grid-template-columns:1fr 1fr;flex:none;gap:2px;margin:6px 2px 12px;padding:4px;min-width:0;border:1px solid var(--st-border);border-radius:11px;background:var(--st-raised);isolation:isolate}
.st-ui-mode::before{content:"";position:absolute;inset:4px auto 4px 4px;width:calc(50% - 5px);background:var(--st-surface);border-radius:7px;box-shadow:0 1px 4px #00000012;transition:transform 160ms ease;z-index:-1}
html[data-ui-mode="advanced"] .st-ui-mode::before{transform:translateX(calc(100% + 2px))}
html.statera-app[data-ui-mode="advanced"] :is(.st-primary-nav [data-st-route="wheel"],.start-card[data-start-tool="wheel"]){display:none!important}
.statera-app .st-ui-mode label{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0 5px;border-radius:7px;color:var(--st-muted);font:500 13px/1.3 var(--st-font);cursor:pointer}
.st-ui-mode input[type=radio]{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.st-ui-mode label:has(input:checked){color:var(--st-text);font-weight:650}
.st-ui-mode label:has(input:focus-visible){outline:2px solid var(--st-focus);outline-offset:1px}
.st-ui-mode:disabled{opacity:.65;cursor:wait}
.st-ui-mode-status{margin:-5px 6px 10px;font-size:12px;line-height:1.4;color:var(--st-muted)}
.st-ui-mode-status[hidden],html.statera-app.st-app-shell [data-ui-mode-hidden][hidden],html.statera-app.st-app-shell .st-rail .st-primary-nav>[data-ui-mode-hidden][hidden]{display:none!important}
.st-advanced-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:8px 0;padding:12px 14px;border:1px solid var(--st-border);border-radius:10px;background:var(--st-raised);color:var(--st-text);font-size:13px}
.st-advanced-summary p{margin:0;color:var(--st-muted);line-height:1.5}
.st-advanced-summary strong{font-size:13px;font-weight:600;display:block;margin-bottom:3px}
.st-advanced-summary>div{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.st-ui-optional{display:contents}
.st-advanced-summary button{flex:none;min-height:40px;border:1px solid var(--st-border);border-radius:8px;padding:8px 12px;background:var(--st-surface);color:var(--st-text);font:600 13px var(--st-font);cursor:pointer}
@media(max-width:768px){html.statera-app.st-app-shell:not(.st-nav-expanded) .st-ui-mode,html.statera-app.st-app-shell:not(.st-nav-expanded) .st-ui-mode-status{display:none}html.statera-app.st-app-shell.st-nav-expanded .st-ui-mode{display:grid;flex:none;width:auto;margin-inline:2px}}
@media(prefers-reduced-motion:reduce){.st-ui-mode::before{transition:none}}