.essential-tools .et-mapper{color:#171717;font-size:16px;line-height:1.55}
.essential-tools .et-mapper :is(button,input,select,textarea){font:inherit;box-sizing:border-box}
.essential-tools .et-mapper :is(input,select,textarea){max-width:100%;width:100%;background:#fff;color:#171717;border:1px solid #b5b5b5;border-radius:9px;padding:10px 12px;min-height:44px}
.essential-tools .et-mapper input[type=checkbox]{width:20px;min-height:20px;height:20px;accent-color:#6b46ff}
.essential-tools .et-mapper textarea{resize:vertical}
.essential-tools .et-mapper button{min-height:44px;border:1px solid #cecece;border-radius:9px;padding:9px 13px;color:#171717;background:#fff;cursor:pointer;font-weight:500}
.essential-tools .et-mapper button:hover:not(:disabled){border-color:#6b46ff;background:#f7f4ff}
.essential-tools .et-mapper button:disabled{opacity:.48;cursor:not-allowed}
.essential-tools .et-mapper :is(button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #6b46ff;outline-offset:3px}
.essential-tools .et-mapper :is(h2,h3,p){margin-top:0}
.essential-tools .et-mapper h2{font-size:27px;line-height:1.3;margin-bottom:8px}
.essential-tools .et-mapper h3{font-size:18px;line-height:1.4;margin-bottom:0}
.essential-tools .et-mapper-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.essential-tools .et-mapper-top p:last-child{color:#575757;margin-bottom:0;max-width:760px}
.essential-tools .et-mapper-kicker{color:#6b46ff;font-size:13px;font-weight:600;margin-bottom:6px}
.essential-tools .et-mapper-local{display:inline-flex;background:#f0eaff;border:1px solid #ded3ff;border-radius:999px;padding:7px 12px;font-size:12px;white-space:nowrap}
.essential-tools .et-mapper-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;border:1px solid #e2e2e2;padding:18px;border-radius:15px;background:#fafafa}
.essential-tools .et-mapper-toolbar label{font-size:13px;min-width:240px;flex:1}
.essential-tools .et-mapper-toolbar select{display:block;margin-top:5px}
.essential-tools .et-mapper-notice{font-size:14px;min-height:24px;margin:12px 0}
.essential-tools .et-mapper-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.15fr);gap:24px;align-items:start}
.essential-tools .et-mapper-editor,.essential-tools .et-mapper-preview{min-width:0;border:1px solid #e1e1e1;background:#fff;border-radius:18px;padding:20px}
.essential-tools .et-mapper-mode{display:flex;gap:6px;padding:4px;background:#f2f2f2;border-radius:12px;margin-bottom:20px}
.essential-tools .et-mapper-mode button{flex:1;background:transparent;border:0}
.essential-tools .et-mapper-mode button[aria-pressed=true]{background:#171717;color:white}
.essential-tools .et-mapper-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.essential-tools .et-mapper label{display:block;font-size:13px;font-weight:500}
.essential-tools .et-mapper label :is(input,textarea,select){display:block;margin-top:5px;font-size:16px}
.essential-tools .et-mapper label span{color:#646464;font-size:12px;font-weight:400}
.essential-tools .et-mapper-field{margin-bottom:14px}
.essential-tools .et-mapper-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:21px 0 9px}
.essential-tools .et-mapper-small{color:#606060;font-size:12px;line-height:1.55;margin:8px 0 14px}
.essential-tools .et-mapper-steps{list-style:none;padding:0;margin:0;max-height:420px;overflow:auto;border:1px solid #e1e1e1;border-radius:10px}
.essential-tools .et-mapper-steps li{display:flex;align-items:center;gap:4px;padding:6px;border-bottom:1px solid #ededed;min-width:0}
.essential-tools .et-mapper-steps li:last-child{border-bottom:0}
.essential-tools .et-mapper-steps li.is-selected{background:#f4efff}
.essential-tools .et-mapper-steps li>div{display:flex;gap:1px;flex-shrink:0}
.essential-tools .et-mapper-steps li>div button{width:44px;min-height:44px;padding:4px;border-color:transparent;background:transparent}
.essential-tools .et-mapper-steps button.et-mapper-select-step{border:0;background:transparent;display:grid;grid-template-columns:25px minmax(0,1fr);gap:0 4px;flex:1;text-align:left;padding:6px;min-width:0}
.essential-tools .et-mapper-select-step>span{grid-row:span 2;align-self:center;color:#606060;font-size:12px}
.essential-tools .et-mapper-select-step strong{font-weight:500;font-size:13px;overflow-wrap:anywhere}
.essential-tools .et-mapper-select-step small{font-size:11px;color:#606060}
.essential-tools .et-mapper fieldset{min-width:0;border:1px solid #ddd;border-radius:11px;padding:14px;margin:16px 0}
.essential-tools .et-mapper legend{font-size:12px;font-weight:600;padding:0 5px}
.essential-tools .et-mapper-step-details{background:#faf8ff}
.essential-tools .et-mapper-connections{max-height:650px;overflow:auto}
.essential-tools .et-mapper-connections fieldset{margin:10px 0}
.essential-tools .et-mapper-connections fieldset>button{margin-top:10px;font-size:12px}
.essential-tools .et-mapper-preview{position:sticky;top:100px}
.essential-tools .et-mapper-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.essential-tools .et-mapper-preview-heading p{font-size:12px;color:#626262;margin:5px 0}
.essential-tools .et-mapper-preview-heading button{font-size:12px}
.essential-tools .et-mapper-preview-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:16px 0 10px}
.essential-tools .et-mapper-preview-controls button{font-size:12px;min-width:44px}
.essential-tools .et-mapper-preview-controls output{font-size:12px;min-width:38px;text-align:center}
.essential-tools .et-mapper-canvas{height:490px;overflow:auto;background-color:#fafafa;background-image:radial-gradient(#dedede .7px,transparent .7px);background-size:16px 16px;border:1px solid #e2e2e2;border-radius:12px;padding:20px;position:relative}
.essential-tools .et-mapper-canvas img{height:auto;display:block;background:#fff;min-width:0}
.essential-tools .et-mapper-canvas img[hidden]{display:none}
.essential-tools .et-mapper-canvas>p{color:#737373;text-align:center;margin-top:100px}
.essential-tools .et-mapper-errors{font-size:13px;color:#8a3c12;margin:12px 0;overflow-wrap:anywhere}
.essential-tools .et-mapper-exports{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.essential-tools .et-mapper-exports button{font-size:13px;flex:1 1 130px}
.essential-tools .et-mapper-exports button:first-child{background:#171717;color:#fff;border-color:#171717}
.essential-tools .et-mapper details{border-top:1px solid #e2e2e2;padding-top:14px;margin-top:18px}
.essential-tools .et-mapper summary{cursor:pointer;min-height:44px;font-size:13px;font-weight:600;padding:8px 0}
.essential-tools .et-mapper pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f6f6;padding:12px;border-radius:8px;font-size:12px}
.essential-tools .et-mapper :is([data-field=source],[data-generated]){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;tab-size:2}
.essential-tools .et-mapper-source-notice{padding:14px;background:#f4efff;border-radius:10px;margin-bottom:18px;font-size:13px}
.essential-tools .et-mapper-source-notice p{margin:6px 0 0}
.essential-tools .et-mapper-source-guide{font-size:13px;margin-bottom:15px}
.essential-tools .et-mapper-generated button{margin-top:10px}
.essential-tools .et-mapper-text-summary{font-size:13px}
.essential-tools .et-mapper-text-summary li{margin-bottom:8px;overflow-wrap:anywhere}
.essential-tools .et-mapper-storage{background:#f8f8f8;border:1px solid #e2e2e2;border-radius:14px;padding:18px;margin-top:24px}
.essential-tools .et-mapper-storage>label{display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px}
.essential-tools .et-mapper-storage>label input{margin:0;flex-shrink:0}
.essential-tools .et-mapper-storage p{font-size:12px;color:#666;max-width:750px;margin:5px 0 14px}
.essential-tools .et-mapper-storage>div{display:flex;gap:9px;flex-wrap:wrap}
.essential-tools .et-mapper-storage button{font-size:13px}
@media(max-width:1050px){.essential-tools .et-mapper-layout{grid-template-columns:1fr}.essential-tools .et-mapper-preview{position:static}.essential-tools .et-mapper-canvas{height:480px}.essential-tools .et-mapper-steps{max-height:320px}}
@media(max-width:600px){.essential-tools .et-mapper-top{display:block}.essential-tools .et-mapper-local{margin-top:12px}.essential-tools .et-mapper h2{font-size:23px}.essential-tools .et-mapper-toolbar{padding:12px}.essential-tools .et-mapper-toolbar label{min-width:100%;width:100%}.essential-tools .et-mapper-toolbar>button{flex:1 1 130px}.essential-tools .et-mapper-editor,.essential-tools .et-mapper-preview{padding:14px;border-radius:13px}.essential-tools .et-mapper-fields{grid-template-columns:1fr;gap:0}.essential-tools .et-mapper-canvas{height:420px;padding:10px}.essential-tools .et-mapper-preview-heading{display:block}.essential-tools .et-mapper-preview-heading>button{margin-top:8px}.essential-tools .et-mapper-section-heading h3{font-size:16px}.essential-tools .et-mapper-mode button{font-size:13px}.essential-tools .et-mapper-exports button{flex-basis:110px}}
