/* A calmer hierarchy, with a single place for each merchant task. */
main#content:focus{outline:none}
.drag-handle{background:none;border:0;padding:4px 1px;display:flex;align-items:center;justify-content:center;color:#879877;cursor:grab;touch-action:none;flex:none}.drag-handle .icon{width:12px;height:16px}.drag-handle:active{cursor:grabbing}
@media(max-width:560px){.launch-banner{display:grid;grid-template-columns:35px minmax(0,1fr);gap:12px}.launch-banner>div:nth-child(2){min-width:0}.launch-banner>.btn{grid-column:2;justify-self:start;margin:0}.launch-banner h3{font-size:12px}.launch-banner p{font-size:10px}}
.content>*{animation:none}.base-steps{margin:18px 0}.base-steps>summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:10px;color:#71835e;cursor:pointer;padding:12px 0;border-bottom:1px solid #e6ebde}.base-steps>summary .icon{width:13px;height:13px}.base-steps>summary .icon:last-child{margin-left:auto}.base-steps[open]>summary .icon:last-child{transform:rotate(180deg)}.block-inspector{min-height:100%}
@media(min-width:781px){.content:has(.builder-layout){height:calc(100vh - 72px);min-height:0;display:flex;flex-direction:column;padding-bottom:14px}.content:has(.builder-layout)>.page-head,.content:has(.builder-layout)>.studio-toolbar,.content:has(.builder-layout)>.demo-foot{flex:none}.content:has(.builder-layout)>.demo-foot{margin-top:15px}.builder-layout{flex:1;min-height:0;align-items:stretch}.builder-controls,.preview-panel{height:100%;min-height:0;max-height:none}}
.nav-label{margin:24px 12px 12px;color:#777f70}
.nav-folder{margin:5px 0}.nav-folder-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:7px;background:transparent;font-size:12px;color:#636e5b;text-align:left}.nav-folder-toggle>span{flex:1}.nav-folder-toggle>.icon{height:16px;width:16px}.nav-folder-toggle>.icon:last-child{height:12px;width:12px;transition:transform .2s}.nav-folder-toggle[aria-expanded=true]>.icon:last-child{transform:rotate(180deg)}.nav-folder-toggle:hover{background:#f1f4ea}.nav-folder-toggle.active{color:#263820;font-weight:550}.nav-children{margin:1px 0 9px 20px;border-left:1px solid #dfe5d5;padding-left:12px}.nav-child{display:flex;align-items:center;justify-content:space-between;color:#707b66;font-size:11px;line-height:1.5;padding:10px 12px;border-radius:6px;margin-bottom:3px}.nav-child:hover{background:#f0f4e6}.nav-child[aria-current=page]{color:#263820;background:#eaf1dc;font-weight:550;box-shadow:inset 2px 0 #8aac52}.nav-child small{font-size:9px;color:#75895b}.sidebar-bottom{margin-top:auto}.sidebar nav{margin-bottom:20px}
.section-tree .row h3,.block-inspector .row h3{margin:0}.section-tree .row{margin-bottom:12px}.section-tree .btn.small{font-size:9px;padding:6px 8px}.section-row{display:flex;align-items:center;gap:7px;border:1px solid #e1e6d9;border-radius:6px;margin-top:6px;padding:9px;background:#fff;min-height:39px;width:100%;text-align:left;font-size:10px;color:#526144}.section-row>.icon{width:13px;height:13px;color:#879877;flex:none}.section-row>span{flex:1}.section-row small{font-size:8px;color:#859379}.section-row.locked{border-color:transparent;background:#f7f9f3;color:#6c7861}.section-select{flex:1;padding:0;background:none;border:0;text-align:left;color:inherit;font-size:10px}.section-row .icon-button{width:21px;height:21px;min-height:21px;border:0}.section-row .icon-button .icon{height:10px;width:10px}.section-row.selected{background:#edf4df;border-color:#b5c997}.section-row[draggable=true]{cursor:grab}.section-row.dragging{opacity:.4}.section-row.drag-over{background:#e6f3ce;border-color:#70983a}.add-block-slot{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #c9d6b7;border-radius:6px;background:#fbfcf8;color:#657e4a;font-size:10px;margin-top:8px}.add-block-slot .icon{width:13px;height:13px}.block-inspector{background:#f9fbf5;scroll-margin-top:15px}.block-inspector>.row{margin-bottom:18px}.editor-hint>.icon{width:23px;height:23px;color:#859b69;margin-bottom:17px}.editor-hint h3{line-height:1.6}.block-library{display:grid;grid-template-columns:1fr 1fr;gap:12px}.library-tile{border:1px solid #dfe6d5;border-radius:10px;padding:19px 15px;background:#fff;color:#3d5130;display:flex;gap:12px;text-align:left;align-items:flex-start}.library-tile:hover{background:#f4f8eb;border-color:#9ab678}.library-tile>.icon{width:19px;height:19px;flex:none}.library-tile>.icon:last-child{width:12px;height:12px;margin-top:3px}.library-tile>span{flex:1}.library-tile b{font-size:11px;display:block;margin-bottom:7px}.library-tile small{font-size:10px;line-height:1.8;color:#78866b;display:block}
.canvas-block{position:relative;border:1px solid transparent;outline:0;border-radius:5px;cursor:pointer;min-width:0}.canvas-block:hover,.canvas-block.selected{border-color:#83a655;background:#f5faeb55}.canvas-edit{display:none;position:absolute;right:3px;top:1px;transform:translateY(-50%);align-items:center;gap:4px;border:0;background:#486f2e;border-radius:3px;padding:4px 6px;color:#fff;font-size:7px;white-space:nowrap;z-index:2}.canvas-edit .icon{width:9px;height:9px}.canvas-block:hover>.canvas-edit,.canvas-block.selected>.canvas-edit,.canvas-edit:focus-visible{display:flex}.canvas-block .preview-upsell{margin-top:8px}.canvas-block .preview-review{margin-top:10px}.canvas-block.drag-over{outline:2px dashed #749f43;background:#eaf4d9}.checkout-render[data-device=phone] .checkout-summary>.canvas-block{display:none}.checkout-render[data-device=desktop] .preview-phone-bottom{display:none}
.settings-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;max-width:1130px}.settings-split .control-group{padding:24px}.settings-split .toggle-line small{max-width:320px}.experiment-intro{display:flex;align-items:center;gap:17px;border:1px solid #dce5ce;background:#f0f5e6;border-radius:12px;padding:23px;margin-bottom:24px}.experiment-intro>span:first-child{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#e0edc9;color:#6b8a49}.experiment-intro>div{flex:1}.experiment-intro h2{font-size:15px;margin:0 0 7px}.experiment-intro p{font-size:11px;margin:0}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.variant-card{border:1px solid #e0e7d6;border-radius:10px;padding:17px;background:#fafcf6}.variant-card>.row{font-size:9px}.variant-card>.row>span{font-size:10px;color:#6f8952}.variant-lines{display:grid;gap:8px;margin:27px 0}.variant-lines i{height:17px;border:1px solid #e4e9dc;border-radius:4px;background:white}.variant-lines i:last-child{width:70%}.variant-total{display:flex;justify-content:space-between;font-size:10px}.variant-button{font-size:10px;text-align:center;padding:13px 6px;margin-top:15px;border-radius:6px}.control-group p,.panel-head p,.page-head p,.field>small,.note,.settings-split p{color:#69775d}.field>span,.toggle-line small,.unsaved.saved,.preview-foot,.preview-top>span,.stat-top,.stat-bottom,.funnel-label,.demo-foot{color:#6c7c5e}.stat-bottom .positive{color:#607846}.stat-spark{opacity:.6;bottom:28px}.stat-bottom{max-width:80%}.chart-legend{color:#78876a}.checkout-render p,.mock-field,.checkout-trust,.preview-product small,.preview-total>div,.checkout-timer,.preview-review small{color:#748066}.integration-card p,.category-tag,.offer-card>p,.offer-card-footer small,.offer-stage-note,.wizard-footer>span,.wizard-intro p,.wizard-body p{color:#6c7b60}
@media(max-width:1050px){.settings-split{grid-template-columns:1fr}.checkout-render[data-device=desktop]{min-width:580px}.checkout-render[data-device=desktop] .checkout-columns{display:grid;grid-template-columns:1.1fr 1fr}.checkout-render[data-device=desktop] .checkout-summary{border-left:1px solid #e5e8df;border-top:0}.preview-stage:has([data-device=desktop]){justify-content:flex-start}}
@media(max-width:560px){.block-library{grid-template-columns:1fr}.section-select,.section-row{font-size:12px}.section-row{min-height:44px}.section-row .icon-button{width:30px;height:30px}.section-tree .btn.small{font-size:11px}.variant-grid{gap:9px}.variant-card{padding:13px 10px}.variant-card>.row{font-size:8px;gap:6px}.experiment-intro{padding:17px;gap:11px}.experiment-intro>span:first-child{width:33px;height:33px;flex:none}.experiment-intro>.status{font-size:8px}.experiment-intro h2{font-size:12px}.experiment-intro p{font-size:10px}.settings-split .panel-pad{padding:21px}.builder-controls{max-height:none}.stat-spark{bottom:34px}.stat-bottom{max-width:100%}}