:root{color-scheme:light;--checkout-bg: #f8fafc;--checkout-surface: #ffffff;--checkout-text: #0f172a;--checkout-muted: #64748b;--checkout-border: #e2e8f0;--checkout-accent: #4338ca;--checkout-accent-hover: #3730a3;--checkout-success: #059669;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--checkout-bg);color:var(--checkout-text);line-height:1.5}.checkout-app{min-height:100vh;display:flex;flex-direction:column}.checkout-header{background:var(--checkout-surface);border-bottom:1px solid var(--checkout-border)}.checkout-header__inner{max-width:72rem;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem}.checkout-header__logo{width:2rem;height:2rem;border-radius:.5rem;background:linear-gradient(135deg,#4338ca,#6366f1);flex-shrink:0}.checkout-header__brand{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}.checkout-header__locales{margin-left:auto;display:flex;gap:.375rem}.checkout-locale-btn{padding:.375rem .75rem;border:1px solid var(--checkout-border);border-radius:999px;background:transparent;color:var(--checkout-muted);cursor:pointer;font:inherit;font-size:.8125rem}.checkout-locale-btn:hover:not(:disabled){border-color:var(--checkout-accent);color:var(--checkout-text)}.checkout-locale-btn:disabled{opacity:.45;cursor:not-allowed}.checkout-locale-btn.is-active{background:#eef2ff;border-color:#c7d2fe;color:var(--checkout-accent);font-weight:600}.checkout-main{flex:1;max-width:72rem;width:100%;margin:0 auto;padding:2rem 1.5rem 6rem}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1.5rem;align-items:start}@media(max-width:840px){.checkout-grid{grid-template-columns:1fr}}.checkout-card{background:var(--checkout-surface);border:1px solid var(--checkout-border);border-radius:.875rem;padding:1.5rem;box-shadow:0 1px 2px #0f172a0a}.checkout-card__title{margin:0 0 1.25rem;font-size:1.125rem;font-weight:600}.checkout-form{display:grid;gap:1rem}.checkout-field{display:grid;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--checkout-text)}.checkout-field input{padding:.625rem .75rem;border:1px solid var(--checkout-border);border-radius:.5rem;background:#fff;color:var(--checkout-text);font:inherit}.checkout-summary__row{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--checkout-border);font-size:.9375rem}.checkout-summary__total{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;font-size:.9375rem;font-weight:600}.checkout-pay-btn{width:100%;padding:.75rem 1rem;border:0;border-radius:.625rem;background:var(--checkout-accent);color:#fff;font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}.checkout-pay-btn:hover{background:var(--checkout-accent-hover)}.checkout-dev-panel{margin-top:2rem;padding:1rem 1.25rem;border:1px dashed var(--checkout-border);border-radius:.75rem;background:#ffffffb3}.checkout-dev-panel summary{cursor:pointer;font-size:.875rem;font-weight:600;color:var(--checkout-muted)}.checkout-dev-panel__status,.checkout-dev-panel__hint{margin:.75rem 0 0;font-size:.8125rem;color:var(--checkout-muted)}.credentials-panel{margin-top:1rem;padding:0;border:0;background:transparent;box-shadow:none}.credentials-panel h2{font-size:.875rem;text-transform:none;letter-spacing:normal;color:var(--checkout-text)}.credentials-form{display:grid;gap:.75rem}.field{display:grid;gap:.35rem;font-size:.85rem}.field input{padding:.5rem .65rem;border:1px solid var(--checkout-border);border-radius:.5rem;background:#fff;color:var(--checkout-text);font:inherit}.credentials-actions{display:flex;flex-wrap:wrap;gap:.5rem}.locale-btn{padding:.45rem .9rem;border:1px solid var(--checkout-border);border-radius:.5rem;background:transparent;color:var(--checkout-text);cursor:pointer;font:inherit}.locale-btn.is-active{background:var(--checkout-accent);border-color:var(--checkout-accent);color:#fff}.status-error{margin:0;color:#dc2626;font-size:.875rem}.lede{margin:0 0 .75rem;color:var(--checkout-muted);font-size:.8125rem}code{font-family:ui-monospace,monospace;font-size:.9em}