html.cat-theme body{background:#f3f8ef;color:#244e41}html.cat-theme.dark body{background:#10251e;color:#e0f4e7}html.cat-theme #app{color:var(--cat-ink,#244e41)}





/* Fixed geometry for loading and populated API-key toolbar. */
.keys-stable-actions{align-items:center!important;gap:10px!important}
.keys-stable-actions>.btn,.keys-stable-actions>div>button,.keys-stable-actions>a.btn{height:40px!important;min-height:40px!important;max-height:40px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:14px!important;line-height:20px!important}
.keys-stable-actions .xing-reading-loader{display:none!important}
.keys-stable-actions .xing-owned-spinner{display:inline-block!important;width:18px!important;height:18px!important}
.keys-client-download-menu{position:relative;flex:none}.keys-client-download-menu>summary{height:40px!important;min-height:40px;display:inline-flex;align-items:center;cursor:pointer;list-style:none;white-space:nowrap}.keys-client-download-menu>summary::-webkit-details-marker{display:none}.keys-client-download-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:170px;padding:6px;background:#fff;border:1px solid #d5e6dc;border-radius:10px;box-shadow:0 6px 20px #173e2926}.keys-client-download-panel>.btn{display:flex;width:100%;justify-content:flex-start;margin:3px 0;min-height:38px}.dark .keys-client-download-panel{background:#1e282a;border-color:#354447}
[data-profile-ranking-hidden]{display:none!important}#profile-zoom-module{align-self:start}#profile-zoom-module #browser-display-settings{margin:0;border:0}#profile-zoom-module [hidden]{display:none!important}.profile-copy-qq{margin-left:auto;flex:none}
body.profile-controls-layout main{overflow-x:clip}body.profile-controls-layout .profile-collapsible{min-width:0;max-width:100%}
body:has([data-tour="keys-create-btn"]) .channel-status-panel{display:none!important}
@media(max-width:650px){body.profile-controls-layout{overflow-x:hidden}body.profile-controls-layout header{max-width:100vw;overflow-x:clip}body.profile-controls-layout main{min-width:0;width:auto}body.profile-controls-layout #profile-zoom-module{max-width:100%}.keys-page-size-note{min-width:0}}
#profile-zoom-module>.profile-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:14px 16px;border:1px solid #d5e6ec;border-radius:8px;background:#fff;color:#315a68;font-size:14px;font-weight:600;text-align:left;box-shadow:0 3px 9px #173e290a}#profile-zoom-module>.profile-section-toggle[aria-expanded=true]{background:#f3fcff;border-color:#6cd4ed}#profile-zoom-module>.profile-section-toggle svg{width:16px;height:16px;flex:none}#profile-zoom-module>.profile-section-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.dark #profile-zoom-module>.profile-section-toggle{background:#1e282a;color:#d5dfdc;border-color:#354447}
[data-keys-pagination]{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
[data-keys-pagination]>:first-child{flex:1 1 auto}
.keys-account-page-size{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#52705f;white-space:nowrap}
.keys-account-page-size select{height:36px;min-width:88px;border:1px solid #d5e6dc;border-radius:8px;background:#fff;padding:0 10px;color:#315a48}
.keys-page-size-note{font-size:12px;min-width:72px;color:#6b8175}
.dark .keys-account-page-size,.dark .keys-page-size-note{color:#afc7b9}.dark .keys-account-page-size select{background:#1e282a;color:#d5dfdc;border-color:#354447}
@media(max-width:650px){.keys-account-page-size{width:100%;justify-content:flex-start}.keys-stable-actions{justify-content:flex-start!important}}

/* Legacy cached public settings must paint the canonical brand immediately. */
img[src*="/branding/stellar-"][src*="/logo.svg"],img[src*="/planet-branding-"][src*="/logo.svg"],img[src="/logo.svg"]{content:url("/__starcat-brand-20261030/logo.svg")!important;object-fit:contain!important}

.payment-page{--pay-ink:#315e50;--pay-muted:#688577;--pay-line:#d5e6d9;--pay-card:#fffef8;--pay-soft:#eff7ed;display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:22px!important;max-width:1540px!important;width:100%;padding:6px 12px 36px;align-items:stretch}
.payment-page>*{grid-column:1/-1;min-width:0;margin:0!important;order:10}.payment-page>.recharge-promotion{grid-column:1;order:0;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:18px;padding:28px!important;border:1px solid var(--pay-line)!important;border-radius:22px!important;background:var(--pay-card)!important;box-shadow:0 8px 24px #315e5009!important;color:var(--pay-ink)}
.payment-page .recharge-promotion h2{font-size:25px;line-height:1.5;color:var(--pay-ink)}.payment-page .recharge-promotion p{line-height:1.8;color:var(--pay-muted)}.payment-page .recharge-promotion-label,.payment-page .recharge-promotion-maximum{background:var(--pay-soft)!important;border:1px solid var(--pay-line)!important;color:var(--pay-ink)!important;box-shadow:none!important}.payment-page .recharge-promotion-maximum{font-size:18px;padding:12px 16px!important;border-radius:14px}
.payment-page>.billing-header{grid-column:2;order:0;padding:26px!important;border:1px solid var(--pay-line)!important;border-radius:22px!important;background:var(--pay-card)!important;box-shadow:0 8px 24px #315e5009!important;overflow:hidden}.payment-page .billing-orbit,.payment-page .cosmic-particle-background,.payment-page>.payment-cosmos{display:none!important}.payment-page .billing-header-content{display:flex!important;flex-direction:column!important;gap:18px;align-items:stretch!important}.payment-page .billing-heading h1{font-size:23px!important;color:var(--pay-ink)!important}.payment-page .billing-header-action{width:100%!important}.payment-page .payment-header-actions{display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:flex-start!important;gap:16px!important;width:100%}.payment-page .studio-payment-entry{flex:1 1 100%;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:22px!important;padding:18px!important;background:var(--pay-soft)!important;border:1px solid var(--pay-line)!important;border-radius:16px}.payment-page .studio-payment-codes{display:flex;gap:12px;align-items:center}.payment-page .studio-payment-codes .contact-thumbnail{width:112px!important;height:112px!important;object-fit:contain!important}.payment-page .studio-payment-entry p{font-size:13px;line-height:1.8;color:var(--pay-muted)!important}.payment-page .studio-payment-entry h2,.payment-page .studio-payment-entry h3,.payment-page .studio-payment-entry strong{color:var(--pay-ink)!important}.payment-page .billing-balance{margin-left:auto}
.payment-page>.billing-tabs{order:1;justify-self:center;min-width:320px}.payment-page>.recharge-account{order:2;padding:18px 24px!important}.payment-page>.card:has(input[inputmode="decimal"]){order:3;padding:22px 24px!important}.payment-page>.card:has(input[inputmode="decimal"]) .space-y-4>div:has(>.grid:empty){display:none}.payment-page>.card:has([data-testid="payment-method-grid"]){order:4;padding:20px 24px!important}.payment-page>.btn-wxpay{order:5;min-height:48px;border-radius:14px}.payment-page>.recharge-offers-grid{order:6;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.payment-page .recharge-offer-card{border-radius:18px!important;padding:23px!important;background:var(--pay-card)!important;border-color:var(--pay-line)!important;box-shadow:0 4px 15px #315e5006}.payment-page>.billing-help-card{display:none!important}
.dark .payment-page{--pay-ink:#d2eadb;--pay-muted:#a0b7aa;--pay-line:#354c40;--pay-card:#1d2b24;--pay-soft:#23382b}.dark .payment-page .recharge-offer-price{color:#9bcbb2!important}
@media(max-width:1250px){.payment-page{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}.payment-page .studio-payment-entry{grid-template-columns:1fr}.payment-page>.recharge-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.payment-page .studio-payment-codes{justify-content:center}}
@media(max-width:850px){.payment-page{display:flex!important;flex-direction:column!important;gap:16px!important;padding:0 0 24px}.payment-page>.recharge-promotion,.payment-page>.billing-header{padding:22px!important}.payment-page .studio-payment-entry{grid-template-columns:1fr}.payment-page>.billing-tabs{min-width:0;width:100%}.payment-page .studio-payment-codes .contact-thumbnail{width:120px!important;height:120px!important}.payment-page .recharge-promotion h2{font-size:21px}.payment-page .payment-header-actions{gap:12px!important}.payment-page .studio-payment-entry{padding:14px!important}.payment-page .recharge-offer-card{padding:18px!important}}
@media(max-width:480px){.payment-page>.recharge-offers-grid{grid-template-columns:1fr!important}.payment-page .studio-payment-codes .contact-thumbnail{width:104px!important;height:104px!important}}

.payment-page{--pay-ink:#315e50;--pay-muted:#688577;--pay-line:#d5e6d9;--pay-card:#fffef8;--pay-soft:#eff7ed;display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:22px!important;max-width:1540px!important;width:100%;padding:6px 12px 36px;align-items:stretch}
.payment-page>*{grid-column:1/-1;min-width:0;margin:0!important;order:10}.payment-page>.recharge-promotion{grid-column:1;order:0;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:18px;padding:28px!important;border:1px solid var(--pay-line)!important;border-radius:22px!important;background:var(--pay-card)!important;box-shadow:0 8px 24px #315e5009!important;color:var(--pay-ink)}
.payment-page .recharge-promotion h2{font-size:25px;line-height:1.5;color:var(--pay-ink)}.payment-page .recharge-promotion p{line-height:1.8;color:var(--pay-muted)}.payment-page .recharge-promotion-label,.payment-page .recharge-promotion-maximum{background:var(--pay-soft)!important;border:1px solid var(--pay-line)!important;color:var(--pay-ink)!important;box-shadow:none!important}.payment-page .recharge-promotion-maximum{font-size:18px;padding:12px 16px!important;border-radius:14px}
.payment-page>.billing-header{grid-column:2;order:0;padding:26px!important;border:1px solid var(--pay-line)!important;border-radius:22px!important;background:var(--pay-card)!important;box-shadow:0 8px 24px #315e5009!important;overflow:hidden}.payment-page .billing-orbit,.payment-page .cosmic-particle-background,.payment-page>.payment-cosmos{display:none!important}.payment-page .billing-header-content{display:flex!important;flex-direction:column!important;gap:18px;align-items:stretch!important}.payment-page .billing-heading h1{font-size:23px!important;color:var(--pay-ink)!important}.payment-page .billing-header-action{width:100%!important}.payment-page .payment-header-actions{display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:flex-start!important;gap:16px!important;width:100%}.payment-page .studio-payment-entry{flex:1 1 100%;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:22px!important;padding:18px!important;background:var(--pay-soft)!important;border:1px solid var(--pay-line)!important;border-radius:16px}.payment-page .studio-payment-codes{display:flex;gap:12px;align-items:center}.payment-page .studio-payment-codes .contact-thumbnail{width:112px!important;height:112px!important;object-fit:contain!important}.payment-page .studio-payment-entry p{font-size:13px;line-height:1.8;color:var(--pay-muted)!important}.payment-page .studio-payment-entry h2,.payment-page .studio-payment-entry h3,.payment-page .studio-payment-entry strong{color:var(--pay-ink)!important}.payment-page .billing-balance{margin-left:auto}
.payment-page>.billing-tabs{order:1;justify-self:center;min-width:320px}.payment-page>.recharge-account{order:2;padding:18px 24px!important}.payment-page>.card:has(input[inputmode="decimal"]){order:3;padding:22px 24px!important}.payment-page>.card:has(input[inputmode="decimal"]) .space-y-4>div:has(>.grid:empty){display:none}.payment-page>.card:has([data-testid="payment-method-grid"]){order:4;padding:20px 24px!important}.payment-page>.btn-wxpay{order:5;min-height:48px;border-radius:14px}.payment-page>.recharge-offers-grid{order:6;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.payment-page .recharge-offer-card{border-radius:18px!important;padding:23px!important;background:var(--pay-card)!important;border-color:var(--pay-line)!important;box-shadow:0 4px 15px #315e5006}.payment-page>.billing-help-card{display:none!important}
.dark .payment-page{--pay-ink:#d2eadb;--pay-muted:#a0b7aa;--pay-line:#354c40;--pay-card:#1d2b24;--pay-soft:#23382b}.dark .payment-page .recharge-offer-price{color:#9bcbb2!important}
@media(max-width:1250px){.payment-page{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}.payment-page .studio-payment-entry{grid-template-columns:1fr}.payment-page>.recharge-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.payment-page .studio-payment-codes{justify-content:center}}
@media(max-width:850px){.payment-page{display:flex!important;flex-direction:column!important;gap:16px!important;padding:0 0 24px}.payment-page>.recharge-promotion,.payment-page>.billing-header{padding:22px!important}.payment-page .studio-payment-entry{grid-template-columns:1fr}.payment-page>.billing-tabs{min-width:0;width:100%}.payment-page .studio-payment-codes .contact-thumbnail{width:120px!important;height:120px!important}.payment-page .recharge-promotion h2{font-size:21px}.payment-page .payment-header-actions{gap:12px!important}.payment-page .studio-payment-entry{padding:14px!important}.payment-page .recharge-offer-card{padding:18px!important}}
@media(max-width:480px){.payment-page>.recharge-offers-grid{grid-template-columns:1fr!important}.payment-page .studio-payment-codes .contact-thumbnail{width:104px!important;height:104px!important}}
.payment-page{box-sizing:border-box;min-width:0!important}.payment-page .billing-header-content,.payment-page .billing-header-action,.payment-page .payment-header-actions,.payment-page .studio-payment-entry,.payment-page .studio-payment-codes,.payment-page .recharge-offers-grid{min-width:0!important;max-width:100%!important;box-sizing:border-box}.payment-page .payment-header-actions>*{min-width:0;max-width:100%}.payment-page .studio-payment-entry{width:auto!important}.payment-page .studio-payment-entry a{overflow-wrap:anywhere}.payment-page .billing-header{min-width:0!important}.payment-page .studio-payment-entry{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
@media(max-width:1250px){.payment-page .studio-payment-entry{grid-template-columns:minmax(0,1fr)}}

/* Compact purchase and active-payment header; absent promotion must not reserve a column. */
.payment-page>.billing-header{grid-column:1/-1!important;padding:18px 22px!important;min-height:0!important}.payment-page:has(>.recharge-promotion)>.billing-header{grid-column:2!important}.payment-page>.recharge-promotion{padding:20px!important;gap:12px!important}.payment-page .recharge-promotion h2{font-size:21px!important;line-height:1.4!important}.payment-page .recharge-promotion p{font-size:13px!important;line-height:1.65!important}.payment-page .billing-header-content{gap:12px!important}.payment-page .billing-heading h1{font-size:20px!important;margin:0!important}.payment-page .payment-header-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 210px;gap:16px!important;align-items:center!important}.payment-page .studio-payment-entry{padding:12px!important;gap:14px!important;grid-template-columns:auto minmax(0,1fr)!important}.payment-page .studio-payment-codes{gap:9px!important}.payment-page .studio-payment-codes .contact-thumbnail{width:88px!important;height:88px!important}.payment-page .contact-image-hint{font-size:11px!important}.payment-page .studio-payment-entry p{font-size:12px!important;line-height:1.65!important;margin:5px 0!important}.payment-page .payment-header-side{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;min-width:0!important}.payment-page .payment-header-side-top{display:flex!important;flex-direction:column-reverse!important;gap:10px!important;align-items:stretch!important}.payment-page .billing-balance{width:100%!important;padding:10px 14px!important;margin:0!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.payment-page .billing-balance strong{font-size:24px!important}.payment-page .payment-header-side .btn{padding:8px 12px!important;min-height:36px!important;font-size:12px!important}.payment-page .payment-header-side>div:last-child{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;font-size:12px!important}
.payment-page .cat-quick-amounts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 15px}.payment-page .cat-quick-amounts button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:88px;padding:10px 17px;border:1px solid var(--pay-line);border-radius:15px;background:var(--pay-soft);color:var(--pay-ink);font-weight:650;cursor:pointer;transition:background .15s,transform .15s}.payment-page .cat-quick-amounts button:before{content:'ฅ';font-size:19px;opacity:.72}.payment-page .cat-quick-amounts button:hover{transform:translateY(-2px);border-color:#75a990}.payment-page .cat-quick-amounts button[aria-pressed=true]{background:#367a5c;color:#fff;border-color:#367a5c}.payment-page .cat-quick-amounts button:focus-visible{outline:2px solid #67a88a;outline-offset:3px}
@media(max-width:1450px){.payment-page:has(>.recharge-promotion){grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)}.payment-page:has(>.recharge-promotion) .payment-header-actions{grid-template-columns:minmax(0,1fr)}.payment-page:has(>.recharge-promotion) .payment-header-side{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}.payment-page:has(>.recharge-promotion) .payment-header-side-top{flex-direction:row!important;flex-wrap:wrap}.payment-page:has(>.recharge-promotion) .billing-balance{width:auto!important}}
@media(max-width:1100px){.payment-page .payment-header-actions{grid-template-columns:minmax(0,1fr)!important}.payment-page .payment-header-side{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}.payment-page .payment-header-side-top{flex-direction:row!important;flex-wrap:wrap}.payment-page .studio-payment-entry{grid-template-columns:1fr!important}}
@media(max-width:850px){.payment-page>.billing-header{padding:16px!important}.payment-page .studio-payment-entry{grid-template-columns:1fr!important}.payment-page .payment-header-side,.payment-page:has(>.recharge-promotion) .payment-header-side{display:flex!important;flex-direction:column!important}.payment-page .payment-header-side-top{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important}.payment-page .billing-balance strong{font-size:21px!important}.payment-page .cat-quick-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.payment-page .cat-quick-amounts button{min-width:0;padding:9px 5px;gap:4px;font-size:13px}.payment-page .studio-payment-codes .contact-thumbnail{width:82px!important;height:82px!important}}
