.submission-form-head { flex-wrap: wrap; gap: 12px; }
.submission-form-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.submission-form-tools .button { min-height: 36px; padding: 8px 12px; }
.submission-form-tools .toggle { padding: 3px; border-radius: 12px; }
.submission-form-tools .toggle button { padding: 8px 12px; font-size: 13px; }
.form-preview-label { color: var(--muted); font-size: 12px; }
.submission-form-settings { border: 1px solid rgba(135, 165, 160, .2); border-radius: 14px; margin-bottom: 18px; background: rgba(8, 15, 18, .25); }
.submission-form-settings > summary { padding: 14px 16px; cursor: pointer; font-weight: 600; }
.submission-form-settings > summary::marker { color: #21cbbb; }
.form-settings-body { padding: 0 16px 16px; display: grid; gap: 14px; }
.form-settings-toolbar, .form-settings-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.form-settings-toolbar label { margin: 0; }
.form-settings-toolbar select { width: auto; min-width: 180px; padding: 9px 12px; }
.form-settings-hint, #submission-form-settings-status { margin: 0; font-size: 13px; color: #8da4a1; line-height: 1.5; }
#submission-form-editor { display: grid; gap: 8px; }
.form-config-field { border: 1px solid rgba(135, 165, 160, .16); border-radius: 10px; }
.form-config-field > summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 12px; cursor: pointer; }
.form-config-field > summary strong::before { content: "›"; display: inline-block; margin-right: 8px; color: #21cbbb; }
.form-config-field[open] > summary strong::before { transform: rotate(90deg); }
.form-config-count { font-size: 12px; color: #8da4a1; }
.form-config-body { display: grid; gap: 12px; padding: 0 12px 12px; }
.form-config-body label { margin: 0; }
.form-config-check { display: flex; align-items: center; gap: 7px; font-size: 13px; cursor: pointer; }
.form-config-check input { width: 16px; height: 16px; margin: 0; accent-color: #21cbbb; flex: 0 0 auto; }
.form-config-title { display: grid; gap: 4px; min-width: 0; }
.form-config-title > span { font-size: 11px; color: #8da4a1; overflow: hidden; text-overflow: ellipsis; }
.form-config-title input { padding: 9px 11px; border-radius: 8px; min-width: 0; }
.form-config-options { display: grid; gap: 6px; }
.form-config-option { display: grid; grid-template-columns: 95px minmax(120px, 1fr) 140px 74px; gap: 10px; align-items: center; padding: 8px; border-radius: 8px; background: rgba(12, 20, 23, .45); }
.form-config-order { display: flex; gap: 4px; }
.form-config-order .button { padding: 4px 9px; min-height: 30px; }
@media (max-width: 760px) {
    .submission-form-tools { margin-left: 0; width: 100%; }
    .form-config-option { grid-template-columns: minmax(0, 1fr) auto; }
    .form-config-option .form-config-title { grid-column: 1 / -1; grid-row: 1; }
    .form-config-option .form-config-check { min-width: 0; }
    .form-config-order { justify-content: flex-end; }
    .form-settings-body { padding-inline: 10px; }
}