._container_ato59_2{height:100vh;display:flex;flex-direction:column;width:100%;max-width:420px;overflow:hidden}@media (max-width: 1024px){._container_ato59_2{height:calc(100vh - 90px);max-width:100%;overflow-x:hidden}._header_ato59_20,._tabList_ato59_24{display:none!important}._tabContent_ato59_29{padding:16px 32px 32px;margin-top:0}._scrollableContent_ato59_35{overflow-x:hidden}}._scrollableContent_ato59_35{flex:1;overflow-y:overlay;scrollbar-color:rgba(0,0,0,.3) transparent}._scrollableContent_ato59_35::-webkit-scrollbar{width:8px}._scrollableContent_ato59_35::-webkit-scrollbar-track{background:transparent}._scrollableContent_ato59_35::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}._scrollableContent_ato59_35::-webkit-scrollbar-thumb:hover{background:#00000080}._header_ato59_20{padding:48px 32px 32px}._title_ato59_70{font-size:36px;font-weight:700;color:#000;margin-bottom:24px;letter-spacing:-.5px;line-height:36px}._description_ato59_79{font-size:16px;color:var(--text-secondary);line-height:1.5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.15px;word-spacing:.25px}._tabList_ato59_24{display:flex;border-bottom:1px solid var(--border-color);background-color:var(--card-bg);margin:0 32px;gap:32px;position:sticky;top:0;z-index:10}._tab_ato59_24{padding:12px 4px;background:none;border:none;font-size:16px;font-weight:590;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.15px;word-spacing:.25px}._tab_ato59_24:hover{color:var(--text)}._tabActive_ato59_120{color:#000!important}._tabActive_ato59_120:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:4px;background-color:#186aff;border-radius:2px 2px 0 0}._tabContent_ato59_29{padding:0 32px 32px;margin-top:32px}._componentsSection_ato59_141{display:flex;flex-direction:column;gap:16px}._componentCard_ato59_148{background-color:#f4f2f2;border-radius:8px;padding:0;transition:all .2s ease;margin-bottom:4px}._componentCardActive_ato59_156{border:1px solid #d1d5db}._componentCardActive_ato59_156 ._componentHeader_ato59_160{background-color:#fff;border-radius:8px 8px 0 0}._componentHeader_ato59_160{display:flex;align-items:center;justify-content:space-between;padding:24px;border-radius:8px 8px 0 0;transition:background-color .2s ease}._componentInfo_ato59_175{flex:1}._componentName_ato59_179{font-size:16px;font-weight:600;color:var(--text);margin-bottom:2px}._componentDescription_ato59_186{font-size:14px;color:#6b7280;line-height:1.5;margin:16px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.15px;word-spacing:.25px}._switchContainer_ato59_197{display:flex;align-items:center}._switch_ato59_197{width:46px;height:24px;border-radius:12px;border:none;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;padding:0}._switchOff_ato59_215{background-color:#bcbfc4}._switchOn_ato59_219{background-color:#186aff}._switchKnob_ato59_223{width:18px;height:18px;background-color:#fff;border-radius:50%;transition:transform .2s ease;margin:3px}._switchOn_ato59_219 ._switchKnob_ato59_223{transform:translate(22px)}._componentOptions_ato59_237{padding:8px 24px 24px;background-color:#f9fafa;border-radius:0 0 8px 8px;border-top:1px solid #d1d5db}._addressOptions_ato59_245,._paymentOptions_ato59_253{padding:8px 24px 16px;background-color:#f9fafa;border-radius:0 0 8px 8px;border-top:1px solid #d1d5db}._optionItem_ato59_260{margin-bottom:16px}._optionItem_ato59_260:last-child{margin-bottom:0}._optionLabel_ato59_268{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:8px}._optionValues_ato59_276{display:flex;flex-direction:column;gap:8px}._optionValues_ato59_276 label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer}._optionValues_ato59_276 input[type=checkbox],._optionValues_ato59_276 input[type=radio]{width:16px;height:16px;cursor:pointer}._libraryDescription_ato59_299{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}._componentGrid_ato59_307{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}._mobileCard_ato59_315{display:flex;align-items:center;padding:16px;border:2px solid var(--border-color);border-radius:12px;background-color:var(--card-bg);cursor:pointer;transition:all .2s ease;position:relative}._mobileCard_ato59_315:active{transform:scale(.98)}._mobileCard_ato59_315._active_ato59_337{border-color:#22c55e;background-color:#22c55e0d}._componentIcon_ato59_343{font-size:24px;margin-right:12px;min-width:32px;display:flex;align-items:center;justify-content:center}._mobileCard_ato59_315 ._componentInfo_ato59_175{flex:1;min-width:0}._mobileCard_ato59_315 ._componentName_ato59_179{font-weight:600;font-size:14px;color:var(--text);margin-bottom:4px}._mobileCard_ato59_315 ._componentDescription_ato59_186{font-size:12px;color:var(--text-secondary);line-height:1.4}._activeIndicator_ato59_372{color:#22c55e;font-size:16px;font-weight:700;margin-left:8px}._addIndicator_ato59_380{color:var(--accent);font-size:20px;font-weight:700;margin-left:8px;transition:all .2s ease}._mobileCard_ato59_315{cursor:pointer!important}._mobileCard_ato59_315:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}._mobileCard_ato59_315:active{transform:scale(.98);transition:transform .1s ease}._mobileCard_ato59_315._active_ato59_337:hover{border-color:#22c55e}._helpText_ato59_409{display:flex;align-items:flex-start;gap:8px;padding:8px 0;font-size:13px;color:#6b7280;line-height:1.5;margin-top:12px}._helpText_ato59_409>span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._emailLink_ato59_427{background:none;border:none;padding:0;font:inherit;color:#3b82f6;cursor:pointer;text-decoration:underline;transition:color .2s ease}._emailLink_ato59_427:hover{color:#1d4ed8;text-decoration:none}._emailLink_ato59_427:active{color:#1e40af}@media (max-width: 1024px){._emailLink_ato59_427{color:inherit;text-decoration:none;cursor:default;pointer-events:none}._emailLink_ato59_427:hover{color:inherit;text-decoration:none}}._infoIcon_ato59_462{flex-shrink:0;color:#6b7280;margin-top:2px}._helpIcon_ato59_468{font-size:16px;color:#3b82f6}._paymentSection_ato59_474{padding-top:16px}._sectionHeader_ato59_478{margin-bottom:8px}._sectionTitle_ato59_482{font-size:14px;font-weight:600;color:#6b7280;margin-bottom:12px;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._paymentMethods_ato59_493{margin:20px 0;background-color:#fff;padding:16px;border:1px solid #d1d5db;border-radius:8px}._paymentMethod_ato59_493{margin-bottom:16px;margin-left:-16px;margin-right:-16px;padding-bottom:16px;padding-left:16px;padding-right:16px;border-bottom:1px solid #d1d5db}._paymentMethod_ato59_493:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}._methodHeader_ato59_517{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}._methodHeader_ato59_517 span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._methodName_ato59_530{font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:8px;width:130px}._methodDescription_ato59_540{font-size:13px;color:#6b7280;margin-top:8px;line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}._paymentLogo_ato59_548{width:35px;height:35px;object-fit:contain}._methodOptions_ato59_554{display:flex;gap:8px;margin-left:0;flex-wrap:wrap;margin-top:16px}._methodOptions_ato59_554 button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._applePayOptions_ato59_568{display:flex;flex-direction:column;margin-top:8px}._dropdown_ato59_574{padding:6px 44px 6px 12px;border:1px solid #969AA2;border-radius:6px;background-color:#fff;font-size:13px;color:var(--text);cursor:pointer;min-width:80px;width:100%;height:44px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L8 11.5L15 4.5' stroke='black'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px}._dropdown_ato59_574:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}._styleSection_ato59_602{margin:8px 0 16px;border-top:1px solid var(--border-color);border-top:none}._styleOptions_ato59_608{display:flex;flex-direction:column;gap:8px;margin-top:8px}._styleOptions_ato59_608 label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._styleOptions_ato59_608 input[type=radio]{width:16px;height:16px;cursor:pointer}._buttonTypeSection_ato59_634{margin:8px 0 16px}._settingsSection_ato59_639{margin:20px 0;background-color:#fff;padding:16px;border:1px solid #d1d5db;border-radius:8px}._settingItem_ato59_647{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;margin-left:-16px;margin-right:-16px;padding-bottom:16px;padding-left:16px;padding-right:16px;border-bottom:1px solid #d1d5db}._settingItem_ato59_647:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}._settingLabel_ato59_666{font-size:14px;color:var(--text);font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}._settingLabelContainer_ato59_673{display:flex;align-items:center;gap:8px}._infoIconContainer_ato59_679{position:relative;display:inline-flex;align-items:center}._infoIcon_ato59_462{color:#6b7280;cursor:pointer;transition:color .2s ease}._infoIcon_ato59_462:hover{color:#374151}._tooltip_ato59_695{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:6px 20px;background-color:#1f2937;color:#fff;font-size:13px;font-weight:400;line-height:1.3;border-radius:8px;white-space:nowrap;max-width:450px;min-width:300px;white-space:normal;text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000}._tooltip_ato59_695:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1f2937}._infoIconContainer_ato59_679:hover ._tooltip_ato59_695{opacity:1;visibility:visible}._settingDropdown_ato59_735{margin-bottom:16px;margin-left:-16px;margin-right:-16px;padding-bottom:16px;padding-left:16px;padding-right:16px;border-bottom:1px solid #d1d5db}._settingDropdown_ato59_735:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}._settingDropdown_ato59_735 ._settingLabel_ato59_666{margin-bottom:8px;display:block}._cardTypeToggle_ato59_757{padding:6px 8px;border:none;border-radius:4px;background-color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:70px;justify-content:center;width:80px;height:32px}._cardTypeActive_ato59_774{background-color:#d6e9ff;color:#000}._cardTypeInactive_ato59_779{background-color:#f4f2f2;color:#000}._cardTypeActive_ato59_774:hover{background-color:#bdd9f9}._cardTypeInactive_ato59_779:hover{background-color:#e8e6e6}._checkmark_ato59_792{font-size:12px;font-weight:700}._componentCard_ato59_148[draggable=true]:hover{cursor:grab}._componentCard_ato59_148._active_ato59_337[draggable=false]{opacity:.6;cursor:not-allowed}._componentCard_ato59_148._active_ato59_337[draggable=false]:hover{border-color:#22c55e;transform:none;box-shadow:none}select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._preview_1895q_2{width:100%;height:100vh;display:flex;flex-direction:column}@media (max-width: 1023px){._preview_1895q_2{height:auto;min-height:100%}}._loadingSpinnerContainer_1895q_18{display:flex;justify-content:center;align-items:center;padding:40px 0;min-height:80px}._spinner_1895q_26{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:#2da9ff;border-radius:50%;animation:_spin_1895q_26 .8s linear infinite}@keyframes _spin_1895q_26{to{transform:rotate(360deg)}}._darkMode_1895q_41 ._spinner_1895q_26{border-color:#ffffff1a;border-top-color:#2da9ff}._modalOverlay_1895q_47{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:_fadeIn_1895q_1 .2s ease-out}@keyframes _fadeIn_1895q_1{0%{opacity:0}to{opacity:1}}._modalContent_1895q_71{background:#fff;border-radius:12px;padding:40px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:_slideUp_1895q_1 .3s ease-out}@keyframes _slideUp_1895q_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._modalIcon_1895q_93{font-size:64px;animation:_scaleIn_1895q_1 .4s ease-out .1s both}@keyframes _scaleIn_1895q_1{0%{transform:scale(0)}to{transform:scale(1)}}._modalTitle_1895q_107{font-size:28px;font-weight:600;color:#111827;margin:0 0 12px}._modalMessage_1895q_114{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.15px;word-spacing:.25px}._modalButton_1895q_124{background:#186aff;color:#fff;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.15px;word-spacing:.25px}._modalButton_1895q_124:hover{background:#155fea;transform:translateY(-1px);box-shadow:0 4px 12px #2da9ff4d}._modalButton_1895q_124:active{transform:translateY(0)}._previewInner_1895q_150{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;overflow:hidden}._previewContainer_1895q_159{display:flex;gap:24px;width:100%;height:100%;align-items:flex-start}._previewBoxWrapper_1895q_167{flex:1;display:flex;justify-content:center;align-items:flex-start;transform:translate(-64px);z-index:0}._deviceSwitcherColumn_1895q_176{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}._deviceSwitcher_1895q_176{display:flex;flex-direction:row;gap:0;padding:3px;background-color:#f5f5f5;border-radius:10px;border:1px solid #e0e0e0;width:fit-content;z-index:1}._deviceBtn_1895q_195{padding:8px 12px;border-radius:6px;border:none;background-color:transparent;cursor:pointer;color:#666;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative}._deviceBtn_1895q_195:hover{background-color:#0000000d}._deviceBtn_1895q_195._active_1895q_215{background-color:#000;color:#fff;box-shadow:0 2px 4px #0000001a}._deviceBtn_1895q_195 svg{width:16px;height:16px}._previewBox_1895q_167{--scrollbar-width: 8px;padding:0;border-radius:4px;border:1px solid #DCE0E5;width:100%;max-width:100%;min-width:300px;height:calc(100vh - 64px);overflow:hidden;display:flex;flex-direction:column}._scrollableContent_1895q_242{flex:1;overflow-y:overlay;overflow-x:hidden;padding:32px 32px 50px;scrollbar-color:rgba(0,0,0,.3) transparent}._previewBox_1895q_167._mobile_1895q_250 ._scrollableContent_1895q_242{padding:24px 8px 40px}._scrollableContent_1895q_242::-webkit-scrollbar{width:8px}._scrollableContent_1895q_242::-webkit-scrollbar-track{background:transparent}._scrollableContent_1895q_242::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px;border:none}._scrollableContent_1895q_242::-webkit-scrollbar-thumb:hover{background:#00000080}._darkMode_1895q_41 ._scrollableContent_1895q_242{scrollbar-color:rgba(255,255,255,.3) transparent}._darkMode_1895q_41 ._scrollableContent_1895q_242::-webkit-scrollbar-thumb{background:#ffffff4d}._darkMode_1895q_41 ._scrollableContent_1895q_242::-webkit-scrollbar-thumb:hover{background:#ffffff80}._previewBox_1895q_167._mobile_1895q_250{max-width:430px}._previewBox_1895q_167._desktop_1895q_290{max-width:640px;min-width:500px}@media (max-width: 1023px){._previewInner_1895q_150{flex:none;overflow:visible;padding:0}._previewContainer_1895q_159{flex-direction:column;gap:16px;align-items:center;height:auto}._deviceSwitcherColumn_1895q_176{align-items:center;width:100%}._previewBoxWrapper_1895q_167{transform:none;width:100%;max-width:430px;display:flex;justify-content:center}._previewBox_1895q_167{height:calc(100vh - 160px);width:100%;max-width:430px}}._dropZone_1895q_331{min-height:200px;border:2px dashed transparent;border-radius:12px;transition:all .3s ease;position:relative}._dropZone_1895q_331._draggedOver_1895q_339{border-color:var(--accent);background-color:#1976d20d}._emptyState_1895q_345{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}._emptyStateIcon_1895q_354{font-size:48px;margin-bottom:16px;opacity:.5}._emptyStateText_1895q_360{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px;font-family:var(--preview-font)}._emptyStateSubtext_1895q_368{font-size:14px;color:var(--text-secondary);font-weight:500;font-family:var(--preview-font)}._componentsList_1895q_376{display:flex;flex-direction:column;gap:16px;position:relative;padding:0 16px}._staticComponent_1895q_385{position:relative;border-radius:4px}._componentHoverTab_1895q_391{position:absolute;top:-8px;right:8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:4px;box-shadow:0 4px 12px #0000001a;display:flex;gap:4px;opacity:0;transform:translateY(-4px);transition:all .2s ease;z-index:10}._staticComponent_1895q_385:hover ._componentHoverTab_1895q_391{opacity:1;transform:translateY(0)}._componentHoverTab_1895q_391 button,._componentHoverTab_1895q_391 ._dragHandle_1895q_414{height:24px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}._componentHoverTab_1895q_391 button{width:24px}._dragHandle_1895q_414{background:#f3f4f6;color:#6b7280;width:64px;cursor:grab;-webkit-user-select:none;user-select:none}._dragHandle_1895q_414:hover{background:#e5e7eb;color:#374151}._dragHandle_1895q_414:active{cursor:grabbing}._deleteButton_1895q_447{background:#fef2f2;color:#ef4444}._deleteButton_1895q_447:hover{background:#ef4444;color:#fff}._addressSection_1895q_458{margin-top:16px}._addressContainer_1895q_462{width:100%;background-color:var(--card-bg);position:relative;margin-bottom:-16px}._paymentSection_1895q_470{margin-top:16px}@keyframes _slideIn_1895q_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){._deviceSwitcher_1895q_176{display:none}._previewBox_1895q_167._mobile_1895q_250{max-width:430px}}._checkoutHeader_1895q_511{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 16px;border-bottom:1px solid #e5e7eb;background-color:var(--preview-bg);z-index:10;flex-shrink:0}._headerLeft_1895q_522,._headerRight_1895q_522{display:flex;align-items:center;gap:16px}._menuIcon_1895q_528,._userIcon_1895q_528,._searchIcon_1895q_528,._cartIcon_1895q_528{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;font-size:18px}._headerIcon_1895q_539{width:24px;height:24px;cursor:pointer;opacity:.7;transition:opacity .2s ease}._headerIcon_1895q_539:hover{opacity:1}._brandTitle_1895q_551{font-weight:600;font-size:20px;color:var(--text);letter-spacing:2px;font-family:var(--preview-font);display:flex;align-items:center;justify-content:center;min-height:32px}._brandLogo_1895q_563{max-height:24px;max-width:160px;width:100%;object-fit:contain;display:block}._brandNameFallback_1895q_571{font-weight:600;font-size:20px;color:var(--text);letter-spacing:2px;font-family:var(--preview-font)}._sectionTitle_1895q_579{font-weight:600;font-size:16px;margin-bottom:16px;color:var(--preview-text);font-family:var(--preview-font)}._checkoutTitle_1895q_587{font-weight:600;font-size:24px;margin-bottom:24px;color:var(--preview-text);font-family:var(--preview-font);padding:0 16px}._fieldRow_1895q_597{margin-bottom:16px}._fieldGroup_1895q_601{width:100%}._fieldLabel_1895q_605{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;display:block;font-family:var(--preview-font)}._fieldInput_1895q_614{width:100%;padding:10px 14px;border:1px solid var(--preview-border);border-radius:6px;background-color:#fff;font-size:14px;color:var(--text);font-family:var(--preview-font);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}._fieldInput_1895q_614:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._fieldInput_1895q_614::placeholder{color:#9ca3af}._phoneInputGroup_1895q_638{display:flex;gap:8px;width:100%;box-sizing:border-box}._countryCode_1895q_645{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--preview-border);border-radius:4px;background-color:#fff;min-width:100px;max-width:120px;cursor:pointer;transition:border-color .2s ease;box-sizing:border-box;flex-shrink:0}._countryCode_1895q_645:hover{border-color:#9ca3af}._phoneInput_1895q_638{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--preview-border);border-radius:4px;background-color:#fff;font-size:14px;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}._phoneInput_1895q_638:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._selectWrapper_1895q_685{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--preview-border);border-radius:4px;background-color:#fff;cursor:pointer;transition:border-color .2s ease;width:100%}._selectWrapper_1895q_685:hover{border-color:#9ca3af}._flag_1895q_703{font-size:16px}._chevron_1895q_707{font-size:12px;color:#6b7280;margin-left:auto}._fieldTextarea_1895q_713{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--card-bg);font-size:14px;color:var(--text);resize:vertical;min-height:80px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}._fieldTextarea_1895q_713:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #1976d21a}._paymentOptionsSection_1895q_733{margin-bottom:32px}._paymentOptionsTitle_1895q_474{font-weight:600;font-size:16px;margin-bottom:16px;color:var(--text);font-family:var(--preview-font)}._paymentOptionsList_1895q_482{display:flex;flex-direction:column;gap:8px}._paymentOptionCard_1895q_751{border-radius:4px;background-color:var(--card-bg);align-items:center;gap:12px;font-size:14px;font-weight:500;transition:border-color .2s ease,background-color .2s ease;cursor:pointer}._paymentOption_1895q_474{padding:16px;border:1px solid var(--preview-border);border-radius:4px;background-color:var(--card-bg);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;transition:border-color .2s ease,background-color .2s ease;cursor:pointer}@media (max-width: 1023px){._paymentOptionCard_1895q_751{margin-bottom:16px}}._gapDropZone_1895q_785{height:64px;width:100%;position:relative;z-index:100;border:2px dashed #d1d5db;border-radius:4px;background:#3b82f60d;cursor:grabbing;opacity:.8;margin:-8px 0}._paymentFlowContainer_1895q_801{width:100%;min-height:400px;border:1px solid var(--border-color);border-radius:4px;padding:16px;background-color:var(--card-bg);position:relative}._paymentFlowContainer_1895q_801 ._flow-container_1895q_811{min-height:350px;border:none;padding:0;background-color:transparent}@media (max-width: 1023px){._paymentFlowContainer_1895q_801{min-height:300px;padding:12px}._paymentFlowContainer_1895q_801 ._flow-container_1895q_811{min-height:250px}._brandLogo_1895q_563{max-height:24px;max-width:100px;width:100%}._brandNameFallback_1895q_571{font-size:18px}._brandTitle_1895q_551{min-height:28px;font-size:18px}}._previewBox_1895q_167._darkMode_1895q_41{background-color:#000;border-color:#333}._checkoutHeader_1895q_511._darkMode_1895q_41{background-color:#000;border-bottom-color:#333}._checkoutHeader_1895q_511._darkMode_1895q_41 ._headerIcon_1895q_539{filter:brightness(0) invert(1)}._checkoutHeader_1895q_511._darkMode_1895q_41 ._brandTitle_1895q_551,._checkoutHeader_1895q_511._darkMode_1895q_41 ._brandNameFallback_1895q_571{color:#fff!important}._previewBox_1895q_167._darkMode_1895q_41 ._scrollableContent_1895q_242{background-color:#000}._previewBox_1895q_167._darkMode_1895q_41 ._checkoutTitle_1895q_587,._previewBox_1895q_167._darkMode_1895q_41 ._sectionTitle_1895q_579,._previewBox_1895q_167._darkMode_1895q_41 ._emptyStateText_1895q_360{color:#fff!important}._previewBox_1895q_167._darkMode_1895q_41 ._emptyStateSubtext_1895q_368{color:#ccc!important}._appearanceContainer_1usfy_2{padding-bottom:24px}._description_1usfy_7{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}._brandSection_1usfy_15{margin-bottom:24px;border-bottom:1px solid #E5E7EB;padding-bottom:32px}._sectionLabel_1usfy_22{display:block;font-size:15px;font-weight:500;color:var(--text);margin-bottom:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._searchableDropdown_1usfy_34{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._searchInput_1usfy_41{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;font-size:14px;color:var(--text);transition:border-color .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px;height:44px}._searchInput_1usfy_41:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._searchIcon_1usfy_62{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;display:flex;align-items:center;justify-content:center}._dropdownList_1usfy_74{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a}._dropdownOption_1usfy_89{padding:12px 16px;cursor:pointer;transition:background-color .2s ease}._dropdownOption_1usfy_89:hover{background-color:#f3f4f6}._dropdownOption_1usfy_89._highlighted_1usfy_99{background-color:#3b82f6;color:#fff}._dropdownOption_1usfy_89._highlighted_1usfy_99 ._brandName_1usfy_104{color:#fff}._dropdownOption_1usfy_89._highlighted_1usfy_99 ._brandDomain_1usfy_108{color:#fffc}._dropdown_1usfy_74{padding:6px 44px 6px 12px;border:1px solid #969AA2;border-radius:6px;background-color:#fff;font-size:13px;color:var(--text);cursor:pointer;width:100%;height:44px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L8 11.5L15 4.5' stroke='black'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px}._dropdown_1usfy_74:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._logoSection_1usfy_139{margin-bottom:32px}._logoPreview_1usfy_143{padding:20px;background-color:#f5f5f5;border-radius:4px;text-align:center;font-weight:600;font-size:16px;color:var(--text);letter-spacing:2px;display:flex;align-items:center;justify-content:center;height:80px}._brandLogo_1usfy_158{max-width:100%;max-height:40px;object-fit:contain;display:block}._brandNameFallback_1usfy_165{font-weight:600;font-size:16px;color:var(--text);letter-spacing:2px}._logoLoading_1usfy_172{font-size:14px;color:var(--text-secondary);font-style:italic}._brandInfo_1usfy_178{margin-top:12px}._brandDomain_1usfy_108{font-size:13px;color:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._brandName_1usfy_104{font-size:14px;font-weight:500;color:var(--text);margin-bottom:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._fontSection_1usfy_201{margin-bottom:32px}._colorsSection_1usfy_206{margin-bottom:16px}._colorList_1usfy_210{display:flex;flex-direction:column;gap:16px}._colorItem_1usfy_216{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid #e5e7eb;border-radius:4px;background-color:#fff;transition:border-color .2s ease;height:64px}._colorItem_1usfy_216:hover{border-color:#d1d5db}._colorSquare_1usfy_232{width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;flex-shrink:0}._colorName_1usfy_240{flex:1;font-size:14px;font-weight:500;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._editButton_1usfy_250{width:32px;height:32px;border:none;background-color:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._editButton_1usfy_250:hover{border-color:#d1d5db;color:#374151}._colorActions_1usfy_268{display:flex;align-items:center;gap:8px}._selectButton_1usfy_274{padding:6px 12px;border:1px solid #10b981;border-radius:6px;background-color:#10b981;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._selectButton_1usfy_274:hover{background-color:#059669;border-color:#059669}._cancelButton_1usfy_294{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}._cancelButton_1usfy_294:hover{border-color:#d1d5db;color:#374151}@media (max-width: 640px){._colorItem_1usfy_216{padding:10px}._colorSquare_1usfy_232,._editButton_1usfy_250{width:28px;height:28px}._logoPreview_1usfy_143{padding:16px;font-size:14px;height:60px}._brandLogo_1usfy_158{max-height:30px}._brandNameFallback_1usfy_165{font-size:14px}}@font-face{font-family:Checkout Apercu SemiMono;src:url(/assets/CheckoutApercuSemiMono-Regular-BJZUWjXe.woff2) format("woff2"),url(/assets/CheckoutApercuSemiMono-Regular-KxBihLeM.woff) format("woff"),url(/assets/CheckoutApercuSemiMono-Regular-Bonh05vV.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Checkout Apercu SemiMono;src:url(/assets/CheckoutApercuSemiMono-Light-CI8loCAk.woff2) format("woff2"),url(/assets/CheckoutApercuSemiMono-Light-Beu1Fs5C.woff) format("woff"),url(/assets/CheckoutApercuSemiMono-Light-DGu2P2zz.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Checkout Apercu SemiMono;src:url(/assets/CheckoutApercuSemiMono-Medium-CZFvcQZW.woff2) format("woff2"),url(/assets/CheckoutApercuSemiMono-Medium-CiCNFXGr.woff) format("woff"),url(/assets/CheckoutApercuSemiMono-Medium-CKQosTSo.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Checkout Apercu SemiMono;src:url(/assets/CheckoutApercuSemiMono-Bold-MBahm2B9.woff2) format("woff2"),url(/assets/CheckoutApercuSemiMono-Bold-BAQf9Yav.woff) format("woff"),url(/assets/CheckoutApercuSemiMono-Bold-DchgZHGC.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--font-family-primary: "Checkout Apercu SemiMono", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}*{font-family:var(--font-family-primary)}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.app{height:100vh;background:var(--bg);overflow:hidden}.appContainer{margin:0 auto;min-width:250px;height:100vh;overflow:hidden}.appGrid.desktop{display:grid;grid-template-columns:420px 1fr;height:100vh}.sidebar,.mainContent{padding:24px}.mainContent{padding-top:16px}.sidebar{background:var(--card-bg);padding:0;width:420px;min-width:420px;max-width:420px;overflow:hidden}.componentsPanel{padding:0}.mobileContainer{display:flex;flex-direction:column;height:100vh}.mobileContent{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;padding-bottom:calc(110px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;background:#fff}.mobileContent-components{padding:0;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.mobileContent-preview{background:var(--bg)}.bottomNav{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #0000001a;z-index:1000}@media (min-width: 1024px){.bottomNav{display:none}}.bottomNavBtn{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:none;border:none;cursor:pointer;transition:all .2s ease;min-width:80px;border-radius:4px;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;-webkit-appearance:none}.bottomNavBtn:hover{background-color:#1976d214}.bottomNavBtn.active{color:var(--accent)}.bottomNavBtn.active .bottomNavIcon{transform:scale(1.1);color:var(--accent)}.bottomNavBtn.active .bottomNavIconPreview{color:var(--accent)}.bottomNavIcon{font-size:20px;margin-bottom:4px;transition:transform .2s ease;color:var(--text-secondary)}.bottomNavIconPreview{font-size:20px;transition:transform .2s ease;margin-right:8px;margin-top:-5px;color:var(--text-secondary)}.bottomNavIcon svg,.bottomNavIconPreview svg{color:inherit}.bottomNavBtn.active .bottomNavIcon svg,.bottomNavBtn.active .bottomNavIconPreview svg{color:var(--accent)}.bottomNavLabel{font-size:11px;font-weight:500;color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px}.bottomNavLabelPreview{font-size:11px;font-weight:500;color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;letter-spacing:.15px;word-spacing:.25px;margin-top:5px}.bottomNavBtn.active .bottomNavLabel,.bottomNavBtn.active .bottomNavLabelPreview{color:var(--accent);font-weight:600}.componentsPanel{order:1}.appearancePanel{order:2}.previewSection{order:3}@media (min-width: 1024px){.componentsPanel,.previewSection,.appearancePanel{order:0}}.gridItem{min-width:200px}.flex{display:flex}.flexCenter{display:flex;justify-content:center}.sectionTitle{font-size:18px;font-weight:600;color:var(--text);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.resetButton{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #ef44444d;transition:all .2s ease}.resetButton:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.resetButton:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.resetButton svg{width:16px;height:16px}@media (max-width: 1024px){.resetButton{display:none}}*{box-sizing:border-box;margin:0;padding:0}:root{--accent: #1976d2;--text: #1a1a1a;--bg: #F4F2F2;--card-bg: #ffffff;--border-color: #DCE0E5;--text-secondary: #6E737D;--text-muted: #94a3b8}html,body,#root{height:100vh;overflow:hidden}body{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--text);font-size:14px;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}