.sn-wrap{max-width:1400px}.sn-header{margin-bottom:24px}.sn-header h1{font-size:22px;margin-bottom:6px}.sn-subtitle{color:#64748b;margin-top:0}.sn-grid{display:grid;grid-template-columns:1fr 480px;gap:24px;align-items:start}@media (max-width:1100px){.sn-grid{grid-template-columns:1fr}}.sn-col-settings{display:flex;flex-direction:column;gap:20px}.sn-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06)}.sn-card-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.sn-card-head h2{margin:0;font-size:14px;font-weight:600;color:#1d2327}.sn-card-icon{font-size:18px}.sn-card-body{padding:20px;display:flex;flex-direction:column;gap:16px}.sn-field{display:flex;flex-direction:column;gap:6px}.sn-field label{font-size:13px;font-weight:600;color:#2c2c2c}.sn-field input[type=email],.sn-field input[type=text],.sn-field input[type=url]{border-radius:6px;border:1px solid #c3c4c7;padding:8px 10px;font-size:13px}.sn-field .description{color:#777;font-size:12px;margin:0}.sn-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sn-field-toggle{padding:14px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.sn-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.sn-toggle input{display:none}.sn-toggle-track{width:44px;height:24px;background:#ccc;border-radius:99px;position:relative;flex-shrink:0;transition:background .2s}.sn-toggle-track::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}.sn-toggle input:checked~.sn-toggle-track{background:#3b82f6}.sn-toggle input:checked~.sn-toggle-track::after{left:23px}.sn-toggle-label{font-size:13px;font-weight:600;color:#2c2c2c}.sn-subject-preview{margin-top:8px;padding:8px 12px;background:#eff6ff;border-radius:6px;font-size:12px;color:#2563eb}.sn-subject-preview span{font-weight:600;margin-right:6px}.sn-color-group{margin-bottom:16px}.sn-color-group h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#999;margin:0 0 10px}.sn-color-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.sn-color-field{display:flex;flex-direction:column;gap:5px}.sn-color-field label{font-size:11px;font-weight:600;color:#555}.sn-color-field .wp-picker-container{width:100%}.sn-color-field .wp-color-result{border-radius:6px!important}.sn-actions{padding:8px 0}.sn-preview-sticky{position:sticky;top:32px}.sn-preview-body{padding:16px;background:#e8e8e8}.sn-preview-body #sn-email-preview{border-radius:8px;overflow:hidden}.sn-preview-note{font-size:11px;color:#888;text-align:center;margin-top:10px}