*,*::before,*::after{border-radius:0!important}.zk-unified-nav{height:50px!important;min-height:50px;position:relative;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:none!important;margin-left:0!important;padding:0 5.5vw!important;background:#202526!important;border:0;border-bottom:1px solid #ffffff14;z-index:90;color:#eee;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif}.zk-brand{display:flex;align-items:center;gap:8px;color:#f2f2ee!important;text-decoration:none;white-space:nowrap;font-size:16px;line-height:1}.zk-brand img{width:27px;height:27px;object-fit:contain}.zk-tagline{font-size:10px;color:#a2aaa8}.zk-divider{font-size:13px;color:#697572}.zk-links{display:flex!important;gap:29px;align-items:center;background:transparent!important;height:50px}.zk-links a{position:relative;font-size:12px;color:#b1b8b6;text-decoration:none;padding:0!important;height:50px;display:flex;align-items:center;background:transparent!important;border:0!important}.zk-links a[aria-current]{color:#fff}.zk-links a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:8px;height:1px;background:#c4ad7a}.zk-actions{position:relative;display:flex;gap:13px;align-items:center;justify-self:end}.zk-actions>button{height:30px;min-height:0;padding:0 13px;border:1px solid #75817b;background:transparent;color:#ecefe9;font-size:11px;cursor:pointer;line-height:1;box-shadow:none}.zk-actions #zk-account{width:30px;padding:5px;border-color:#8a9690}.zk-actions svg{width:18px;height:18px}.zk-dropdown{position:absolute;top:38px;right:0;width:155px;background:#252c2c;border:1px solid #56615b;padding:6px;box-shadow:0 10px 20px #0005}.zk-dropdown[hidden]{display:none}.zk-dropdown a,.zk-dropdown button{display:block;width:100%;padding:10px;color:#dbe2da;background:none;border:0;text-align:left;font-size:12px;text-decoration:none}.zk-dropdown a:hover{background:#ffffff0b}.zk-unified-nav button:hover{border-color:#f0dec0}.zk-preview-dialog{background:#242b2c;color:#eee;border:1px solid #66736d;padding:25px;max-width:400px}.zk-preview-dialog::backdrop{background:#0008}.zk-preview-dialog button{margin-top:20px;padding:8px 20px;background:#35403d;color:#eee;border:1px solid #75817b}@media(max-width:850px){.zk-unified-nav{padding:0 20px!important}.zk-tagline,.zk-divider{display:none}.zk-links{gap:18px}}@media(max-width:580px){.zk-unified-nav{height:auto!important;grid-template-columns:1fr auto;padding:10px 15px 0!important}.zk-links{grid-row:2;grid-column:1/-1;justify-content:center;height:40px}.zk-links a{height:40px}.zk-brand{font-size:15px}.zk-actions{grid-row:1;grid-column:2}}

.model-dropdown{position:relative;min-width:0}.model-dropdown>select[hidden]{display:none!important}.model-dropdown-trigger{display:grid!important;grid-template-columns:minmax(0,1fr) 39px;align-items:center;gap:12px;width:100%;height:42px;background:#fff;border:1px solid #dbe2ea;color:#263340;padding:0 10px;text-align:left}.model-name{font-size:13px;font-weight:400;text-align:left;white-space:nowrap}.model-line{font-size:11px;font-weight:400;text-align:left;color:#738090;white-space:nowrap}.model-dropdown-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;background:#fff;border:1px solid #cbd5e0;box-shadow:0 8px 20px #172d431a;padding:4px 0;max-height:350px;overflow:auto}.model-dropdown-menu[hidden]{display:none}.model-dropdown-menu>button{display:grid;grid-template-columns:minmax(0,1fr) 39px;gap:12px;width:100%;align-items:center;text-align:left;background:white;border:0;padding:10px;color:#263340;cursor:pointer}.model-dropdown-menu>button:hover,.model-dropdown-menu>button:focus-visible{background:#eef5ff;outline:none}.model-dropdown-menu>button.selected{background:#e5f0ff}.model-dropdown-trigger:focus-visible{outline:1px solid #2888e8;outline-offset:2px}

#reference-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,112px);gap:10px;margin:18px 0 14px}.reference-upload-slot{position:relative;min-width:0;border:1px solid #dce3eb;background:#fafbfd}.reference-upload-button{border:0;background:transparent;width:100%;height:100%;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#7f8c9c;cursor:pointer}.reference-upload-button span{font-size:11px}.reference-upload-button b{font-size:28px;line-height:1;font-weight:300;color:#2888e8}.reference-upload-button img{width:100%;height:100%;object-fit:contain}.reference-upload-slot:hover,.reference-upload-slot.drag-over{border-color:#2888e8;background:#edf5ff}.reference-upload-remove{position:absolute;right:2px;top:2px;width:20px;height:20px;border:1px solid #dce3eb;background:#fffe;color:#566779;cursor:pointer;line-height:16px;padding:0}.generation-settings-grid{margin-top:30px!important}.model-dropdown-trigger{grid-template-columns:minmax(0,1fr) 35px 8px;gap:8px}.model-dropdown-arrow{width:6px;height:6px;border-right:1.5px solid #263340;border-bottom:1.5px solid #263340;transform:rotate(45deg);align-self:center;margin-top:-3px}

/* Account sizing and recharge alignment approved review changes. */
.ai-studio-page .studio-account-summary{padding:10px 12px 10px 16px;gap:12px;min-height:52px}
.ai-studio-page .studio-account-summary a{align-items:baseline;gap:10px}
.ai-studio-page .studio-account-balance{font-size:18px}
.ai-studio-page .studio-account-balance strong{font-size:22px}
.ai-studio-page .studio-account-summary button{width:34px;height:34px;font-size:22px}
.recharge-page .recharge-hero{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible;align-items:stretch;gap:48px}
.recharge-page .recharge-hero>div:first-child{display:flex;flex-direction:column;align-items:stretch;text-align:left}
.recharge-page .recharge-hero h1{margin:0 0 12px}
.recharge-page .recharge-hero .lead{margin:0 0 22px}
.recharge-page .recharge-inline-redeem{margin: auto 0 0;max-width:none;text-align:left;grid-template-columns:106px minmax(0,1fr);gap:16px}
.recharge-page .recharge-inline-redeem label{text-align:left}
.recharge-page .recharge-account-summary{display:flex;flex-direction:column;justify-content:center}
.recharge-page .recharge-account-summary>strong{margin-top:7px}
.recharge-page .recharge-title-row h2{margin-top:0}
.recharge-card.is-selected{border-color:#0071e3;box-shadow:0 0 0 1px #0071e3}
@media(max-width:775px){.recharge-page .recharge-inline-redeem{grid-template-columns:1fr}.recharge-page .recharge-hero{gap:24px}}

.ai-studio-page .studio-heading{align-items:center}
.ai-studio-page .studio-heading h1{margin:0;line-height:1}
.ai-studio-page .studio-account-summary{margin:0 0 0 auto;min-height:0;height:var(--studio-title-height,50px);box-sizing:border-box;padding:4px 12px 4px 16px}
.recharge-page .invite-section{margin-top:22px}
.recharge-page .invite-card{text-align:left}
@media(max-width:805px){.ai-studio-page .studio-heading{display:flex;gap:16px}.ai-studio-page .studio-account-summary{width:auto;flex-shrink:0}.ai-studio-page .studio-heading h1{font-size:34px}}

/* Uniform section gap: previous invite bottom padding 8 + package top padding 54. */
.recharge-page{--recharge-section-gap:62px}
.recharge-page .recharge-hero{margin-top:var(--recharge-section-gap)}
.recharge-page .invite-section{margin-top:var(--recharge-section-gap);padding:0}
.recharge-page .recharge-section{margin-top:var(--recharge-section-gap);padding-top:0}
.recharge-page .account-id{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;letter-spacing:.04em}
.recharge-page .account-id[hidden],.recharge-page #login-required[hidden]{display:none}
#copy-account-number{border:1px solid #bdd6f0;background:#f5faff;color:#0071e3;font-size:12px;padding:3px 8px;cursor:pointer}
#account-copy-status{font-size:11px;color:#0071e3;letter-spacing:0}

.credit-deduction-rule{margin:16px 0 0;color:#77818b;font-size:13px;line-height:1.8;text-align:left}.credit-deduction-rule strong{color:#3d4a55}

#copy-account-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:25px;padding:3px}#copy-account-number svg{display:block}

/* All course play badges share a 4:3 rectangular silhouette. */
.learning-card-footer b{width:calc(20px * 4 / 3);height:20px;aspect-ratio:4/3;padding:0;box-sizing:border-box;flex-shrink:0;border-radius:0!important}
.course-play{display:grid;place-items:center;width:112px;height:84px;aspect-ratio:4/3;padding:0;box-sizing:border-box;border-radius:0!important}