.checkout-builder{--builder-border:#29433e;--builder-muted:#91aaa5;max-width:none!important;color:#eaf8f2}
.checkout-builder button,.checkout-builder input,.checkout-builder textarea{font:inherit}
.builder-hero{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:22px;padding:24px 27px;border:1px solid #315849;border-radius:18px;background:radial-gradient(circle at 83% -60%,#2f906552,transparent 42%),linear-gradient(120deg,#14251f,#0c171b 68%)}
.builder-eyebrow,.builder-section-number{display:block;color:#71eab0;font-size:.68rem;font-weight:800;letter-spacing:.16em}
.builder-hero h1{margin:6px 0 4px;color:#f7fff9;font:800 clamp(2.2rem,4vw,3.25rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.06em}
.builder-hero p{max-width:700px;margin:0;color:#afc6bd;font-size:.9rem;line-height:1.55}
.builder-hero-actions,.builder-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.builder-status{padding:8px 12px;border:1px solid #477b60;border-radius:999px;background:#163428;color:#aef1ca;font-size:.72rem;font-weight:800;white-space:nowrap}
.checkout-builder .edge-btn:disabled{opacity:.45;cursor:not-allowed}
.builder-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:760px;border:1px solid var(--builder-border);border-radius:18px;overflow:hidden;background:#0a1215}
.builder-sidebar{display:flex;flex-direction:column;gap:18px;min-width:0;padding:22px 12px;border-right:1px solid var(--builder-border);background:#0d1919}
.builder-sidebar-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 11px;color:#9fbbb0;font-size:.67rem;font-weight:800;letter-spacing:.12em}.builder-sidebar-head small{color:#74e4ad;font-size:.73rem}
.builder-list{display:grid;gap:7px}.builder-list-item{display:flex;align-items:center;gap:11px;width:100%;padding:13px 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:#d5e4dd;text-align:left;cursor:pointer}.builder-list-item:hover{background:#172b26}.builder-list-item.active{border-color:#448269;background:#18392d}.builder-list-item>span:nth-child(2){min-width:0;flex:1}.builder-list-item strong,.builder-list-item small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-list-item strong{font-size:.82rem}.builder-list-item small{margin-top:2px;color:#93aa9e;font-size:.67rem}.builder-list-item.active small{color:#8de9b9}.builder-list-index{color:#669283;font:700 .68rem 'Space Grotesk',sans-serif}.builder-list-item i{width:6px;height:6px;border-radius:50%;background:#587268}.builder-list-item.active i{background:#4fe6a1;box-shadow:0 0 0 4px #4fe6a11c}
.builder-sidebar-note{margin-top:auto;padding:13px;border:1px solid #29433e;border-radius:11px;color:#8ca99b;font-size:.7rem;line-height:1.6}.builder-sidebar-note strong{color:#b9f0d0}
.builder-workspace{min-width:0}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px;border-bottom:1px solid var(--builder-border);background:#101e20}.builder-toolbar h2{margin:4px 0 2px;color:#f3fff6;font:750 1.32rem 'Space Grotesk',sans-serif}.builder-toolbar p{margin:0;color:#8daa9e;font-size:.72rem}.builder-toolbar-actions .edge-btn{white-space:nowrap}
.builder-content{display:grid;grid-template-columns:minmax(285px,350px) minmax(0,1fr);min-height:700px}.builder-controls{max-height:calc(100vh - 150px);overflow:auto;padding:21px;border-right:1px solid var(--builder-border);scrollbar-color:#315b4b transparent}.builder-control-section{padding:0 0 24px;margin-bottom:22px;border-bottom:1px solid #233a35}.builder-control-section h3{margin:5px 0 16px;color:#edf8f2;font:750 1.04rem 'Space Grotesk',sans-serif}.builder-control-section label{display:block;margin:13px 0 0;color:#b4c9bc;font-size:.75rem;font-weight:700}.builder-control-section input:not([type=checkbox]),.builder-control-section textarea{display:block;width:100%;min-height:43px;margin-top:7px;padding:10px 12px;border:1px solid #304940;border-radius:9px;outline:none;background:#101e20;color:#effaf2;font-size:.79rem}.builder-control-section textarea{min-height:80px;resize:vertical;line-height:1.5}.builder-control-section input:focus,.builder-control-section textarea:focus{border-color:#69dc9f;box-shadow:0 0 0 3px #69dc9f1e}.builder-control-section .builder-checkbox{display:flex;align-items:center;gap:9px;padding:9px 0;color:#d4eadc;cursor:pointer}.builder-checkbox input{accent-color:#5fe3a5;width:16px;height:16px}.builder-color-row{display:flex;align-items:center;gap:10px}.builder-control-section input[type=color]{flex:none;width:48px;min-height:43px;padding:4px;cursor:pointer}.builder-color-row input:last-child{max-width:120px;font-family:ui-monospace,monospace}
.builder-templates{display:grid;gap:9px}.builder-template{display:grid;grid-template-columns:63px 1fr;column-gap:11px;width:100%;padding:9px;border:1px solid #2d493f;border-radius:12px;background:#111f20;color:#d9e8dd;text-align:left;cursor:pointer}.builder-template:hover{border-color:#69ca96}.builder-template.selected{border-color:#72e5a6;box-shadow:inset 0 0 0 1px #72e5a670;background:#183228}.builder-template-art{grid-row:1/3;display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:54px;padding:8px;border-radius:7px;background:#071316}.builder-template-art i{height:6px;border-radius:3px;background:#48c793}.builder-template-art i:nth-child(2){width:85%;background:#355a53}.builder-template-art i:nth-child(3){width:60%;background:#355a53}.builder-template.clean .builder-template-art{background:#f0f6f2}.builder-template.clean .builder-template-art i{background:#3b9b73}.builder-template.clean .builder-template-art i:not(:first-child){background:#c9dcd2}.builder-template.midnight .builder-template-art{background:#12233f}.builder-template.midnight .builder-template-art i{background:#69aaff}.builder-template.midnight .builder-template-art i:not(:first-child){background:#324e75}.builder-template strong{align-self:end;font-size:.78rem}.builder-template small{align-self:start;margin-top:2px;color:#8da99a;font-size:.66rem;line-height:1.35}
.builder-safety{padding:16px;border:1px solid #356657;border-radius:12px;background:#163027}.builder-safety strong{font-size:.83rem;color:#aeefc9}.builder-safety p{margin:5px 0 0;color:#9ec4ad;font-size:.71rem;line-height:1.55}
.builder-section-help{margin:-8px 0 13px;color:#91aaa5;font-size:.72rem;line-height:1.55}.builder-control-section select{display:block;width:100%;min-height:43px;margin-top:7px;padding:10px 12px;border:1px solid #304940;border-radius:9px;background:#101e20;color:#effaf2}.builder-control-section .builder-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.71rem;line-height:1.5;tab-size:2}
.builder-image-preview{display:grid;place-items:center;min-height:140px;overflow:hidden;border:1px dashed #46735e;border-radius:11px;background:linear-gradient(130deg,#152723,#0d171a);color:#92aca0;font-size:.73rem}.builder-image-preview img{display:block;width:100%;max-height:240px;object-fit:contain}.builder-image-preview [hidden]{display:none}.builder-control-section input[type=file]{padding:9px;font-size:.7rem;cursor:pointer}.builder-image-hint{display:block;margin:6px 0 12px;color:#8aa797;font-size:.68rem;line-height:1.45}.builder-control-section input[type=range]{padding:0;accent-color:#62df9f}.builder-image-remove{margin-top:13px}.builder-image-section output{float:right;color:#76e6b3}
.builder-preview-panel{min-width:0;background:radial-gradient(circle at 50% 0%,#25413933,transparent 50%),#0b1416}.builder-preview-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid #28443a;background:#0f1b1ddd;backdrop-filter:blur(10px)}.builder-preview-head strong{display:block;margin-top:3px;color:#e5f5e9;font-size:.9rem}.builder-device-switch{display:flex;gap:3px;padding:4px;border:1px solid #2d493f;border-radius:10px;background:#0b1717}.builder-device-switch button{padding:7px 10px;border:0;border-radius:7px;background:transparent;color:#92ad9c;font-size:.72rem;font-weight:800;cursor:pointer}.builder-device-switch button.active{background:#245342;color:#eafff1}
.builder-preview-scroll{max-height:calc(100vh - 215px);min-height:580px;overflow:auto;padding:25px;scrollbar-color:#315b4b transparent}.builder-preview-root{max-width:1060px;margin:auto}.builder-device-mobile{background:repeating-linear-gradient(90deg,#0b1416,#0b1416 29px,#142120 30px)}.builder-device-mobile .builder-preview-root{width:390px;max-width:100%}
@media(max-width:1350px){.builder-shell{grid-template-columns:190px minmax(0,1fr)}.builder-content{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.builder-toolbar{align-items:start;flex-direction:column}}
@media(max-width:1080px){.builder-shell{display:block}.builder-sidebar{border-right:0;border-bottom:1px solid var(--builder-border)}.builder-sidebar-note{display:none}.builder-list{display:flex;overflow-x:auto}.builder-list-item{min-width:170px}.builder-content{grid-template-columns:1fr}.builder-controls{max-height:none;border-right:0;border-bottom:1px solid var(--builder-border)}.builder-preview-scroll{max-height:900px}}
@media(max-width:700px){.builder-hero{align-items:start;flex-direction:column;padding:20px}.builder-hero-actions{width:100%;justify-content:space-between}.builder-toolbar{padding:18px}.builder-toolbar-actions{width:100%}.builder-content .builder-preview-scroll{padding:10px}.builder-device-mobile .builder-preview-root{width:100%}.builder-preview-head{padding:13px}.builder-device-switch button{padding:6px 8px}.builder-preview-scroll .site-pay-grid{grid-template-columns:1fr}.builder-preview-scroll .site-pay-main,.builder-preview-scroll .site-pay-summary{padding:20px}.builder-preview-scroll .site-pay-summary{border-left:0;border-top:1px solid #1b343a}.builder-preview-scroll .site-pay-fields{grid-template-columns:1fr}.builder-preview-scroll .site-pay-fields .wide{grid-column:auto}}