.preview-container{background:#0d0f0f;color:#f7f7f2}.preview-real-checkout{height:100%;display:flex;flex-direction:column;padding:32px 24px;background:#0e1109;color:#eef4e2;font-family:DM Sans,sans-serif;font-weight:300;overflow-y:auto}.preview-real-checkout .header{display:flex;align-items:center;gap:12px;margin-bottom:48px}.preview-real-checkout .logo-mark{width:36px;height:36px;background:#0e1109;border:1.5px solid #2a3319;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-real-checkout .brand-name{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.06em;color:#eef4e2;line-height:1}.preview-real-checkout .brand-tag{font-size:10px;font-weight:400;letter-spacing:.14em;color:#4a5c35;text-transform:uppercase;margin-top:3px}.preview-real-checkout .amount-block{margin-bottom:48px}.preview-real-checkout .amount-value small{font-size:32px;color:#7a9060;vertical-align:top;padding-top:10px;display:inline-block}.preview-real-checkout .method-tab.active{background:#c8f06a;color:#0e1109!important}.preview-real-checkout::-webkit-scrollbar{width:6px}.preview-real-checkout::-webkit-scrollbar-track{background:transparent}.preview-real-checkout::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:10px}.preview-real-checkout .input-mock{width:100%;background:#161b0f;border:1px solid #2a3319;border-radius:8px;padding:16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:300;color:#eef4e2}