/* Shared module surfaces. Preserve preview media, color samples and graph geometry. */
#app #appTabsRow .rail-purge .orbit-tab-icon svg{stroke:#ffca62!important;stroke-width:1.8!important;opacity:1!important}
#app #panel-pro #cxFlow20 .fx20-topbar{align-items:flex-start;gap:8px}
#app #panel-pro #cxFlow20 .fx20-meta{display:flex;flex-wrap:wrap;gap:4px}
#app #panel-pro #cxFlow20 .fx20-chip,#app #panel-pro #cxFlow20 .fx20-savechip{min-height:27px;min-width:34px}
@media(max-width:799px){
 #app #panel-pro #cxFlow20{display:flex;flex-direction:column;gap:8px}
 #app #panel-pro #cxFlow20 .fx20-topbar{flex-direction:column;align-items:stretch}
 #app #panel-pro #cxFlow20 .fx20-canvas-wrap{height:220px!important}
 #app #panel-pro #cxFlow20 .fx20-params{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app #panel-pro #cxFlow20 .fx20-lib{grid-template-columns:repeat(5,minmax(0,1fr));max-height:164px;grid-auto-rows:48px}
 #app #panel-pro #cxFlow20 .fx20-preset{height:48px}
}
@media(max-width:420px){#app #panel-pro #cxFlow20 .fx20-lib{grid-template-columns:repeat(3,minmax(0,1fr))}}
#app .app-panel:not(#panel-tools){
 --accent:#3cff5f;--accent-color:#3cff5f;--panel-bg:#080e0b;--card-bg:#101813;
 background:var(--od-bg)!important;color:#e0e9e2;
}
#app .app-panel:not(#panel-tools) :is(.tool-section,.tool-subgroup,.tracker-status-card,.tracker-ring-card,.cx3d-panel,.compx-comp-toolbar,.compx-comp-filter,.compx-comp-bulk,.library-filter-strip,.lib-toolbar,.cx-cap-source-card,.cx-cap-source-icon,.cx-cap-source-or){
 background:linear-gradient(130deg,#101813,#080e0b 70%)!important;
 border:1px solid #29392f!important;border-radius:8px!important;
 box-shadow:none!important;min-width:0;
}
#app .app-panel:not(#panel-tools) :is(.tool-section-head,.tool-subgroup-title){
 background:none!important;border-bottom:1px solid #25332b!important;
 color:#edf3ee!important;font:600 11px/1.25 "Segoe UI",sans-serif!important;
 letter-spacing:.04em;padding:7px 0;margin-bottom:7px;
}
#app .app-panel:not(#panel-tools) .tool-section-title{
 color:#edf3ee!important;font:600 11px/1.25 "Segoe UI",sans-serif!important;letter-spacing:.04em;
}
#app .app-panel:not(#panel-tools) .tool-section-title::before{display:none!important}
#app .app-panel:not(#panel-tools) :is(.tool-btn,.btn,.shelf,.compx-comp-toolbar button,.compx-comp-bulk button,.lib-status-btn,.cx3d-btn,.cx3d-feature){
 background:linear-gradient(135deg,#141d17,#0a100c)!important;
 border:1px solid #2a382f!important;border-radius:6px!important;
 color:#e0e9e2!important;box-shadow:none!important;
 font-family:"Segoe UI",sans-serif;font-size:11px;letter-spacing:0;
}
#app .app-panel:not(#panel-tools) :is(.tool-btn,.btn,.shelf,.cx3d-feature):hover{border-color:#43844f!important;background:#122017!important}
#app .app-panel:not(#panel-tools) :is(button.primary,button.active,button.is-selected,.cx-bg-pipeline-step.is-active,.cx-cap-source-card.active){
 background:#142d19!important;border-color:#35c64b!important;color:#d5ffdb!important;box-shadow:none!important;
}
#app .app-panel:not(#panel-tools) :is(input:not([type="range"]):not([type="checkbox"]):not([type="color"]),select,textarea){
 background:#090f0c!important;border-color:#2a382f!important;color:#e0e9e2!important;border-radius:6px;
}
#app .app-panel:not(#panel-tools) :is(.hint,.tool-help){color:#9bac9f!important;line-height:1.5}
#app #panel-toolkit>.tools-scroll{display:block!important;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#app #panel-toolkit .tools-project-row{display:block!important;height:auto;min-height:0}
#app #panel-toolkit #toolkitShapeSourceSection{padding:10px;margin:0;flex:none}
#app #panel-toolkit #shapeToolkit{display:flex;flex-direction:column;gap:8px}
#app #panel-toolkit .shape-subgroup{padding:8px;margin:0;flex:none}
#app #panel-toolkit .tool-grid{gap:5px}
#app #panel-toolkit .tool-btn{min-height:44px!important;padding:7px 5px!important;font:500 11px/1.2 "Segoe UI",sans-serif!important;text-transform:none}
#app #panel-toolkit .tool-btn::before{color:#3cff5f}
#app #panel-toolkit .counter-row{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:5px}
#app #panel-toolkit .counter-row>*{width:100%;min-width:0;box-sizing:border-box}
#app #panel-toolkit .hint{font-size:10px;margin:7px 0 0}
#app .app-panel:not(#panel-tools) button:focus-visible{outline:2px solid #3cff5f;outline-offset:1px}
@media(max-width:380px){#app #panel-toolkit .counter-row{grid-template-columns:minmax(0,1fr) 48px}#app #panel-toolkit #shapeEaseMode{grid-column:1/-1}}