/* Editor chrome intentionally separate from merchant dashboard and store theme. */
.sd-editor{position:fixed;inset:0;background:#eef1f6;color:#182139;z-index:1000;font:13px/1.5 Inter,Arial,sans-serif;display:flex;flex-direction:column}.sd-editor *{box-sizing:border-box}.sd-editor button,.sd-editor input,.sd-editor select,.sd-editor textarea{font:inherit}.sd-editor button{cursor:pointer;border:1px solid #dce1eb;border-radius:6px;padding:8px 12px;background:#fff;color:#27334d}.sd-editor button:hover{background:#f0f2ff;border-color:#a7a2ff}.sd-editor button:disabled{opacity:.4;cursor:not-allowed}.sd-editor button:focus-visible,.sd-editor a:focus-visible{outline:2px solid #5046ff;outline-offset:2px}.sd-editor a{color:#4841c4}.sd-top{display:flex;align-items:center;gap:22px;padding:12px 20px;background:white;border-bottom:1px solid #e1e5ed;min-height:72px}.sd-back{display:flex;align-items:center;gap:8px;text-decoration:none;color:#536079!important}.sd-back svg{transform:rotate(180deg);width:17px}.sd-title{min-width:140px}.sd-title strong{display:block;font-size:15px}.sd-title>span{color:#6a7488;font-size:11px}.sd-title b{margin:0 6px;color:#a6adbd}.sd-devices{display:flex;gap:3px;margin:auto;background:#f0f2f7;border-radius:8px;padding:4px}.sd-devices button{border:0;background:none}.sd-devices [aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #1c244519;color:#453bdf}.sd-top-actions{display:flex;gap:7px;align-items:center}.sd-top-actions svg{width:16px;height:16px}#sd-undo svg{transform:rotate(180deg)}.sd-editor .sd-primary{background:#5145ee;color:white;border-color:#5145ee;padding-inline:22px}.sd-statusbar{display:flex;justify-content:space-between;gap:12px;padding:9px 22px;background:#f8f9fc;border-bottom:1px solid #dde2ec;font-size:11px;color:#647087}.sd-statusbar a{display:flex;align-items:center;gap:6px;white-space:nowrap}.sd-statusbar svg{width:12px;height:12px}.sd-workspace{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;flex:1;min-height:0}.sd-navigator,.sd-inspector{background:white;overflow:auto;min-height:0;padding:20px 14px}.sd-navigator{border-right:1px solid #dde2eb}.sd-inspector{border-left:1px solid #dde2eb;padding:20px}.sd-panel-title h2{font:600 14px/1.5 Inter,Arial,sans-serif;margin:0 0 3px;color:#1e2942}.sd-panel-title>span{font-size:9px;letter-spacing:1.6px;color:#818a9d}.sd-hint{font-size:11px;color:#727c8e;line-height:1.7;margin:16px 0}.sd-section-row{display:flex;align-items:center;border:1px solid #e4e8f0;border-radius:6px;margin:8px 0;min-height:48px;background:white}.sd-section-row.selected{background:#f1f0ff;border-color:#938afc}.sd-section-row .sd-section-name{border:0;background:none;padding:10px 8px;flex:1;min-width:0;text-align:left;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-section-name>span{margin-right:7px;color:#8d95a7}.sd-section-row>div{display:flex;margin-right:4px}.sd-section-row>div button{padding:3px;border:0;background:none;font-size:13px}.sd-section-row.drop-target{border-top:3px solid #5145ee}.sd-add{border:1px dashed #aeb7cb;border-radius:6px;margin:20px 0}.sd-add summary{padding:12px;cursor:pointer;color:#4a43cb;font-weight:600}.sd-add>div{padding:0 8px 8px;display:grid;gap:6px}#sd-appearance,#sd-reset{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;font-size:11px}#sd-appearance svg{width:15px}#sd-reset{border:0;color:#737e91;justify-content:center}.sd-stage{display:flex;flex-direction:column;align-items:center;overflow:auto;padding:0 22px 12px;min-width:0}.sd-preview-label{width:100%;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.1px;color:#8490a5;padding:16px 0}.sd-live-dot{width:5px;height:5px;background:#857bf7;border-radius:100%}#sd-viewport-label{margin-left:auto;letter-spacing:0}.sd-frame-wrap{background:white;border-radius:7px;box-shadow:0 4px 26px #18284d15;overflow:hidden;width:100%;flex:1;min-height:320px;transition:width .2s}.sd-frame-wrap[data-device=tablet]{width:768px;max-width:100%}.sd-frame-wrap[data-device=mobile]{width:390px;max-width:100%}.sd-frame-wrap iframe{transform-origin:top left;display:block;width:100%;height:100%;border:0}.sd-stage-note{font-size:10px;color:#828da0;margin:12px 0 0}.sd-tabs{display:flex;gap:12px;margin:18px 0;border-bottom:1px solid #e2e7ef}.sd-tabs button{background:none;border:0;border-radius:0;font-size:12px;padding:9px 2px}.sd-tabs [aria-pressed=true]{color:#5145ee;border-bottom:2px solid #5145ee}.sd-field{display:block;margin:16px 0;font-size:11px;color:#4d5870}.sd-field>span{display:block;margin-bottom:7px;font-weight:500}.sd-field input:not([type=checkbox]),.sd-field textarea,.sd-field select{width:100%;border:1px solid #dce2ed;border-radius:5px;padding:9px;color:#27334d;background:#fff;outline-color:#867af6;resize:vertical;font-size:12px}.sd-field input[type=color]{height:37px;padding:3px}.sd-field input[type=checkbox]{accent-color:#5145ee;width:17px;height:17px}.sd-image-field img{width:100%;height:100px;object-fit:cover;border:1px solid #e7e9f0;border-radius:5px;margin-bottom:8px}.sd-image-field label{display:block;font-size:11px;color:#5145ee}.sd-image-field input{width:100%;margin-top:8px;font-size:10px}.sd-list{border-top:1px solid #eee;padding-top:12px}.sd-list h3{font-size:12px}.sd-list details{border:1px solid #e2e5ed;border-radius:5px;padding:10px;margin:10px 0}.sd-list summary{cursor:pointer;font-size:12px}.sd-list button{font-size:11px}.sd-launch{padding:50px;background:#fff;border:1px solid #e1e7f0;border-radius:14px;max-width:950px}.sd-kicker{font-size:11px;letter-spacing:2px;color:#5145ee}.sd-launch h2{font-size:32px;margin:18px 0;letter-spacing:-1px}.sd-launch>p{max-width:620px;line-height:1.8;color:#657088}.sd-launch>.btn-primary{display:inline-flex;gap:12px;align-items:center;margin:20px 0}.sd-launch svg{width:17px;height:17px}.sd-launch-notes{display:grid;gap:10px;margin:12px 0 24px;font-size:12px;color:#687389}.sd-launch-notes span{display:flex;gap:8px;align-items:center}.sd-muted{font-size:12px}.sd-launch>a:not(.btn-primary){font-size:12px}
/* Store blocks and section overrides are also loaded on the published website. */
.sd-custom{padding:72px 6%;color:var(--at-ink,#20251e);background:var(--at-bg,#fff);width:100%;box-sizing:border-box}.sd-custom h2{font-size:clamp(28px,4vw,52px);margin:0 0 20px}.sd-custom p{font-size:16px;line-height:1.8;max-width:800px}.sd-custom>img{width:100%;max-height:650px;object-fit:cover}.sd-custom-image-text{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.sd-custom-banner{text-align:center;background:var(--at-accent,#343e32);color:var(--at-on-accent,#fff)}.sd-custom-banner p{margin:0 auto}.sd-custom-banner>img{height:300px;margin-bottom:35px}.sd-custom-image>div:empty{display:none}.sd-custom-button{display:inline-block;padding:14px 24px;margin-top:22px;background:var(--at-accent,#343e32);color:var(--at-on-accent,#fff);border:1px solid currentColor;text-decoration:none}.sd-colored,.sd-colored :is(h1,h2,h3,p,span,small,a,button){color:var(--sd-section-color)!important}.sd-aligned :is(h1,h2,h3,p){text-align:inherit}.sd-preview [data-sd-section]{cursor:pointer;position:relative}.sd-preview [data-sd-section]:hover{outline:2px dashed #786af8;outline-offset:-2px}.sd-preview .sd-selected{outline:2px solid #5145ee!important;outline-offset:-2px}.sd-preview .sd-selected:after{content:'EDIT SECTION';position:absolute;top:0;right:0;background:#5145ee;color:white;font:10px/1.5 Arial,sans-serif;letter-spacing:1px;padding:5px 10px;z-index:10;pointer-events:none}
@media(max-width:1100px){.sd-workspace{grid-template-columns:190px minmax(0,1fr) 260px}.sd-top{gap:12px;padding:10px}.sd-back span{display:none}.sd-stage{padding:0 12px 10px}.sd-devices button{font-size:11px;padding:7px}.sd-top-actions button{font-size:11px;padding:7px}}
@media(max-width:760px){.sd-top{flex-wrap:wrap}.sd-title{flex:1}.sd-devices{order:3;margin:0}.sd-top-actions{order:4;margin-left:auto}.sd-workspace{grid-template-columns:150px minmax(280px,1fr) 250px;overflow:auto}.sd-inspector,.sd-navigator{padding:14px 10px}.sd-statusbar{padding:7px 10px}.sd-statusbar>a{display:none}.sd-launch{padding:25px}.sd-custom-image-text{grid-template-columns:1fr;gap:24px}.sd-custom{padding:45px 6%}}
.sd-custom h2,.sd-custom p{color:inherit}.sd-custom.sd-aligned>div{width:100%}.sd-custom.sd-aligned p{max-width:none}
