.mode-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line,#34475a);border-radius:10px;flex-shrink:0}.mode-switch button{min-height:40px;border:0;margin:0}.mode-switch button[aria-pressed=true]{background:var(--accent,#43ddc4);color:#102331;font-weight:750}#simpleMode{font-size:16px}#simpleModeHint{display:none}html:is([data-workspace-mode=simple],[data-workspace-mode=mini]) #simpleModeHint{display:block;padding:10px 18px;background:var(--surface,#172230);color:var(--text,#e8eff7);font-size:14px;line-height:1.6;border-bottom:1px solid var(--line,#34475a)}
html:is([data-workspace-mode=simple],[data-workspace-mode=mini]) :is(#toolCategories,.tooloptions,#help,#auditButton,#reportButton,#appearance,.edition,#reset,#cameraEmpty,.selectionbar,#measurementRegister,#transformPreview,#recutButton,#contextProperties,#contextEdit){display:none!important}
html:is([data-workspace-mode=simple],[data-workspace-mode=mini]) #analysisTab > :not(.simple-keep){display:none!important}
html:is([data-workspace-mode=simple],[data-workspace-mode=mini]) #caseTab > :not(#videoGuide):not(#pdfGuide):not(.simple-keep){display:none!important}
html:is([data-workspace-mode=simple],[data-workspace-mode=mini]) #objectsTab > :is(.panel,#objectManager){display:none!important}
html:is([data-workspace-mode=simple],[data-workspace-mode=mini]) .tools .tool[hidden]{display:none!important}
html:is([data-workspace-mode=simple],[data-workspace-mode=mini]) .tools .tool{min-height:48px}
@media(max-width:700px){.mode-switch{width:100%;justify-content:center}.mode-switch button{flex:1}.headeractions{flex-wrap:wrap}html:is([data-workspace-mode=simple],[data-workspace-mode=mini]) #simpleModeHint{font-size:13px;padding:8px 12px}}
/* Mini CAD dedicates the remaining viewport to the image, with an overlay inspector. */
.mini-only{display:none}
html[data-workspace-mode=mini] body{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
html[data-workspace-mode=mini] header{height:auto;min-height:48px;flex:0 0 auto;padding:4px 10px;gap:8px}
html[data-workspace-mode=mini] .brand{font-size:16px;letter-spacing:0}
html[data-workspace-mode=mini] .brandmark{display:none}
html[data-workspace-mode=mini] .headeractions{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;gap:5px;align-items:center}
html[data-workspace-mode=mini] .mode-switch{width:auto;flex:none;padding:1px}
html[data-workspace-mode=mini] .mode-switch button{min-height:36px;padding:5px 9px;font-size:13px}
html[data-workspace-mode=mini] :is(.notice,#simpleModeHint,#language,#commands,.workflow,.canvasbadge,.emptyicon,#empty small,.bottom>#hint){display:none!important}
html[data-workspace-mode=mini] #workspaceLayout{flex:1;min-height:0;height:auto!important;display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr);overflow:hidden}
html[data-workspace-mode=mini] #workspaceLayout>.tools{display:block!important;grid-column:1;grid-row:1;padding:6px 4px;border:0;border-inline-end:1px solid var(--line);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;min-height:0;width:auto;max-height:none}
html[data-workspace-mode=mini] .tools>.sectionlabel{display:none}
html[data-workspace-mode=mini] #tools{display:flex;flex-direction:column;gap:4px;flex-wrap:nowrap}
html[data-workspace-mode=mini] .tools .tool{flex:0 0 auto;flex-direction:column;justify-content:center;width:100%;min-height:58px;margin:0;padding:7px 3px;gap:3px;text-align:center;white-space:normal}
html[data-workspace-mode=mini] #workspaceLayout>.workspace{grid-column:2;grid-row:1;min-height:0;height:auto;overflow:hidden}
html[data-workspace-mode=mini] .workbar{padding:4px 8px;flex:0 0 auto;gap:5px;min-height:44px}
html[data-workspace-mode=mini] .workbar strong{display:none}
html[data-workspace-mode=mini] .workactions{overflow-x:auto;min-width:0;align-items:center}
html[data-workspace-mode=mini] .mini-only{display:inline-block}
html[data-workspace-mode=mini] #viewport{min-height:0;flex:1}
html[data-workspace-mode=mini] .bottom{padding:3px 8px;min-height:36px;flex:0 0 auto;justify-content:flex-end}
html[data-workspace-mode=mini] .bottom button{min-height:32px;padding:3px 9px}
html[data-workspace-mode=mini] #workspaceLayout>#inspector{display:none!important}
html[data-workspace-mode=mini] #workspaceLayout>#inspector.open{display:block!important;position:fixed;inset:52px 0 0 auto;width:min(340px,92vw);height:auto;max-height:none;z-index:40;overflow:auto;background:var(--panel);box-shadow:-10px 0 40px #0007;border-inline-start:1px solid var(--line)}
html[data-workspace-mode=mini][dir=rtl] #workspaceLayout>#inspector.open{inset:52px auto 0 0}
html[data-workspace-mode=mini] #panelClose{display:block!important;width:100%;min-height:44px;margin-bottom:10px}
@media(max-width:700px){html[data-workspace-mode=mini] .brand{display:none}html[data-workspace-mode=mini] header{padding:2px 4px}html[data-workspace-mode=mini] .tools .tool{min-width:44px;justify-content:center;padding:7px}html[data-workspace-mode=mini] #workspaceLayout{grid-template-columns:64px minmax(0,1fr)!important}html[data-workspace-mode=mini] .tools .tool span{display:block;font-size:10px}html[data-workspace-mode=mini] .tools .tool{padding:6px 2px}html[data-workspace-mode=mini] .workbar{flex-wrap:nowrap}html[data-workspace-mode=mini] .workbar>div:first-child{max-width:105px;flex:0 0 auto}html[data-workspace-mode=mini] #scaleLabel{font-size:10px}html[data-workspace-mode=mini] #saveStatus{font-size:10px}html[data-workspace-mode=mini] .workactions button{min-height:40px;padding:5px 8px}html[data-workspace-mode=mini] #demo{display:none}html[data-workspace-mode=mini] #empty{padding:10px}html[data-workspace-mode=mini] #empty h1{font-size:20px}html[data-workspace-mode=mini] #empty p{font-size:12px;margin:5px}}

html[data-workspace-mode=mini] .tools .tool span{line-height:1.25;overflow-wrap:anywhere;font-size:11px}
html[data-workspace-mode=mini] .tools .tool i{flex:none;font-size:22px;width:auto;line-height:1.1}