/* Compact writing design panel: scoped to composer, preserve all field names and preview hooks. */
body .ssc-composer-form .ssc-design-preview-layout.ssc-design-compact{grid-template-columns:minmax(0,1fr) 185px!important;gap:10px!important;margin-bottom:10px!important}
body .ssc-composer-form .ssc-design-compact .ssc-editor-design-tools>summary{padding:8px 10px!important;font-size:14px!important;color:#173426!important;cursor:pointer!important}
body .ssc-composer-form .ssc-design-compact .ssc-editor-design-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding:8px!important;align-items:start!important}
body .ssc-composer-form .ssc-design-compact .ssc-editor-design-grid>.ssc-design-group{padding:8px!important;gap:5px!important}
body .ssc-composer-form .ssc-design-compact .ssc-design-group>b{font-size:14px!important;padding-bottom:4px!important;margin-bottom:0!important;color:#173426!important}
body .ssc-composer-form .ssc-design-compact .ssc-design-group>.ssc-mini-field{grid-template-columns:48px minmax(0,1fr)!important;gap:4px!important;min-height:28px!important;font-size:13px!important;color:#172d22!important}
body .ssc-composer-form .ssc-design-compact .ssc-design-group>.ssc-mini-range{grid-template-columns:48px minmax(24px,1fr) 32px!important}
body .ssc-composer-form .ssc-design-compact .ssc-mini-field select{height:28px!important;min-height:28px!important;font-size:13px!important;padding:2px 4px!important;color:#172d22!important;background:#fff!important}
body .ssc-composer-form .ssc-design-compact .ssc-mini-field input[type=color]{width:30px!important;min-width:30px!important;height:26px!important;min-height:26px!important}
body .ssc-composer-form .ssc-design-compact .ssc-mini-field output{font-size:12px!important;color:#172d22!important}
body .ssc-composer-form .ssc-design-compact .ssc-composer-preview{width:185px!important;padding:8px!important;position:static!important}
body .ssc-composer-form .ssc-design-compact .ssc-composer-preview h3{font-size:14px!important;margin-bottom:5px!important}
body .ssc-composer-form .ssc-design-compact .ssc-live-preview-page{min-height:80px!important;max-height:155px!important;padding:7px!important}
body .ssc-composer-form .ssc-design-compact .ssc-live-preview-title{font-size:14px!important;margin-bottom:5px!important}
body .ssc-composer-form .ssc-design-compact .ssc-live-preview-placeholder{padding:7px 4px!important;font-size:12px!important}
body .ssc-composer-form .ssc-design-compact .ssc-live-preview-text{margin-top:5px!important}
@media(max-width:1150px){body .ssc-composer-form .ssc-design-compact .ssc-editor-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){body .ssc-composer-form .ssc-design-preview-layout.ssc-design-compact{grid-template-columns:1fr!important}body .ssc-composer-form .ssc-design-compact .ssc-composer-preview{width:100%!important;justify-self:stretch!important}body .ssc-composer-form .ssc-design-compact .ssc-live-preview-page{max-height:120px!important}}
@media(max-width:420px){body .ssc-composer-form .ssc-design-compact .ssc-editor-design-grid{grid-template-columns:1fr!important}body .ssc-composer-form .ssc-design-compact .ssc-editor-design-grid>.ssc-design-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 8px!important}body .ssc-composer-form .ssc-design-compact .ssc-design-group>b{grid-column:1/-1!important}body .ssc-composer-form .ssc-design-compact .ssc-design-group>.ssc-mini-field{font-size:13px!important;grid-template-columns:44px minmax(0,1fr)!important}body .ssc-composer-form .ssc-design-compact .ssc-design-group>.ssc-mini-range{grid-column:1/-1!important;grid-template-columns:48px minmax(24px,1fr) 32px!important}}