.header-actions,.playground-actions{display:flex;align-items:center;gap:12px}.sandbox-chip,.sandbox-pill{display:inline-flex;align-items:center;border-radius:999px;background:#eaffea;color:#20124f;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px}.playground-modal{width:min(720px,calc(100% - 48px));max-width:none;left:50%;right:auto;top:32px;bottom:32px;transform:translateX(-50%) translateY(18px);padding:0;border-radius:20px;overflow:visible}.playground-modal[aria-hidden=false]{transform:translateX(-50%) translateY(0)}.playground-header{padding:24px 28px 20px;border-radius:20px 20px 0 0}.playground-header h2{font-size:30px}.playground-header p:last-child{margin:7px 0 0;color:var(--muted)}.playground-actions{align-self:flex-start}.settings-trigger{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 13px;border:1px solid #d8d2e5;border-radius:9px;background:white;color:var(--ink);font-weight:700;cursor:pointer}.settings-trigger[aria-expanded=true]{background:var(--ink);border-color:var(--ink);color:white}.settings-trigger span{font-size:18px}.sandbox-banner{display:flex;align-items:center;gap:12px;padding:11px 28px;background:var(--maksu-green);color:var(--ink);font-size:14px}.sandbox-banner strong{text-transform:uppercase;letter-spacing:.09em}.playground-form{padding:0;height:calc(100% - 139px);overflow:auto;border-radius:0 0 20px 20px}.playground-grid{position:relative;min-height:100%}.preview-pane{min-width:0;background:white}.pane-body{padding:25px 28px}.pane-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.pane-intro h3,.settings-heading h3{margin:0 0 7px;font:700 23px/1.2 "Inter",Arial,sans-serif;letter-spacing:-.03em}.pane-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.step-label{margin:0 0 5px!important;color:#665b86!important;text-transform:uppercase;letter-spacing:.12em;font-size:11px!important;font-weight:700}.config-pane{position:absolute;z-index:8;top:0;right:calc(100% + 16px);width:370px;max-height:calc(100vh - 64px);overflow:auto;border:1px solid #ded9e9;border-radius:16px;background:#faf9fd;box-shadow:0 22px 60px rgba(32,18,79,.22)}.config-pane[hidden]{display:none}.settings-heading{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 15px;background:#faf9fd;border-bottom:1px solid var(--line)}.close-settings{border:0;background:transparent;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}.config-pane .pane-body{padding:18px 22px 22px}.config-pane .pane-intro{align-items:center;margin-bottom:5px}.text-action,.legend-row button,.integration-summary button,.payment-error button{border:0;background:transparent;color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--maksu-cyan);text-underline-offset:4px;cursor:pointer}.legend-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.legend-row>span{display:flex;gap:10px}.legend-row button{padding:0;font-size:12px}.playground-form fieldset{margin:19px 0}.callback-options{border-top:1px solid var(--line)!important;padding-top:18px!important}.callback-options label{display:grid;grid-template-columns:20px 1fr;gap:9px;margin:13px 0}.callback-options span{display:block}.callback-options small{display:block;color:var(--muted);line-height:1.4;margin-top:3px}.config-error{padding:12px;border-radius:8px;background:#fff0ed;color:var(--danger);font-size:13px}.compact-cart{max-height:165px;overflow:auto;border-top:1px solid var(--line)}.compact-cart .cart-item{grid-template-columns:58px 1fr auto;padding:11px 0}.compact-cart .cart-item img{width:58px;height:58px}.compact-cart .cart-item h3{font-size:15px}.compact-cart .quantity{margin-top:6px}.preview-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 20px}.preview-facts div{padding:10px;border-radius:8px;background:var(--cream);min-width:0}.preview-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.preview-facts dd{margin:4px 0 0;font-size:12px;font-weight:700;overflow-wrap:anywhere}.inline-payment{margin-top:0}.payment-loading[hidden],.payment-error[hidden]{display:none}.payment-error{display:flex;justify-content:space-between;align-items:center;gap:12px}.payment-method-row{min-height:0}.secure-note{margin:15px 0}.integration-summary{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.integration-summary summary{font-weight:700;cursor:pointer}.integration-summary pre{max-height:180px;overflow:auto;padding:13px;border-radius:8px;background:#171326;color:#edfbea;font:12px/1.55 monospace}.mobile-preview-action{display:none}.cart-overlay{backdrop-filter:blur(3px)}
@media(max-width:1100px){.playground-modal{width:min(700px,calc(100% - 32px))}.config-pane{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto;max-height:min(64vh,620px);border-radius:16px}.mobile-preview-action{position:sticky;display:block;bottom:0;width:100%;margin:18px 0 0;padding:14px;border:0;border-radius:8px;background:var(--maksu-green);color:var(--ink);font-weight:700;cursor:pointer;box-shadow:0 -8px 24px rgba(32,18,79,.1)}}
@media(max-width:600px){.sandbox-chip{display:none}.playground-modal{top:0;bottom:0;width:100%;border-radius:0}.playground-header{padding:17px 18px 14px;border-radius:0;align-items:flex-start}.playground-header h2{font-size:22px}.playground-header p:last-child{display:none}.playground-actions{gap:6px}.settings-trigger{padding:8px;font-size:0}.settings-trigger span{font-size:19px}.sandbox-banner{padding:9px 18px;font-size:12px}.playground-form{height:calc(100% - 105px);border-radius:0}.pane-body{padding:18px}.preview-facts{grid-template-columns:1fr 1fr}.compact-cart{max-height:130px}.config-pane{left:8px;right:8px;bottom:8px;max-height:72vh}.method-options{grid-template-columns:1fr 1fr}.sandbox-pill{margin-top:8px}.preview-pane .pane-intro{display:block}}
.playground-modal[aria-hidden=true]{visibility:hidden;pointer-events:none}.playground-modal[aria-hidden=false]{visibility:visible;pointer-events:auto}.playground-form{overflow:visible}.playground-grid,.preview-pane{height:100%}.preview-pane{overflow:auto;border-radius:0 0 20px 20px}.config-pane{width:340px}.checkout-link{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;font-size:17px}.checkout-link:hover,.checkout-link:focus-visible{background:#f0edf7}.checkout-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.checkout-link .cart-count{margin-left:1px}.demo-brand>span:last-child{font-size:17px;line-height:1.15}.demo-brand small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em}@media(max-width:480px){.demo-brand small{display:none}}