#pfModEditor{padding:12px;margin:8px 0;border:1px solid var(--accent,#168992);border-radius:10px;background:var(--panel,#243139);color:inherit;min-width:0}
#pfModEditor[hidden],#pfModEditor [hidden]{display:none!important}
#pfModEditor header{display:flex;align-items:center;justify-content:space-between;gap:8px}
#pfModEditor button,#pfModEditor label{white-space:normal;overflow-wrap:anywhere;min-width:0}
#pfModEditor input,#pfModEditor select{width:100%;min-width:0;box-sizing:border-box}
#pfModEditor .pm-check{display:flex;align-items:center;gap:8px;margin:8px 0}#pfModEditor .pm-check input{width:auto}
.pm-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:10px 0}.pm-presets button{padding:6px 3px;display:grid;justify-items:center;gap:3px}.pm-presets svg{width:52px;height:42px;fill:#78b1b6;stroke:#27545c;stroke-width:2}
.pm-assembly{display:grid;grid-template-columns:minmax(60px,32%) 1fr;align-items:start;gap:8px;margin:10px 0}#pfModSketch{width:100%;max-height:200px;background:#dfe7e6;border-radius:7px;position:sticky;top:0}#pfModSketch rect{stroke:#44676d;stroke-width:1;cursor:pointer}#pfModSketch [aria-pressed=true]{stroke:#00a5b1;stroke-width:3}
#pfModList{display:grid;gap:4px}#pfModList button{text-align:left;padding:7px 8px}#pfModEditor button[aria-pressed=true]{border-color:#00bfcc;background:#0a626c;color:white}
.pm-actions{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.pm-actions button{flex:1 1 auto;padding:6px 8px}
.pm-measures,.pm-finish{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pm-finish label:first-child{grid-column:1/-1}.pm-finish{padding-top:10px;border-top:1px solid #71818955;margin-top:10px}
#pfModEditor h4{margin:14px 0 8px;font-size:14px}#pfModEditor output{display:block;font-size:12px;line-height:1.5;margin-top:12px}#pfModError{padding:8px;border:1px solid #ca8542;border-radius:5px}#pfModLibrary{margin-top:12px}#pfModLibrary>*{margin-bottom:8px}
body:not(.dark) #pfModEditor{background:var(--panel,#f2f6f7)}

#pfModEditor #pfModSketch{height:180px!important;width:100%!important;max-height:none}#pfModEditor .pm-presets svg{height:42px!important;width:52px!important}#pfModEnvelope{padding:9px;border:1px dashed #169ba5;border-radius:6px;margin-top:10px;font-size:12px;line-height:1.45}#pfModEnvelope button{width:100%}

#lidPanel.pm-active #autoFit,#lidPanel.pm-active label:has(>#autoFit),#lidPanel.pm-active #pfClosureFit,#lidPanel.pm-active #pfClosureMaterialControls{display:none!important}

#lidPanel.pm-active #pfAxialFit,#lidPanel.pm-active #pfCapDetails,#lidPanel.pm-active #pfCosmeticFinish,#lidPanel.pm-active label:has(>#closureMaterial),#lidPanel.pm-active label:has(>#lidColor){display:none!important}

#pfModEditor #pfModFitDiagram{display:block;width:100%!important;height:170px!important;background:#f8fbfa;border-radius:5px;margin:8px 0}#pfModFitView summary{cursor:pointer;font-weight:600}

/* Nested sections remain usable inside the mobile modular editor. */
body[data-pf-phone-ui=true] #controls #pfModEditor summary{display:list-item!important;cursor:pointer}
#pfModShortcuts{display:flex;gap:5px;position:sticky;top:0;z-index:5;padding:8px 0;background:var(--panel,#243139)}#pfModShortcuts[hidden]{display:none}#pfModShortcuts button{flex:1;min-width:0;padding:8px 4px;white-space:normal}#pfModShortcuts button[aria-pressed=true]{background:#087e89;color:#fff;border-color:#09a6af}#pfModAdvanced{margin:10px 0;border-top:1px solid #71818955;padding-top:9px}#pfModAdvanced summary{display:list-item!important;cursor:pointer;font-weight:600}
#lidPanel.pm-active>.pf-menu-shortcuts,#lidPanel.pm-active #pfClosureAppearance,#lidPanel.pm-active #pfClosureSize{display:none!important}
#pfModEditor .pm-assembly[hidden],#pfModEditor .pm-actions[hidden],#pfModEditor .pm-finish[hidden]{display:none!important}
body:not(.dark) #pfModShortcuts{background:#f2f6f7}
/* Match the actual theme attribute, including the non-modular starter state. */
html[data-theme] body #pfModEditor,html[data-theme] body #pfModShortcuts{background:var(--app-panel,#f2f6f7);color:var(--app-text,#19343d)}
#pfModEditor header{position:static;height:auto;min-height:40px;background:transparent;color:inherit;padding:0;margin:0}
#pfModEditor #pfModStartNote{font-size:13px;line-height:1.5;color:inherit}
#pfModEditor[data-modular=false] #pfModModels>summary{display:none!important}
#pfModEditor .pm-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
#pfModEditor .pm-presets button{font-size:13px;min-height:76px;color:var(--app-text,#19343d);background:var(--app-input,#fff)}