.sh4-theme-search{display:flex;gap:20px;align-items:end;justify-content:space-between;flex-wrap:wrap}.sh4-theme-search label,.sh4-theme-search input{max-width:100%}.sh4-theme-search input{min-width:240px}.sh4-theme-search p{margin:0}.sh4-module-list{display:grid;gap:16px}.sh4-module{margin:0}.sh4-module>summary{display:flex;gap:12px;align-items:center;cursor:grab;list-style:none;min-height:44px;flex-wrap:wrap}.sh4-module>summary::-webkit-details-marker{display:none}.sh4-module>summary strong{font-size:18px;font-weight:550;flex:1;min-width:120px}.sh4-drag{font-size:26px;color:#59645f}.sh4-module-body{margin-top:22px;border-top:1px solid var(--border,#e0e4e2);padding-top:18px}.sh4-module-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.sh4-module.is-dragging{opacity:.45}.sh4-module .image-field{max-width:340px}.sh4-module .image-preview{max-height:160px}.sh4-code-tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:#59615d;font-size:14px}.sh4-code-tools label{display:flex;gap:8px;align-items:center}.sh4-code-tools select{width:85px;min-width:0}.code-editor[data-code-editor]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;line-height:1.6;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;width:100%}.sh4-preview-dialog{width:min(1100px,calc(100% - 32px));max-height:90vh;padding:20px;border:1px solid #d5ddd8;border-radius:6px}.sh4-preview-dialog::backdrop{background:#0009}.sh4-preview-dialog img{display:block;width:100%;height:auto}.sh4-preview-dialog button{margin-bottom:16px}.theme-card[hidden]{display:none!important}[data-catalog-card] .theme-preview img{cursor:zoom-in}.creation-theme-grid .theme-info{min-width:0}.creation-theme-grid small{line-height:1.65}.sh4-theme-no-results{padding:24px;color:#59645f}.sh4-modules-form .form-wide .image-field{width:100%}
@media(max-width:640px){.sh4-theme-search{align-items:stretch}.sh4-theme-search input{min-width:0;width:100%}.sh4-code-tools{gap:10px}.sh4-module>summary strong{font-size:17px}.sh4-module-actions .button{padding:8px 13px}.sh4-module .image-field{max-width:100%}}

.sh4-code-form .card-heading>div{min-width:0}.sh4-code-form .card-heading h2{overflow-wrap:anywhere}.sh4-code-form .card-heading .check-field{flex-shrink:0;white-space:nowrap}@media(max-width:640px){.sh4-code-form .card-heading{flex-wrap:wrap;gap:12px}.sh4-code-form .card-heading>div{flex-basis:100%}}