.customizer{height:100%;overflow:auto;background:#ffffff;padding:30px 34px;color:#111111}.config-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.config-heading h1{font-size:24px;letter-spacing:0;margin:6px 0 8px;font-weight:650}.config-heading p,.config-section-title p{color:#111111;line-height:1.5;margin:0}.config-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.6px;color:#2257b5}.config-layout{display:grid;grid-template-columns:minmax(400px,1fr) 350px;gap:30px;align-items:start;max-width:1360px;margin:auto}.config-section{background:#fff;border:1px solid #dce2eb;border-radius:22px;padding:24px;margin-bottom:18px}.config-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:23px}.config-section-title>span{background:#edf3fc;color:#2257b5;padding:8px;font-size:12px;border-radius:50%;font-weight:700}.config-section-title h2{font-size:17px;margin:0 0 5px}.config-section-title p{font-size:13px}.config-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.config-field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;min-width:0}.config-fields input:not([type=color]),.config-fields select,.config-fields textarea{border:1px solid #dce2eb;border-radius:14px;background:white;color:#111111;width:100%;padding:11px 12px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;min-height:43px;box-sizing:border-box}.config-fields textarea{font-family:inherit;resize:vertical;min-height:90px}.config-fields input:focus,.config-fields textarea:focus,.config-fields select:focus{outline:2px solid #d7e6fc;outline-offset:1px;border-color:#2257b5}.config-fields .wide{grid-column:1/-1}.config-color{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.config-color input{width:44px;height:44px;border:1px solid #dce2eb;border-radius:12px;padding:4px;background:#fff;cursor:pointer}.config-color small{display:block;margin-top:5px;font-weight:400;color:#111111;font-family:monospace}.config-link{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.config-save{position:sticky;bottom:-30px;background:#fff;box-shadow:0 -4px 24px #2445720b;border:1px solid #dce2eb;border-radius:20px;padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;z-index:2}.config-save>div{flex:1;min-width:160px}.config-save b{font-size:13px}.config-preview{position:sticky;top:0;align-self:start;text-align:center}.config-preview-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;font-size:14px}.config-preview-head span{font-size:12px;color:#111111}.config-preview iframe{width:100%;height:min(500px,calc(100dvh - 215px));min-height:430px;border:0;border-radius:26px;box-shadow:0 10px 32px #1839641b;background:transparent}.config-preview p{font-size:12px;color:#111111;line-height:1.6;margin:14px 8px 8px}.config-preview a{color:#2257b5;font-size:13px;font-weight:600}.config-notice{border:1px solid #dce2eb;background:#ffffff;padding:12px 16px;border-radius:16px;margin-bottom:20px;font-size:13px}@media(max-width:1150px){.customizer{padding:24px}.config-layout{grid-template-columns:minmax(300px,1fr) 330px;gap:20px}.config-fields{grid-template-columns:1fr}.config-section{padding:18px;border-radius:22px}}@media(max-width:850px){.config-layout{grid-template-columns:1fr}.config-preview{position:static;max-width:390px;width:100%;margin:auto;grid-row:1}.config-preview iframe{height:500px;border-radius:26px}.config-heading{align-items:flex-start}.config-heading h1{font-size:24px;letter-spacing:0;font-weight:650}}
.config-switch{display:flex;align-items:center;gap:10px;font-size:13px;color:#111;cursor:pointer}.config-fields .config-switch input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;margin:0;accent-color:#2257b5}.config-fields>p{font-size:12px;line-height:1.6;margin:0;color:#111}#welcome-sample{padding:12px;border:1px solid #dce2eb;border-radius:14px;background:white}
.reply-rule{margin:0 0 16px;padding:16px;border:1px solid #dce2eb;border-radius:18px;display:grid;gap:14px;min-width:0}.reply-rule legend{font-size:14px;font-weight:650;padding:0 6px}.reply-rule .config-switch input[type=checkbox]{width:18px;min-height:18px;height:18px;padding:0}.reply-rule .btn{justify-self:start}#rule-result{white-space:pre-wrap;padding:12px;background:#f4f7fb;border-radius:14px}