
:root{
  --lc-ribbon-h:76px;
  --lc-drawer-w:320px;
  --lc-props-w:380px;
}
/* Keep the interface minimalist, but make every persistent control readable. */
.tabs{height:30px!important;min-height:30px!important;padding:0 7px!important}
.tab{height:30px!important;padding:0 12px!important;font-size:13px!important;font-weight:600!important}
.tools{height:46px!important;min-height:46px!important;padding:3px 7px!important;gap:3px!important}
.tool{height:39px!important;min-width:52px!important;padding:3px 7px!important;gap:2px!important}
.tool span:first-child{font-size:17px!important}.tool small{font-size:11.5px!important;line-height:1.1!important;font-weight:650!important}
.tool-sep{height:29px!important}
#lcBrand{height:26px!important;padding:0 10px 0 5px!important;font-size:13.5px!important;letter-spacing:.01em!important}
#lcTopActions{gap:4px!important;padding-left:7px!important}
#lcTopActions button{height:26px!important;min-width:30px!important;padding:0 8px!important;font-size:11.5px!important;font-weight:700!important}
#lcCommandEcho{max-width:190px!important;font-size:11.5px!important}
.sphere-animation-panel{height:38px!important;min-height:38px!important;padding:3px 5px!important}
.sphere-animation-panel button,.sphere-animation-panel select,.sphere-animation-panel input{height:30px!important;padding:3px 7px!important;font-size:11.5px!important}
.sphere-animation-panel label,.sphere-animation-panel .anim-status,.sphere-group-label{font-size:11px!important}

/* Drawers and properties: larger text with stronger contrast. */
.panel h3{font-size:13.5px!important;padding:10px 12px!important;font-weight:750!important}
.search{padding:9px!important}.search input{font-size:12.5px!important;padding:8px 9px!important}
.group-title{font-size:11.5px!important;color:var(--muted)!important;font-weight:750!important}
.item{padding:8px 9px!important}.item b{font-size:13px!important}.item small{font-size:11.5px!important;line-height:1.35!important}
.item .ico{font-size:20px!important}
.section h4{font-size:13px!important;padding:9px 10px!important}
.field label{font-size:11.5px!important;font-weight:650!important;color:var(--muted)!important}
.field input,.field select,.field textarea{font-size:12.5px!important;padding:7px 8px!important}
.properties .prop-content,.properties .prop-content div,.properties .prop-content p,.properties .prop-content button{font-size:12.5px!important}
.properties .section h4{font-size:13px!important}.properties .field label{font-size:11.5px!important}
.struct-item .struct-head b{font-size:12.5px!important}.struct-item .struct-head span{font-size:11px!important}
.struct-item .struct-fields label{font-size:10.5px!important}.struct-item .struct-fields input{font-size:12px!important}

/* Results and dialogs remain information-dense but no longer tiny. */
.coverage-results-title{font-size:14.5px!important}
.coverage-results-actions button{font-size:11.5px!important;padding:6px 9px!important}
.coverage-results-tabs button{font-size:12px!important;padding:7px 10px!important}
.coverage-results-body{font-size:12.5px!important;line-height:1.45!important}
.coverage-results-body table{font-size:12px!important}.coverage-results-body th,.coverage-results-body td{padding:7px 7px!important}
.kpi small{font-size:11px!important}.kpi b{font-size:21px!important}
.dialog h2{font-size:19px!important}.dialog .body,.dialog .body p,.dialog .body li,.dialog .body table{font-size:12.5px!important;line-height:1.5!important}
.dialog .actions button,.primary,.secondary{font-size:12.5px!important}

/* Shortcut screen is intentionally larger because it is the command reference. */
#lcShortcutDialog{width:min(1020px,97vw)!important;max-height:92vh!important}
#lcShortcutHead{padding:12px 14px!important}#lcShortcutHead b{font-size:15px!important}#lcShortcutHead span{font-size:12px!important}
#lcShortcutHead button{width:32px!important;height:30px!important;font-size:18px!important}
#lcShortcutBody{padding:14px!important;gap:11px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.lc-short-group h4{padding:8px 10px!important;font-size:11.5px!important;color:var(--text)!important}
.lc-short-row{grid-template-columns:108px 1fr!important;gap:9px!important;padding:7px 9px!important;font-size:12px!important;line-height:1.25!important}
.lc-short-row code{font-size:12px!important}.lc-short-row span{color:var(--text)!important}

/* Optional overlays are readable when explicitly requested. */
.legend.lc-show,.statusbar.lc-show,.view3d-hint.lc-show{font-size:12.5px!important;line-height:1.35!important}
.legend.lc-show b{font-size:12.5px!important}.scale-bar.lc-show .scale-label{font-size:11.5px!important}
.canvas-footer-brand{font-size:11.5px!important;opacity:.82!important}

/* MAX is a working application mode, never a stripped focus mode. */
body.lc-working-max .app,.app:fullscreen,.app:-webkit-full-screen{
  width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;
  background:var(--bg)!important;display:grid!important;grid-template-rows:auto 1fr!important;overflow:hidden!important;
}
body.lc-working-max .ribbon,.app:fullscreen .ribbon,.app:-webkit-full-screen .ribbon,
body.fullscreen-active .ribbon,.app.ux-focus-canvas.lc-max-keep-tools .ribbon{
  display:flex!important;visibility:visible!important;opacity:1!important;height:var(--lc-ribbon-h)!important;min-height:var(--lc-ribbon-h)!important;
}
body.lc-working-max .tabs,.app:fullscreen .tabs,.app:-webkit-full-screen .tabs{display:flex!important;visibility:visible!important}
body.lc-working-max .main,.app:fullscreen .main,.app:-webkit-full-screen .main{display:grid!important;grid-template-columns:1fr!important;padding:0!important;min-height:0!important}
body.lc-working-max .library.lc-open,.app:fullscreen .library.lc-open,.app:-webkit-full-screen .library.lc-open,
body.lc-working-max .properties.lc-open,.app:fullscreen .properties.lc-open,.app:-webkit-full-screen .properties.lc-open{display:flex!important;visibility:visible!important}
body.lc-working-max .coverage-results-drawer.open,.app:fullscreen .coverage-results-drawer.open,.app:-webkit-full-screen .coverage-results-drawer.open{display:flex!important;visibility:visible!important}
/* Old Focus Canvas must not remove the working ribbon while MAX is active. */
body.lc-working-max .app.ux-focus-canvas .ribbon,.app:fullscreen.ux-focus-canvas .ribbon{display:flex!important}
body.lc-working-max .app.ux-focus-canvas .library.lc-open,.app:fullscreen.ux-focus-canvas .library.lc-open{display:flex!important}
body.lc-working-max .app.ux-focus-canvas .properties.lc-open,.app:fullscreen.ux-focus-canvas .properties.lc-open{display:flex!important}

body[data-lc-theme="dark"]{--muted:#bdc9da!important;--text:#f3f7fd!important;--line:#3a4d68!important}
body[data-lc-theme="light"]{--muted:#475569!important;--text:#111827!important;--line:#bfc9d7!important}
body[data-lc-theme="dark"] .tab,body[data-lc-theme="dark"] #lcTopActions button{color:#d6e0ef!important}
body[data-lc-theme="light"] .tab,body[data-lc-theme="light"] #lcTopActions button{color:#334155!important}

@media(max-width:1050px){
  #lcShortcutBody{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tab{padding:0 9px!important;font-size:12.5px!important}
  #lcTopActions button{padding:0 6px!important}
}
@media(max-width:760px){
  :root{--lc-ribbon-h:78px;--lc-drawer-w:calc(100vw - 16px);--lc-props-w:calc(100vw - 16px)}
  #lcBrand{font-size:12.5px!important}.tab{padding:0 7px!important;font-size:12px!important}
  #lcShortcutBody{grid-template-columns:1fr!important}
}
