:root{--font-sans:"Inter", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--bg-app:#f8fafc;--bg-card:#fff;--border-light:#f1f5f9;--border-medium:#e2e8f0;--border-active:#cbd5e1;--text-main:#0f172a;--text-muted:#475569;--text-light:#94a3b8;--color-primary:#0f172a;--color-primary-hover:#1e293b;--color-primary-bg-light:#f8fafc;--color-success:#10b981;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-info:#06b6d4;--color-info-bg:#ecfeff;--color-info-border:#cffafe;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-warning-border:#fef3c7;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-error-border:#fee2e2;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}input,textarea,select{outline:none;font-family:inherit;font-size:14px}a{color:var(--text-main);transition:opacity var(--transition-fast);font-weight:500;text-decoration:none}a:hover{opacity:.8}code{font-family:var(--font-mono);background:var(--color-primary-bg-light);border:1px solid var(--border-light);color:var(--text-main);border-radius:4px;padding:2px 6px;font-size:12px}.checkout-split-layout{background-color:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative}@media (width<=900px){.checkout-split-layout{grid-template-columns:1fr;min-height:auto}}.checkout-info-panel{background:linear-gradient(135deg,#090d16 0%,#0d121f 50%,#161233 100%);border-right:1px solid #ffffff0d;justify-content:flex-end;padding:80px 60px 120px;display:flex;position:relative;overflow:hidden}.checkout-info-content{z-index:2;flex-direction:column;gap:36px;width:100%;max-width:420px;display:flex;position:relative}@media (width<=900px){.checkout-info-panel{border-bottom:1px solid #ffffff0d;border-right:none;justify-content:center;padding:60px 24px 40px}.checkout-info-content{max-width:100%}}.checkout-action-panel{background-color:#fff;justify-content:flex-start;padding:80px 60px 160px;display:flex;overflow-y:auto}.checkout-action-content{flex-direction:column;gap:36px;width:100%;max-width:420px;display:flex}@media (width<=900px){.checkout-action-panel{justify-content:center;padding:40px 24px 160px}.checkout-action-content{max-width:100%}}.brand-header{align-items:center;gap:8px;display:flex}.brand-badge-icon{color:#fff;font-size:16px}.brand-badge-name{font-family:var(--font-sans);color:#fff;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 0 10px #ffffff1a;font-size:14px;font-weight:700}.product-showcase{flex-direction:column;gap:12px;display:flex}.product-avatar{background:0 0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.product-title-group{flex-direction:column;gap:2px;display:flex}.product-subtitle{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.product-name{color:#fff;letter-spacing:-1px;font-size:36px;font-weight:800;line-height:1.15}.product-pricing{margin-top:8px}.price-tag{align-items:baseline;gap:4px;display:flex}.price-amount{color:#fff;letter-spacing:-1.2px;font-size:40px;font-weight:700}.price-currency{color:#94a3b8;margin-left:4px;font-size:18px;font-weight:500}.price-tag-awaiting{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.price-awaiting-dot{background-color:#22d3ee;border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse-blue-dot}@keyframes pulse-blue-dot{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.detail-specs{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;flex-direction:column;gap:16px;padding:16px 0;display:flex}.detail-spec-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.spec-row-label{color:#94a3b8;font-weight:400}.spec-row-value{color:#fff;font-weight:600}.spec-row-value.font-mono{font-family:var(--font-mono);color:#cbd5e1;font-size:12px;font-weight:500}.text-success-highlight{font-weight:600;color:#34d399!important}.stripe-style-warning{color:#cbd5e1;background-color:#0f172a80;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:14px 16px;font-size:12.5px;line-height:1.6;display:flex}.warning-header{color:#fff;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.warning-icon-svg{width:14px;height:14px;color:var(--color-warning)}.stripe-style-warning strong{color:var(--text-main);font-weight:600}.payment-selector-tabs{border:1px solid var(--border-medium);background-color:var(--color-primary-bg-light);border-radius:8px;width:100%;padding:3px;display:flex}.payment-tab{color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;font-weight:600;display:flex}.payment-tab.active{color:var(--text-main);background-color:#fff;border:1px solid #0000000a}.payment-tab.disabled{opacity:.45;cursor:not-allowed}.tab-icon{flex-shrink:0}.qr-container{flex-direction:column;align-items:center;gap:20px;display:flex}.qr-canvas-frame{background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex}.address-copy-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.address-label{color:var(--text-muted);letter-spacing:.3px;font-size:12px;font-weight:600}.address-input-group{border:1px solid var(--border-medium);transition:border-color var(--transition-fast);background-color:#fff;border-radius:6px;display:flex;overflow:hidden}.address-input-group:focus-within,.address-input-group:hover{border-color:var(--border-active)}.address-input{font-family:var(--font-mono);color:var(--text-main);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:10px 12px;font-size:11.5px;overflow:hidden}.address-copy-btn{background-color:var(--color-primary);color:#fff;transition:background-color var(--transition-fast);border-radius:0;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:600;display:flex}.address-copy-btn:hover{background-color:var(--color-primary-hover)}.address-copy-btn.copied{background-color:var(--color-success)}.btn-flex{align-items:center;gap:5px;display:flex}.btn-icon{width:12px;height:12px}.qr-instructions{border-top:1px solid var(--border-light);flex-direction:column;gap:8px;width:100%;padding-top:16px;display:flex}.instruction-item{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.instruction-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.instruction-dot.success{background-color:var(--color-success)}.instruction-dot.warning{background-color:var(--color-warning)}.state-view-container{border-top:1px solid var(--border-light);flex-direction:column;gap:20px;padding-top:24px;display:flex}.state-view-header{justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.state-header-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:700}.status-badge.pulse-blue{background-color:var(--color-info-bg);color:#0284c7;border:1px solid var(--color-info-border)}.status-badge.badge-green{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.status-badge.badge-red{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.timeline{flex-direction:column;padding-left:4px;display:flex;position:relative}.timeline:before{content:"";z-index:1;background-color:#f1f5f9;width:1px;position:absolute;top:10px;bottom:10px;left:13px}.timeline-item{z-index:2;gap:16px;padding-bottom:20px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background-color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.timeline-dot.dot-pending{border:1px solid var(--border-medium)}.dot-inner-pending{background-color:var(--border-medium);border-radius:50%;width:4px;height:4px}.timeline-dot.dot-active{background-color:#fff;border:1px solid #3b82f6}.dot-inner{z-index:3;background-color:#3b82f6;border-radius:50%;width:6px;height:6px}.pulse-ring{z-index:2;background-color:#3b82f61a;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite pulse-ring-anim;position:absolute}@keyframes pulse-ring-anim{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.3)}}.timeline-dot.dot-done{background-color:var(--color-success);border:1px solid var(--color-success)}.timeline-dot.dot-done.dot-skipped{background-color:var(--border-medium);border-color:var(--border-medium)}.dot-icon{color:var(--text-muted);font-size:11px;font-weight:700}.dot-svg-check{color:#fff;width:10px;height:10px}.timeline-dot.dot-error{background-color:var(--color-error);border:1px solid var(--color-error)}.dot-svg-error{color:#fff;width:10px;height:10px}.timeline-content{flex-direction:column;flex:1;gap:2px;padding-top:1px;display:flex}.timeline-title{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.skipped-label{background-color:var(--border-light);color:var(--text-light);text-transform:uppercase;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:600}.timeline-desc{color:var(--text-muted);font-size:11.5px;line-height:1.4}.item-pending .timeline-title,.item-pending .timeline-desc{color:var(--text-light)}.item-active .timeline-title{color:#2563eb}.item-error .timeline-title{color:var(--color-error)}.timeline-skipped .timeline-title,.timeline-skipped .timeline-desc{color:var(--text-light)}.timeline-meta-row{gap:6px;margin-top:4px;display:flex}.meta-pill{color:var(--text-muted);background-color:var(--color-primary-bg-light);border:1px solid var(--border-light);border-radius:3px;padding:1px 6px;font-size:10.5px;font-weight:500}.tx-pill{color:#2563eb;background-color:var(--color-info-bg);border:1px solid var(--color-info-border);transition:opacity var(--transition-fast);border-radius:3px;align-items:center;gap:3px;padding:1px 6px;font-size:10.5px;font-weight:500;display:inline-flex}.tx-pill:hover{opacity:.8}.tx-link-icon{width:8px;height:8px}.result-alert{border:1px solid #0000;border-radius:8px;flex-direction:column;gap:10px;margin-top:8px;padding:16px;display:flex}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-success-border)}.alert-error{background-color:var(--color-error-bg);border-color:var(--color-error-border)}.alert-header{align-items:center;gap:8px;display:flex}.alert-icon{width:16px;height:16px}.alert-success .alert-icon{color:var(--color-success)}.alert-error .alert-icon{color:var(--color-error)}.alert-title{color:var(--text-main);font-size:13.5px;font-weight:700}.alert-message{color:var(--text-muted);font-size:12px;line-height:1.5}.alert-message.font-mono{font-family:var(--font-mono);border:1px solid var(--border-medium);word-break:break-all;background-color:#fff;border-radius:4px;padding:8px}.alert-actions{gap:8px;display:flex}.primary-action-btn{background-color:var(--color-primary);color:#fff;transition:background-color var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.primary-action-btn:hover{background-color:var(--color-primary-hover)}.primary-action-btn.btn-error{background-color:var(--color-error)}.primary-action-btn.btn-error:hover{background-color:#dc2626}.stripe-docs-console{z-index:1000;max-height:400px;transition:transform var(--transition-normal);background-color:#0f172a;border-top:1px solid #1e293b;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.console-bar-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);background-color:#1e293b;border-bottom:1px solid #0f172a;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.console-bar-trigger:hover{background-color:#273549}.console-trigger-left{align-items:center;gap:10px;display:flex}.console-dot-indicator{background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-green-glow}@keyframes pulse-green-glow{0%,to{opacity:.6}50%{opacity:1}}.console-trigger-title{font-family:var(--font-mono);color:#cbd5e1;letter-spacing:.2px;font-size:11.5px;font-weight:500}.console-events-badge{color:#94a3b8;background-color:#0f172a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.console-trigger-right{align-items:center;display:flex}.console-expand-label{color:#94a3b8;font-size:11px;font-weight:600}.console-drawer-body{background-color:#0f172a;flex-direction:column;padding-bottom:20px;display:flex;overflow-y:auto}.console-drawer-body .terminal-log-container{border:none}.console-drawer-body .terminal-header{display:none}.console-drawer-body .terminal-body{max-height:200px}.console-raw-logs{color:#94a3b8;background-color:#0c111d;border-top:1px solid #1e293b;max-height:120px;padding:16px 24px;font-size:11px;overflow-y:auto}.raw-logs-title{color:#475569;margin-bottom:6px;font-weight:500}.console-raw-line{color:#38bdf8;border-bottom:1px dashed #ffffff08;padding:2px 0;line-height:1.5}.console-raw-line:last-child{border-bottom:none}