.ucs-credit-flow { width:100%; min-width:0; color:#f5f5f7; font:400 15px/1.5 system-ui,-apple-system,sans-serif; }
.ucs-credit-flow *, .ucs-credit-flow *::before, .ucs-credit-flow *::after { box-sizing:border-box; }
.ucs-credit-flow [hidden] { display:none !important; }
.ucs-credit-form { margin:0; padding:0; }
.ucs-credit-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:6px; }
.ucs-credit-label { font-weight:650; font-size:1rem; color:#fafafa; }
.ucs-credit-currency { display:flex; align-items:center; gap:8px; font-size:.8rem; color:#aaa; }
.ucs-credit-currency select { appearance:auto; min-width:88px; border:1px solid #49494c; border-radius:9px; padding:6px 8px; background:#2c2c2f; color:#eee; font:inherit; cursor:pointer; }
.ucs-credit-intro { color:#b3b3b8; font-size:.85rem; margin:0 0 17px; }
.ucs-amount-picker { position:relative; margin:0 0 20px; padding:0; border:0; background:none; }
.ucs-amount-trigger { display:flex; align-items:center; gap:12px; list-style:none; cursor:pointer; width:100%; min-height:54px; border:1px solid transparent; border-radius:16px; background:#303033; padding:14px 16px; color:#f5f5f7; font:inherit; }
.ucs-amount-trigger::-webkit-details-marker { display:none; }
.ucs-amount-trigger::marker { content:''; }
.ucs-amount-label { flex:1; min-width:0; font-weight:500; }
.ucs-amount-price { margin-inline-start:auto; color:#b5b5bb; white-space:nowrap; font-variant-numeric:tabular-nums; }
.ucs-amount-chevron { color:#aaa; font-size:18px; }
.ucs-amount-trigger[aria-disabled=true] { cursor:default; opacity:.65; }
.ucs-amount-picker[open] .ucs-amount-trigger { border-color:#626268; }
.ucs-amount-options { position:absolute; z-index:10; inset-inline:0; top:calc(100% + 5px); border:1px solid #414144; border-radius:15px; overflow:hidden auto; max-height:min(360px,48vh); background:#242426; box-shadow:0 18px 42px #0008; padding:4px 0; }
.ucs-amount-option { display:flex; align-items:center; gap:12px; width:100%; min-height:48px; margin:0; border:0; border-radius:0; background:transparent; color:#f2f2f4; font:inherit; text-align:start; padding:12px 16px; cursor:pointer; }
.ucs-amount-option[aria-selected=true], .ucs-amount-option:hover { background:#333337; }
.ucs-amount-option:last-child { border-top:1px solid #3c3c40; margin-top:4px; color:#c3c3c8; }
.ucs-amount-option:disabled { opacity:.4; cursor:not-allowed; }
.ucs-credit-flow :is(button,summary,select,input):focus-visible { outline:2px solid #b5c9ff; outline-offset:3px; }
.ucs-custom-amount { margin-bottom:20px; }
.ucs-custom-amount input { display:block; width:100%; margin-top:8px; min-height:50px; border:1px solid #4a4a50; border-radius:12px; padding:10px 14px; background:#303033; color:#fff; font:inherit; }
.ucs-credit-note { color:#a9a9b1; font-size:.78rem; line-height:1.6; margin:12px 0 0; }
.ucs-credit-examples { border-top:1px solid #39393d; padding-top:18px; margin:22px 0; }
.ucs-credit-flow h3 { margin:0 0 12px; font-size:1rem; font-weight:650; color:#f5f5f7; }
.ucs-usage-list { display:grid; gap:11px; list-style:none; padding:0; margin:0; }
.ucs-usage-list li { display:flex; align-items:center; gap:8px; color:#c8c8ce; font-size:.85rem; min-width:0; }
.ucs-usage-list li > svg { width:18px; height:18px; flex:none; color:#aeb8cf; }
.ucs-usage-list strong { color:#f5f5f7; font-weight:600; font-variant-numeric:tabular-nums; }
.ucs-checkout-payment { margin:28px 0; }
.ucs-express-payment { margin:0 0 16px; }
.ucs-payment-mount { margin:14px 0; min-height:20px; }
.ucs-credit-secure { margin:12px 0 0; color:#a9a9b1; font-size:.75rem; }
.ucs-order-summary { margin-top:28px; padding-top:20px; border-top:1px solid #39393d; }
.ucs-order-row { display:flex; justify-content:space-between; gap:14px; align-items:baseline; margin:11px 0; font-size:.85rem; color:#ccc; }
.ucs-order-total { margin-top:16px; padding-top:14px; border-top:1px solid #39393d; color:#fff; font-size:1rem; }
.ucs-credit-status { display:flex; align-items:center; gap:10px; min-height:0; color:#d8d8e1; font-size:.85rem; margin:14px 0; overflow-wrap:anywhere; }
.ucs-credit-status:empty { display:none; }
.ucs-credit-purchase { display:block; width:100%; border:1px solid #eee; border-radius:50px; padding:15px 24px; background:#fafafa; color:#151515; font:650 .95rem/1.4 system-ui,sans-serif; min-height:52px; cursor:pointer; margin-top:24px; transition:background .15s ease; }
.ucs-credit-purchase:hover:not(:disabled) { background:#e5e5e8; }
.ucs-credit-purchase:disabled { cursor:not-allowed; opacity:.5; }
.ucs-credit-back { display:block; margin:16px auto 0; border:0; background:none; color:#b4b4be; font:inherit; font-size:.82rem; text-decoration:underline; text-underline-offset:3px; cursor:pointer; padding:4px 8px; }
.ucs-credit-purchase[aria-busy='true']::before { content:''; display:inline-block; width:16px; height:16px; margin-right:10px; vertical-align:middle; border:2px solid #777; border-top-color:#111; border-radius:50%; animation:ucs-amount-spin .8s linear infinite; }
.ucs-credit-spinner { width:17px; height:17px; border:2px solid #777; border-top-color:#fff; border-radius:50%; animation:ucs-amount-spin 1s linear infinite; flex:none; }
@keyframes ucs-amount-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .ucs-credit-spinner, .ucs-credit-purchase[aria-busy='true']::before { animation:none; border-style:dotted; } .ucs-credit-purchase { transition:none; } }
@media(max-width:480px) { .ucs-credit-top { gap:10px; } .ucs-credit-currency { width:100%; justify-content:space-between; } .ucs-credit-flow { font-size:14px; } .ucs-amount-options { max-height:42vh; } }