:root{--gc-min-ribbon-h:62px;--gc-min-drawer-w:270px}
body{background:var(--canvas-bg)}
.main-layout.gc-minimal-mode{position:relative}
.main-layout.gc-minimal-mode .ribbon{
  height:var(--gc-min-ribbon-h)!important;min-height:var(--gc-min-ribbon-h)!important;max-height:var(--gc-min-ribbon-h)!important;
  border-bottom:1px solid #303744!important;box-shadow:none!important
}
.main-layout.gc-minimal-mode .ribbon-tabs{height:22px!important;min-height:22px!important;background:#20252d!important;align-items:stretch}
.main-layout.gc-minimal-mode .rtab{height:22px!important;padding:0 10px!important;font-size:10px!important;border-right:0!important;color:#8994a3!important}
.main-layout.gc-minimal-mode .rtab:hover{color:#d7dee8!important;background:#272d36!important}
.main-layout.gc-minimal-mode .rtab.active{background:#293746!important;color:#dce7f4!important;box-shadow:inset 0 -2px 0 #4da3ff}
.main-layout.gc-minimal-mode .ribbon-tools{height:40px!important;min-height:40px!important;padding:4px 6px!important;gap:2px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;align-items:center!important}
.main-layout.gc-minimal-mode .rtool{height:30px!important;min-width:auto!important;padding:0 7px!important;gap:5px!important;flex-direction:row!important;border-radius:4px!important;color:#b9c2cf!important}
.main-layout.gc-minimal-mode .rtool:hover{background:#252b34!important;border-color:#3a4452!important;color:#eef3f8!important}
.main-layout.gc-minimal-mode .rtool.active{background:#24394f!important;color:#8bc4ff!important}
.main-layout.gc-minimal-mode .rtool i{font-size:14px!important}
.main-layout.gc-minimal-mode .rtool span{font-size:9px!important;line-height:1!important}
.main-layout.gc-minimal-mode .rsep{height:22px!important;margin:0 2px!important;opacity:.6}
.main-layout.gc-minimal-mode .rgroup{height:32px!important;gap:2px!important;padding:0 3px!important;border-right:1px solid #333b47!important}
.main-layout.gc-minimal-mode .rgroup-label{display:none!important}
.main-layout.gc-minimal-mode #gc-run-analysis{box-shadow:none!important;background:#24496a!important;border-color:#376990!important;color:#eaf5ff!important}

/* The drawing owns the workspace. Drawers overlay it instead of shrinking it. */
.main-layout.gc-minimal-mode .gc-min-workspace{position:relative!important;display:flex!important;flex:1!important;min-height:0!important;overflow:hidden!important}
.main-layout.gc-minimal-mode .gc-min-workspace>.canvas-area{flex:1!important;width:100%!important;min-width:0!important}
.main-layout.gc-minimal-mode .left-panel,
.main-layout.gc-minimal-mode .right-panel{
  position:absolute!important;top:8px!important;bottom:8px!important;z-index:125!important;
  width:var(--gc-min-drawer-w)!important;min-width:var(--gc-min-drawer-w)!important;max-width:var(--gc-min-drawer-w)!important;
  resize:none!important;border:1px solid #3b4452!important;border-radius:7px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.42)!important;transition:transform .16s ease,opacity .16s ease!important;opacity:0!important;
  background:rgba(28,31,38,.985)!important;overflow:hidden!important
}
.main-layout.gc-minimal-mode .left-panel{left:8px!important;right:auto!important;transform:translateX(calc(-100% - 18px))!important}
.main-layout.gc-minimal-mode .right-panel{right:8px!important;left:auto!important;transform:translateX(calc(100% + 18px))!important;width:300px!important;min-width:300px!important;max-width:300px!important}
.main-layout.gc-minimal-mode.gc-min-left-open .left-panel{transform:translateX(0)!important;opacity:1!important}
.main-layout.gc-minimal-mode.gc-min-right-open .right-panel{transform:translateX(0)!important;opacity:1!important}
/* Neutralize legacy collapse/focus width rules. */
.main-layout.gc-minimal-mode.gc-left-collapsed .left-panel,
.main-layout.gc-minimal-mode.gc-right-collapsed .right-panel,
.main-layout.gc-minimal-mode.gc-focus-canvas .left-panel,
.main-layout.gc-minimal-mode.gc-focus-canvas .right-panel{width:var(--gc-min-drawer-w)!important;min-width:var(--gc-min-drawer-w)!important;border:1px solid #3b4452!important}
.main-layout.gc-minimal-mode.gc-focus-canvas .right-panel{width:300px!important;min-width:300px!important}
.main-layout.gc-minimal-mode .panel-header{height:30px!important;padding:0 8px 0 10px!important;display:flex!important;align-items:center!important;font-size:10px!important;background:#242a33!important;letter-spacing:.35px!important}
.gc-min-drawer-close{margin-left:auto;border:0;background:transparent;color:#8f9baa;font-size:18px;line-height:1;cursor:pointer;padding:2px 5px;border-radius:4px}
.gc-min-drawer-close:hover{background:#303844;color:#fff}
.main-layout.gc-minimal-mode .lib-search{padding:5px 7px!important}.main-layout.gc-minimal-mode .lib-item{padding:4px 9px!important}.main-layout.gc-minimal-mode .lib-label{font-size:11px!important}
.main-layout.gc-minimal-mode .prop-group{padding:7px 9px!important}.main-layout.gc-minimal-mode .prop-row{margin-bottom:4px!important}.main-layout.gc-minimal-mode .prop-label{font-size:10px!important;width:94px!important}
.main-layout.gc-minimal-mode .prop-input,.main-layout.gc-minimal-mode .prop-select{font-size:10px!important;min-height:24px!important;padding:3px 6px!important}

/* Keep controls off the drawing surface unless they are truly contextual. */
.main-layout.gc-minimal-mode #gc-ux-modebar,
.main-layout.gc-minimal-mode .canvas-toolbar,
.main-layout.gc-minimal-mode .view-toggle,
.main-layout.gc-minimal-mode .nav-hint{display:none!important}
.main-layout.gc-minimal-mode .ring-create-toolbar{top:10px!important;bottom:auto!important;padding:4px!important;gap:4px!important;box-shadow:0 4px 14px rgba(0,0,0,.35)!important}
.main-layout.gc-minimal-mode .ring-create-toolbar button{padding:4px 7px!important;font-size:10px!important}
.main-layout.gc-minimal-mode .grid-coords{left:8px!important;right:auto!important;bottom:6px!important;background:transparent!important;border:0!important;padding:0!important;font-size:9px!important;color:#6f7886!important;opacity:.6!important}
.main-layout.gc-minimal-mode #gc-canvas-footer{bottom:5px!important;font-size:9px!important;color:#697380!important;opacity:.55!important;text-shadow:none!important}
.main-layout.gc-minimal-mode .canvas-hint{bottom:24px!important;font-size:10px!important;padding:3px 8px!important;background:rgba(20,23,29,.82)!important}
.main-layout.gc-minimal-mode .conn-pending{bottom:24px!important;font-size:10px!important;padding:4px 10px!important;border-radius:5px!important}

/* The bottom workspace is completely absent until explicitly opened, then floats over the canvas. */
.main-layout.gc-minimal-mode .bottom-panel{position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;z-index:135!important;height:min(220px,32vh)!important;max-height:38vh!important;border:1px solid #3d4654!important;border-radius:8px!important;box-shadow:0 12px 32px rgba(0,0,0,.45)!important;resize:vertical!important;background:rgba(28,31,38,.985)!important}
.main-layout.gc-minimal-mode .bottom-panel.collapsed{display:none!important}
.main-layout.gc-minimal-mode .bottom-tabs{height:26px!important}.main-layout.gc-minimal-mode .btab{font-size:10px!important;padding:0 10px!important}.main-layout.gc-minimal-mode .bottom-content{height:auto!important;flex:1!important;font-size:10px!important}

/* Small controls live in the ribbon, never in the canvas. */
#gc-min-controls{margin-left:auto;display:flex;align-items:center;gap:2px;padding:0 5px}
#gc-min-controls button{height:20px;min-width:26px;border:0;border-left:1px solid #343c48;background:transparent;color:#96a2b2;font:10px Arial,'Segoe UI',sans-serif;cursor:pointer;padding:0 7px}
#gc-min-controls button:hover,#gc-min-controls button.active{background:#2a313b;color:#e6edf5}
#gc-min-view{font-weight:700;color:#83bdf5!important}

/* Results: answer first. Setup, formulas, and traces stay available behind Details. */
.main-layout.gc-minimal-mode .calc-results-drawer{width:min(470px,calc(100vw - 28px))!important;min-width:360px!important;right:14px!important;top:76px!important;max-height:calc(100vh - 92px)!important;border-radius:8px!important;box-shadow:0 14px 34px rgba(0,0,0,.46)!important}
.main-layout.gc-minimal-mode .calc-drawer-head{padding:7px 9px!important;min-height:36px!important}
.main-layout.gc-minimal-mode .calc-drawer-title{font-size:11px!important}.main-layout.gc-minimal-mode .calc-mini-btn{font-size:9.5px!important;padding:4px 7px!important}
.main-layout.gc-minimal-mode .calc-drawer-body{padding:8px 9px!important}
.main-layout.gc-minimal-mode .calc-card{margin-bottom:6px!important;border-radius:6px!important}.main-layout.gc-minimal-mode .calc-card-head{padding:7px 8px!important}.main-layout.gc-minimal-mode .calc-card-title{font-size:11px!important}.main-layout.gc-minimal-mode .calc-card-result{font-size:14px!important;padding:3px 6px!important}
.main-layout.gc-minimal-mode .calc-results-drawer:not(.gc-show-details) .calc-card-body,
.main-layout.gc-minimal-mode .calc-results-drawer:not(.gc-show-details) .gc-settings-section,
.main-layout.gc-minimal-mode .calc-results-drawer:not(.gc-show-details) .calc-action-grid,
.main-layout.gc-minimal-mode .calc-results-drawer:not(.gc-show-details) .calc-architecture-toolbar,
.main-layout.gc-minimal-mode .calc-results-drawer:not(.gc-show-details) .gc-result-utility-row{display:none!important}
.gc-min-warning-badge{font-size:9px;font-weight:700;color:#ffc56d;border:1px solid rgba(255,182,72,.38);background:rgba(255,182,72,.08);padding:2px 5px;border-radius:8px;white-space:nowrap}

@media(max-width:900px){
  :root{--gc-min-drawer-w:min(78vw,300px)}
  .main-layout.gc-minimal-mode .right-panel{width:min(82vw,320px)!important;min-width:min(82vw,320px)!important;max-width:min(82vw,320px)!important}
  .main-layout.gc-minimal-mode .rtab{padding:0 7px!important;font-size:9.5px!important}
  #gc-min-controls button{padding:0 5px}
}
@media print{#gc-min-controls{display:none!important}}