.switch-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.switch-library-card{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--line,#b7c8d2);border-radius:12px;cursor:grab;background:var(--surface,#f3f7f9)}.switch-library-card:active{cursor:grabbing}.switch-library-card svg{height:68px;width:100%;pointer-events:none}.switch-library-card strong{font-size:.9rem}.switch-library-card span{font-size:.77rem;line-height:1.45;color:var(--muted,#536d7d)}.switch-library-card button{margin-top:auto;width:100%;font-size:.8rem}.panel-switch-list{display:flex;flex-direction:column;gap:6px;margin:10px 0;max-height:210px;overflow:auto}.panel-switch-item{text-align:left;font-size:.85rem}.panel-switch-item.selected{outline:2px solid #16866e;outline-offset:-2px}.switch-actions{display:flex;gap:6px;flex-wrap:wrap}.switch-actions button{flex:1;font-size:.8rem}.switch-drop-ready{outline:3px dashed #16866e;outline-offset:4px;background:#16866e12}#group-switches #startSwitchPanel{width:100%}#group-switches [hidden]{display:none}#preview [data-panel-switch]:focus{outline:none}#preview [data-panel-switch]:focus path{stroke:#16866e;stroke-width:.65}@media(max-width:360px){.switch-library{grid-template-columns:1fr}}
.switch-context-menu{position:fixed;z-index:1200;padding:6px;background:var(--surface,#fff);border:1px solid var(--line,#b7c8d2);border-radius:10px;box-shadow:0 8px 28px #0003;width:212px}.switch-context-menu button{width:100%;text-align:left}.switch-label-dialog{width:min(740px,96vw);max-height:94dvh;overflow:auto;padding:20px;border:1px solid var(--line,#b7c8d2);border-radius:16px;background:var(--surface,#fff);color:var(--text,#172b3e)}.switch-label-dialog::backdrop{background:#08192b99}.switch-label-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.switch-label-heading button{width:auto}.switch-label-drawing{margin:14px 0;padding:10px;background:var(--canvas,#e8edf2);border-radius:10px;min-height:130px}.switch-label-drawing svg{display:block;width:100%;height:auto;max-height:360px}.switch-label-positions,.switch-label-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.switch-label-positions button{flex:1;min-width:75px}.switch-label-positions .selected{outline:2px solid #16866e}.switch-label-actions{justify-content:flex-end}.switch-label-drawing [data-switch-label-side]:focus{stroke:#16866e;stroke-width:.7;outline:none}

.custom-switch-import{border-top:1px solid var(--line,#b7c8d2);padding:12px 0;margin-bottom:12px}.custom-switch-import summary{cursor:pointer;font-weight:600;margin-bottom:10px}#customSwitchPreview svg{display:block;width:100%;height:120px;margin:10px 0}.custom-switch-remove{font-size:.7rem!important;opacity:.8}.switch-label-positions select{width:100%;}

.switch-custom-position{display:flex;gap:10px;flex-wrap:wrap;width:100%}.switch-custom-position label{display:grid;gap:4px;font-size:12px}.switch-custom-position input{width:120px}

.switch-custom-position input[type="checkbox"]{width:auto;justify-self:start}

.switch-beta-badge{display:inline-block;vertical-align:middle;margin-left:8px;padding:3px 8px;border:1px solid #ba7500;border-radius:6px;background:#ffd569;color:#382300;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.06em}.switch-beta-note{padding:10px 12px;border-left:3px solid #df9c17;border-radius:6px;background:#fff3cd;color:#503c13;font-size:.8rem;line-height:1.5}

.panel-preview-toolbar{position:sticky;top:0;z-index:5;padding:12px;background:var(--surface,#fff);border:1px solid var(--line,#ccd7de);border-radius:10px;margin-bottom:10px}.panel-preview-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:8px 0}.panel-preview-actions button{width:auto;min-height:38px}.panel-preview-actions output{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}#enterPanelWorkspace{width:100%;margin-bottom:8px}
body.panel-workspace-mode main{max-width:none;grid-template-columns:320px minmax(0,1fr)}body.panel-workspace-mode .preview-workspace .drawing{padding:12px}body.panel-workspace-mode #preview{display:block;overflow:auto;height:clamp(420px,calc(100dvh - 330px),900px);text-align:left;overscroll-behavior:contain}body.panel-workspace-mode #preview>svg{display:block;width:calc(100% * var(--panel-zoom,1));max-width:none;max-height:none;height:auto;margin:0;filter:none}body.panel-workspace-mode .preview-workspace .metrics,body.panel-workspace-mode .preview-workspace .export-panel{margin-top:14px}
.panel-workspace-dialog{width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none;margin:auto;padding:12px;background:var(--app-bg,#eef2f5);color:var(--text,#172b3e);border:1px solid var(--line,#ccd7de);border-radius:12px}.panel-workspace-dialog::backdrop{background:#06121acc}.panel-workspace-dialog #panelWorkspaceContent{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;height:100%;min-height:0}.panel-workspace-dialog .controls,.panel-workspace-dialog .workspace{max-height:none;height:100%;min-height:0;overflow:auto;order:initial}.panel-workspace-dialog .controls{padding:8px}.panel-workspace-dialog #preview{height:calc(100dvh - 230px);min-height:320px}.panel-workspace-dialog .panel-preview-toolbar{top:0}.switch-label-dialog{width:min(1400px,96vw)}.switch-label-drawing{height:clamp(360px,62dvh,760px);overflow:auto}.switch-label-drawing svg{max-height:none;width:100%;height:100%}
@media(max-width:900px){body.panel-workspace-mode main{grid-template-columns:280px minmax(0,1fr)}.panel-workspace-dialog #panelWorkspaceContent{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:720px){body.panel-workspace-mode main{grid-template-columns:1fr}body.panel-workspace-mode #preview{height:55dvh;min-height:300px}.panel-workspace-dialog #panelWorkspaceContent{grid-template-columns:1fr;grid-template-rows:minmax(300px,1fr) minmax(160px,.6fr)}.panel-workspace-dialog .preview-workspace{grid-row:1}.panel-workspace-dialog .controls{grid-row:2}.panel-workspace-dialog #preview{height:40dvh;min-height:240px}.switch-label-drawing{height:55dvh;min-height:280px}}

.panel-canvas-layout{display:flex;align-items:flex-start;gap:12px}.panel-canvas-layout>.drawing{flex:1;min-width:0}.switch-quick-actions{flex:0 0 180px;padding:14px;border:1px solid var(--line,#ccd7de);border-radius:12px;background:var(--surface,#fff)}.switch-quick-actions[hidden]{display:none}.switch-quick-actions h2{font-size:1rem;margin:0 0 8px}.switch-quick-actions button{width:100%;min-height:52px}.switch-quick-actions p{font-size:.78rem;line-height:1.5}@media(max-width:900px){.panel-canvas-layout{flex-wrap:wrap}.switch-quick-actions{flex:1 1 100%}.panel-canvas-layout>.drawing{flex-basis:100%}.switch-quick-actions button{width:auto;min-width:190px}}

.switch-library-card img{display:block;width:100%;height:96px;object-fit:contain;background:#fff;border-radius:8px;pointer-events:none}.switch-library-card svg{height:96px}

.switch-quick-actions{flex-basis:240px;max-height:75dvh;overflow:auto}.switch-quick-section{border-top:1px solid var(--line,#ccd7de);padding-top:12px;margin-top:12px}.switch-quick-section h3{font-size:.85rem;margin:0 0 8px}.switch-quick-section input,.switch-quick-section select{width:100%;min-width:0}.switch-quick-section label{font-size:.77rem}.switch-quick-section .fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.switch-quick-buttons{display:grid;gap:6px}.switch-undo-toolbar{display:flex;align-items:center;gap:12px;margin:12px 0}.switch-undo-toolbar button{width:auto;flex:none}.switch-undo-toolbar span{font-size:.78rem}.switch-quick-section .check input{width:auto}@media(max-width:900px){.switch-quick-actions{flex-basis:100%;max-height:none}.switch-undo-toolbar{flex-wrap:wrap}}

.panel-workspace-dialog .panel-preview-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:6px 8px;margin-bottom:6px}.panel-workspace-dialog .panel-preview-toolbar h3{margin:0;font-size:13px}.panel-workspace-dialog .panel-preview-actions{margin:0;gap:5px}.panel-workspace-dialog .panel-preview-actions button{min-height:30px;padding:5px 9px;font-size:12px}.panel-workspace-dialog .panel-preview-toolbar>.hint{display:none}.panel-workspace-dialog .switch-undo-toolbar{margin:6px 0}.panel-workspace-dialog .switch-undo-toolbar button{min-height:30px;padding:5px 9px}.panel-workspace-dialog .drawing{padding:8px;min-height:0}.panel-workspace-dialog .drawing>.ruler,.panel-workspace-dialog .preview-caption{display:none}.panel-workspace-dialog #preview{height:calc(100dvh - 170px);min-height:280px;max-width:none}.panel-workspace-dialog .switch-quick-actions{max-height:calc(100dvh - 170px)}
@media(max-width:900px){.panel-workspace-dialog .switch-quick-actions{max-height:none}}@media(max-width:720px){.panel-workspace-dialog #preview{height:40dvh;min-height:240px}}

.switch-quick-actions{flex-basis:320px;padding:10px}.switch-quick-actions h2{font-size:14px;margin-bottom:5px}.switch-quick-section{padding-top:8px;margin-top:8px}.switch-quick-section h3{margin-bottom:5px}.switch-quick-actions label{margin-bottom:6px;font-size:11px}.switch-quick-actions input,.switch-quick-actions select{padding:5px 7px;min-height:30px;margin-top:3px;font-size:12px}.switch-quick-actions button{min-height:32px;padding:5px 8px;font-size:12px}.switch-quick-actions .check{margin-top:6px}.switch-quick-section .fields{gap:4px 8px}.switch-quick-actions .hint{font-size:11px;line-height:1.4}.quick-shape-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:6px}.quick-shape-buttons button[aria-pressed=true]{background:var(--accent-soft,#dff5ef);border-color:var(--accent,#16866e);color:var(--accent,#16866e)}.panel-preview-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:6px 8px;margin-bottom:6px}.panel-preview-toolbar>.hint{display:none}.panel-preview-actions{margin:0;gap:5px}.panel-preview-actions button{min-height:30px;padding:5px 9px;font-size:12px}@media(max-width:900px){.switch-quick-actions{flex-basis:100%}}

.maker-workspace-picker{max-width:1440px;margin:12px auto;padding:0 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.maker-workspace-picker button{padding:12px 20px;font-weight:700;border:1px solid #8296a3;border-radius:9px}.maker-workspace-picker button[aria-pressed=true]{background:#0b3449;color:white;border-color:#0b3449}.maker-workspace-picker p{flex-basis:100%;margin:0}.maker-workspace-picker .hint{font-size:12px}body[data-maker-workspace=labels] #group-switches,body[data-maker-workspace=labels] #switchQuickActions{display:none!important}body[data-maker-workspace=switchboards] #group-templates,body[data-maker-workspace=switchboards] #group-repeat{display:none!important}.switch-library-card .switch-add-feedback{display:block;padding:8px;border-radius:6px;background:#eaf4f1;color:#174c41;font-size:12px;line-height:1.4;white-space:normal}.switch-library-card .switch-add-feedback[hidden]{display:none}

body[data-maker-workspace=labels] .switch-undo-toolbar{display:none}body[data-maker-workspace=labels] .panel-canvas-layout{grid-template-columns:minmax(0,1fr)}

.garmin-template-results{max-height:420px;overflow:auto}.garmin-template-row{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid #8296a3}.garmin-template-row span{font-size:14px}.garmin-template-row a{font-size:14px}

#switchLibraryDialog{width:calc(100% - 32px);max-width:1000px;max-height:85vh;overflow:auto;padding:20px}#switchLibraryDialog .dialog-actions{justify-content:space-between}#switchLibraryDialog .fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

.project-bar .maker-workspace-picker{max-width:none;margin:0 0 0 auto;padding:0;gap:8px;flex:0 0 auto}.project-bar .maker-workspace-picker button{min-height:34px;padding:7px 12px;font-size:13px}.project-bar .maker-workspace-picker .switch-beta-badge{min-width:0;flex:none;font-size:11px}.project-bar .maker-workspace-picker p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:720px){.project-bar .maker-workspace-picker{margin-left:0;flex-wrap:wrap}}@media(pointer:coarse){.project-bar .maker-workspace-picker button{min-height:42px}}

/* Quick options accordion: keep closed groups compact and show one group at a time. */
.switch-quick-actions{max-height:none;overflow:visible;align-self:flex-start}.panel-workspace-dialog .switch-quick-actions{max-height:none}.switch-quick-actions .switch-quick-section{padding:0;margin:4px 0;border:1px solid var(--line,#ccd7de);border-radius:6px}.switch-quick-section>summary{cursor:pointer;font-size:12px;font-weight:600;padding:8px 10px;min-height:34px;box-sizing:border-box}.switch-quick-section>summary:focus-visible{outline:2px solid var(--accent,#16866e);outline-offset:2px}.switch-quick-content{padding:2px 8px 8px}.switch-quick-content .switch-quick-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.switch-quick-actions button{min-width:0}.switch-quick-content .hint{margin:5px 0;font-size:10px;line-height:1.3}.switch-quick-actions #switchQuickCount:empty,.switch-quick-actions #switchQuickStatus:empty{display:none}

body[data-maker-workspace=switchboards] .preview-workspace>.metrics,body[data-maker-workspace=switchboards] .preview-workspace>.export-panel{display:none}

/* Fixed switchboard design frame; scroll settings independently. */
 @media(min-width:721px){
 body.static-switch-workspace{height:100dvh;overflow:hidden}
 body.static-switch-workspace main{height:var(--switch-workspace-height);min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr);padding-bottom:8px}
 body.static-switch-workspace .controls{height:100%;min-height:0;max-height:none;overflow:auto}
 body.static-switch-workspace .preview-workspace{height:100%;min-height:0;max-height:none;overflow:hidden;display:flex;flex-direction:column;scrollbar-gutter:auto;padding-right:0}
 body.static-switch-workspace .preview-workspace>.panel-preview-toolbar,body.static-switch-workspace .switch-undo-toolbar{flex:none}
 body.static-switch-workspace .panel-canvas-layout{flex:1;min-height:0;overflow:hidden;flex-wrap:nowrap;align-items:stretch}
 body.static-switch-workspace .panel-canvas-layout>.drawing{min-height:0;min-width:0;flex-basis:0;display:flex;flex-direction:column;padding:8px;overflow:hidden}
 body.static-switch-workspace #preview{flex:1;height:auto;min-height:0;max-height:none}
 body.static-switch-workspace .drawing>.ruler,body.static-switch-workspace .preview-caption,body.static-switch-workspace .app-footer{display:none}
 body.static-switch-workspace .switch-quick-actions{flex:0 0 280px;align-self:stretch;min-height:0;max-height:none;overflow:auto}
 body.static-switch-workspace .panel-workspace-dialog{overflow:hidden}
 body.static-switch-workspace .panel-workspace-dialog .preview-workspace{overflow:hidden}
 }
 @media(min-width:721px) and (max-width:1100px){body.static-switch-workspace .switch-quick-actions{flex-basis:240px}body.static-switch-workspace main{grid-template-columns:260px minmax(0,1fr);gap:8px;padding-left:8px;padding-right:8px}}
 
body[data-maker-workspace=labels] .preview-workspace>.export-panel>.export-heading,body[data-maker-workspace=labels] .preview-workspace>.export-panel>.hint,body[data-maker-workspace=labels] .preview-workspace>.export-panel>details{display:none}body[data-maker-workspace=labels] .preview-workspace>.export-panel{background:none;border:0;padding:0;box-shadow:none}body[data-maker-workspace=labels] .export-panel>[role=status]:empty{display:none}

body[data-maker-workspace=labels] .preview-workspace>.metrics{display:none}body.static-switch-workspace .preview-workspace>.export-panel{flex:none;max-height:100px;overflow:auto;margin-top:4px}

#preview [data-symbol-target]{cursor:move;touch-action:none}#preview [data-logo-control]{touch-action:none}

.logo-alignment-actions{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.logo-alignment-actions strong{font-size:11px}

/* Icon toolbox replaces Quick options in the switchboard workspace. */
.switch-toolbox[hidden],.switch-toolbox-bar[hidden],.switch-toolbox-transform[hidden],.switch-toolbox-home[hidden]{display:none!important}
.switch-toolbox-mode{display:flex;flex-direction:column;gap:6px;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable}
.switch-toolbox-mode>h2{margin:0;font-size:16px}
.switch-toolbox-mode>#switchQuickCount{margin:0;font-size:12px}
.switch-toolbox-mode>.switch-quick-section[hidden]{display:none!important}
.switch-toolbox-mode>.switch-quick-section{flex:1;min-height:0;overflow:auto;border:0;background:transparent;margin:0}
.switch-toolbox-mode>.switch-quick-section>summary{display:none}
.switch-toolbox-mode .switch-quick-content{padding:4px 0}
.switch-toolbox-mode .switch-quick-content label,.switch-toolbox-mode .switch-toolbox-transform label{font-size:14px}
.switch-toolbox-mode .switch-quick-content .hint{font-size:12px;line-height:1.4}
.switch-toolbox-mode .switch-toolbox{flex:none}
.switch-toolbox-mode .switch-toolbox-home section{margin:0 0 6px}
.switch-toolbox-mode .switch-toolbox-home h3{font-size:13px;margin:0 0 3px;font-weight:650}
.switch-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.switch-tool-grid .switch-tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 1px;min-height:47px;border:1px solid transparent;background:transparent;color:var(--ink,#16374a);border-radius:5px;font-size:12px;line-height:1.15;text-align:center;box-shadow:none}
.switch-tool-button svg{width:25px;height:25px;color:#238cc4;flex:none}
.switch-tool-grid .switch-tool-button:hover:not(:disabled),.switch-tool-grid .switch-tool-button:focus-visible{background:#16866e12;border-color:#16866e}
.switch-tool-grid .switch-tool-button:disabled{opacity:.35;cursor:default}
.switch-toolbox-bar{display:flex;gap:8px;align-items:center;padding-bottom:6px;border-bottom:1px solid #62788540;font-size:14px}
.switch-toolbox-bar .toolbox-back{font-size:13px;padding:5px 8px}
.switch-toolbox-transform{flex:1;min-height:0;overflow:auto;padding:6px 0}
.switch-toolbox-mode>#switchQuickStatus{font-size:12px;line-height:1.35;margin:0;max-height:60px;overflow:auto}
html[data-theme=dark] .switch-tool-grid .switch-tool-button{color:#e2edf4}
@media(max-height:750px){.switch-tool-grid .switch-tool-button{min-height:39px;font-size:11px;padding:2px 1px}.switch-tool-button svg{width:21px;height:21px}.switch-toolbox-mode .switch-toolbox-home section{margin-bottom:4px}}

body[data-maker-workspace=labels] #switchQuickActions{display:none!important}
#labelDesignTools[hidden]{display:none!important}
#labelDesignTools{flex:0 0 240px;max-height:75vh;overflow:auto}
#labelDesignTools details>summary{display:none}
#labelDesignTools [hidden]{display:none!important}
#labelDesignTools label{display:block;margin:8px 0}
#labelDesignTools .switch-toolbox-home .switch-tool-button{min-width:0}
@media(max-width:900px){#labelDesignTools{flex:1 1 100%;max-height:none}}