#pillPanel { display:none; }
body.project-mode-pill #pillPanel { display:block; }
body.project-mode-pill #svgInputSection,
body.project-mode-pill #structureTypeSection,
body.project-mode-pill #baseCutoutsSection,
body.project-mode-pill #sectionTapaCard,
body.project-mode-pill #sectionBaseCard,
body.project-mode-pill #sectionAcrylicCard,
body.project-mode-pill #sectionP5CutoutCard,
body.project-mode-pill #scaleSection,
body.project-mode-pill .neon-flex-panel,
body.project-mode-pill .input-mode-tabs,
body.project-mode-pill #shapeInputSection,
body.project-mode-pill #workflowStep1Header,
body.project-mode-pill #workflowStep2Header,
body.project-mode-pill #workflowStep3Header,
body.project-mode-pill .geometry-tab-group,
body.project-mode-pill .fabrication-tab-group:not(.pill-tabs),
body.project-mode-pill .preview-measures-card:not(.pill-measures-card) { display:none!important; }
.pill-measures-card[hidden] {display:none!important;}
#pillAppearance[hidden],#pillConsoleShape[hidden] {display:none!important;}
body.project-mode-pill .workflow-export-step,
body.project-mode-pill .workflow-step-navigation:not(.pill-input-navigation),
body.project-mode-pill #toolsSection .workflow-step-number,
body.project-mode-pill #toolsSection .workflow-step-kicker,
body.project-mode-pill #toolsSection [data-workflow-summary] {display:none!important;}
body.project-mode-pill #pillPanel {background:none;border:0;padding:0;}
#pillPanel > .sidebar-panel-body {padding:0;}
#pillInputStage {margin-bottom:10px;}
#pillInputStage h2 {padding:12px;margin:0;font-size:14px;}
#pillPanel .pill-tabs .sidebar-tab-button {min-width:0;}
#pillPanel .pill-tabs .sidebar-tab-panel {padding:0;}
#pillPanel .pill-tabs .sidebar-tab-label {font-size:11px;}
#pillPanel .pill-tabs [hidden] {display:none!important;}
#pillPanel .pill-tabs .sidebar-tab-panel > .fields-grid {padding:12px;}
#pillMeasures .toggle-field {font-size:10px;gap:4px;}
#pillMeasures button {padding:5px;font-size:10px;}
#pillMeasures button svg {width:12px;height:12px;}
#pillConsoleShape {margin-top:8px;}
#pillConsoleShape summary {cursor:pointer;font-size:12px;}
#pillConsoleShape output {display:block;font-size:11px;margin:6px 0;overflow-wrap:anywhere;}
#pillConsoleShape svg {height:110px;width:100%;cursor:default;}
body.project-mode-pill .viewer-console-body {max-height:55vh;overflow:auto;}
#pillAppearance .pill-part {display:grid;grid-template-columns:20px 32px 1fr;gap:6px;border-bottom:1px solid var(--border);padding-bottom:8px;}
#pillAppearance .pill-part input[type=range] {grid-column:1/-1;width:100%;}
#pillAppearance .pill-part select {grid-column:1/-1;}
.pill-camera-buttons {display:flex;gap:4px;margin-top:8px;}
.pill-camera-buttons button {flex:1;min-width:0;font-size:11px;}
#pillPanel [hidden], #pillGuillotineControls[hidden] { display:none!important; }
#pillPanel .fields-grid { align-items:start; }
#pillPanel .field { min-width:0; }
#pillPanel .pill-toolbar { display:flex;gap:var(--space-sm,8px);margin-block:12px; }
#pillPanel .pill-toolbar button { flex:1;min-width:0; }
#pillProgress {width:100%;}
.pill-compare {display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pill-compare figure {margin:0;min-width:0;}
.pill-compare svg {width:100%;height:140px;background:var(--bg);border:1px solid var(--border);border-radius:8px;}
.pill-compare figcaption {font-size:var(--font-size-sm,12px);color:var(--text-muted);}
#pillFinal {cursor:crosshair;}
.pill-thumbnail {width:100%;height:130px;background:var(--bg);border:1px solid var(--border);border-radius:8px;}
#pillPanel output {display:block;font-size:12px;color:var(--text-muted);overflow-wrap:anywhere;margin-block:8px;}
#pillPanel .pill-segments {grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
#pillPanel .pill-segments[data-pill-segment=arms] {grid-template-columns:repeat(2,minmax(0,1fr));}
#pillPanel .pill-segments > span {grid-column:1/-1;}
#pillPanel .pill-segments button {flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:9px 5px;}
#pillPanel button[aria-pressed=true] {border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--bg-elev));color:var(--text);}
#pillPanel button svg,#pillPanel button img {width:18px;height:18px;flex-shrink:0;}
#pillPanel [data-pill-group] h3 {grid-column:1/-1;font-size:12px;margin:8px 0;}
.pill-resize-dialog {width:min(430px,90vw);color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:20px;}
.pill-resize-dialog::backdrop {background:color-mix(in srgb,var(--bg) 80%,transparent);}
.pill-resize-preview {height:160px;display:flex;justify-content:center;margin:12px;}
.pill-resize-preview svg {max-height:100%;max-width:100%;width:auto;height:100%;}
.pill-part {display:flex;gap:8px;align-items:center;margin-block:8px;}
.pill-part input[type=color] {width:32px;height:28px;padding:0;}
.project-mode-options:has([data-project-mode-choice=lightbox_pill]) {grid-template-columns:repeat(3,minmax(0,1fr));}
body.project-mode-pill #workflowStep4Header {display:flex;}
body.project-mode-pill .workspace-tool-row:has(#nodeEditorToolBtn),
body.project-mode-pill .workspace-tool-row:has(#drillingToolBtn),
body.project-mode-pill .workspace-tool-row:has(#curveOptimizerBtn) {display:none;}
#guillotineWorkspace.cartel-guillotine-active > .guillotine-layout,
#guillotineWorkspace.cartel-guillotine-active .guillotine-header-actions,
#guillotineWorkspace.cartel-guillotine-active .guillotine-header-stat,
#guillotineWorkspace.cartel-guillotine-active #guillotineExportBtn,
#guillotineWorkspace.cartel-guillotine-active .guillotine-subtitle {display:none;}
#pillGuillotineControls {max-height:calc(100% - 100px);overflow:auto;margin:12px;}
body.project-mode-pill #consoleWarningsFallback {display:none;}
.pill-beds {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;}
.pill-beds figure {margin:0;min-width:0;}
.pill-beds figcaption {font-size:12px;overflow-wrap:anywhere;}
.pill-beds svg {width:100%;background:var(--bg);border:1px solid var(--border);}

#pillPanel h2 {display:flex;align-items:center;gap:8px;}
#pillPanel h2 svg,#pillPanel h2 .viewer-mode-tool-icon {width:18px;height:18px;flex-shrink:0;}

#pillPanel .workspace-tool-btn {margin-block:4px;}
#pillPanel [data-pill-segment] .workspace-tool-btn {width:100%;font-size:11px;gap:4px;}
#pillPanel [data-pill-segment=mountSide] svg {fill:none;stroke:currentColor;}
#pillPanel [data-pill-segment=mountSide] button {flex-direction:column;font-size:10px;}
#pillPanel label:has(#pill-wallSeparation),#pillLengths {grid-column:1/-1;}

.pill-icon-button {display:inline-flex;align-items:center;justify-content:center;gap:5px;}
.pill-icon-button svg {flex-shrink:0;}

.pill-measures-card button,.pill-measures-card .toggle-field {pointer-events:auto;}

#pillInputStage .pill-file-control {border:1px solid var(--border);border-radius:8px;padding:6px;overflow-wrap:anywhere;background:var(--bg-elev-2);}
#pillInputStage .pill-input-navigation {display:flex;margin-top:16px;}
#pillInputStage .sidebar-panel-summary h2 {font-size:inherit;padding:0;}
#pillPanel,#pillAppearance,.pill-resize-dialog {color:var(--text);}
#pillPanel .field > span,#pillPanel .toggle-field > span,#pillAppearance .pill-part > span {color:var(--text-muted);}
#pillInputStage .workflow-step-heading {width:100%;}

body.project-mode-pill #pillConsoleShape,body.project-mode-pill .viewer-console-assistant-title {color:var(--ui-console-text);}
body.project-mode-pill #pillConsoleShape figcaption {color:var(--ui-console-text);}
#pillInputStage .pill-file-control button span {color:inherit;}