#cs-field-editor .cs-field-card{border:1px solid #dcdcde;border-radius:8px;padding:16px;margin:14px 0;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#cs-field-editor .cs-field-card-head{grid-column:1/-1;display:flex;align-items:center;gap:8px}
#cs-field-editor .cs-field-card-head strong{margin-right:auto}
#cs-field-editor .cs-field-card>label{display:flex;flex-direction:column;gap:6px;font-weight:600}
#cs-field-editor .cs-field-card input[type=text],#cs-field-editor .cs-field-card textarea,#cs-field-editor .cs-field-card select{width:100%;max-width:none}
#cs-field-editor .cs-field-card [hidden]{display:none!important}
#cs-field-editor .cs-field-checks{grid-column:1/-1;display:flex;gap:12px 20px;flex-wrap:wrap}
#cs-field-editor .cs-field-checks label{display:flex;align-items:center;gap:5px}
.crystore-site .cs-extra-fields{width:100%;min-width:0;flex-basis:100%;box-sizing:border-box;border:0;border-top:1px solid #e5e7eb;padding:20px 0 8px;margin:16px 0;clear:both}
.crystore-site .cs-extra-fields legend{font-size:16px;font-weight:700;padding:0 8px 0 0}
.crystore-site .cs-extra-fields .form-row{margin:0 0 16px;width:100%;padding:0;float:none}
.crystore-site .cs-extra-fields label{display:block;margin-bottom:8px;font-size:15px;font-weight:600}
.crystore-site .cs-extra-fields .optional{font-size:12px;font-weight:400;color:#6b7280}
.crystore-site .cs-extra-fields input,.crystore-site .cs-extra-fields textarea,.crystore-site .cs-extra-fields select{display:block;width:100%;box-sizing:border-box;min-height:46px;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;background:#fff;color:#111827;font-size:16px;line-height:1.5;box-shadow:none}
.crystore-site .cs-extra-fields :is(input,textarea,select):focus{border-color:#6366f1;outline:0;box-shadow:0 0 0 1px #6366f1}
.crystore-site .cs-extra-fields small{display:block;margin-top:6px;line-height:1.6;color:#6b7280;overflow-wrap:anywhere}
html[data-cs-theme=dark] .crystore-site .cs-extra-fields{border-color:#354057}
html[data-cs-theme=dark] .crystore-site .cs-extra-fields :is(input,textarea,select){background:#192131;color:#eef1f8;border-color:#354057}
html[data-cs-theme=dark] .crystore-site .cs-extra-fields small,html[data-cs-theme=dark] .crystore-site .cs-extra-fields .optional{color:#b4bfd2}
@media(max-width:600px){#cs-field-editor .cs-field-card{grid-template-columns:1fr;padding:12px}.crystore-site .cs-extra-fields{margin:12px 0}}
