.account-main{max-width:1100px;padding-top:42px;padding-bottom:60px}.account-main h1{font:48px/1.1 Georgia,serif;margin:16px 0 24px}.account-main h2{font:30px/1.2 Georgia,serif}.account-main p{font-size:14px;line-height:1.65}.account-main a:not(.primary){text-decoration:underline;text-underline-offset:3px}.account-main .primary{display:inline-block}.account-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.account-summary strong{font:32px Georgia,serif}.account-summary p{margin:4px 0}.account-summary span{font-size:13px}.account-actions,.account-pagination,.account-tabs,.account-card-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.account-actions{margin:20px 0}.account-tabs{border-block:1px solid var(--line);padding:18px 0;margin:28px 0}.account-tabs a[aria-current=page]{font-weight:bold;color:var(--orange)}.account-list{display:grid;gap:16px;margin:24px 0}.account-card{padding:20px;border:1px solid var(--line);background:var(--white);border-radius:8px;overflow-wrap:anywhere}.account-card h3{font:23px Georgia,serif;margin:0 0 10px}.account-card p{margin:8px 0}.account-card-actions{margin-top:14px}.account-pagination{justify-content:space-between}.account-notice{padding:16px;border-left:3px solid var(--green);background:var(--surface)}.account-section{scroll-margin-top:20px}.account-section label{display:block;font-size:14px;margin:18px 0 8px;line-height:1.6}.account-section input:not([type=checkbox]),.account-section textarea,.account-section select{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);font:inherit}.account-section input[type=checkbox]{margin-right:8px}.account-section form{max-width:700px}.account-section form>button{margin-top:20px}.account-reset{margin-top:30px;padding:18px;border:1px solid var(--line)}.account-reset summary{font-weight:bold}.account-reset button{margin-top:16px}#account-id{overflow-wrap:anywhere}#page-status:empty{display:none}.support-ticket textarea{width:100%;padding:12px;margin:10px 0;min-height:100px}.support-ticket label{display:block;font-size:13px;line-height:1.6;margin:12px 0}.support-ticket select{padding:8px;max-width:100%}.support-ticket .account-card-actions{margin-top:14px}@media(max-width:680px){.account-main{padding:28px 20px 40px}.account-main h1{font-size:36px}.account-summary{grid-template-columns:1fr;padding:18px;gap:18px}.account-tabs{gap:18px 22px}.account-card{padding:16px}.account-actions{gap:12px}.account-main .primary,.account-main .secondary{white-space:normal}.masthead .header-actions a{font-size:12px}.account-pagination{gap:10px}}

.account-song-cover{float:right;margin:0 0 12px 16px;display:block}.account-song-cover img{display:block;width:64px;height:64px;object-fit:cover;border-radius:4px}.account-card::after{content:'';display:block;clear:both}
#enforcement-notices textarea{display:block;width:100%;max-width:700px;min-height:100px;padding:12px;margin:12px 0;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);font:inherit}#join-form label,#terms-update label{display:block;font-size:14px;line-height:1.6;margin:18px 0 12px}#join-form button,#terms-update button{margin-top:12px}#terms-update{padding:20px;border:1px solid var(--line);margin:20px 0}#enforcement-notices{overflow-wrap:anywhere}

.credit-room{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:20px 0 32px}.credit-room h3{font:27px/1.2 Georgia,serif;margin:12px 0}.credit-room>div+div{border-left:1px solid var(--line);padding-left:32px}.credit-room .primary,.credit-room .secondary{margin-top:12px}.credit-room:has(>div[hidden]){grid-template-columns:1fr}@media(max-width:680px){.credit-room{grid-template-columns:1fr;padding:20px;gap:24px}.credit-room>div+div{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}}

/* The studio shows spendable credits, free song grants and rate limits separately. */
.studio-wallet{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white);margin:20px 0 28px}.studio-identity{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;border-bottom:1px solid var(--line);background:var(--surface)}.studio-identity h2{margin:8px 0 4px;font-size:32px;overflow-wrap:anywhere}.studio-identity p{margin:0}.studio-identity .account-card-actions{margin:0}.wallet-balances{display:grid;grid-template-columns:1.15fr 1fr}.wallet-card{padding:30px;min-width:0}.wallet-card+article{border-left:1px solid var(--line)}.wallet-number{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:18px 0 12px}.wallet-number strong{font:64px/.95 Georgia,serif;letter-spacing:-2px}.wallet-number>span{font-size:14px;color:var(--muted)}.wallet-card>p{max-width:390px}.wallet-card .primary,.wallet-card .secondary{display:inline-block;margin-top:12px;min-height:44px;text-decoration:none}.wallet-free{background:var(--surface)}.wallet-free .wallet-number strong{color:var(--green)}.credit-guide{padding:28px 30px;border-top:1px solid var(--line)}.credit-guide-heading h3{font:28px/1.2 Georgia,serif;margin:0 0 8px}.credit-guide-heading>p{color:var(--muted);margin:0 0 24px}.credit-costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.credit-costs article{min-width:0}.cost-number{display:block;font:30px Georgia,serif;color:var(--orange)}.cost-number small{font:12px Arial,sans-serif}.credit-costs h4{font:20px/1.25 Georgia,serif;margin:14px 0 10px}.credit-costs p{margin:0 0 12px}.credit-costs a{font-size:13px}.daily-budget{padding:18px 30px;border-top:1px solid var(--line);background:var(--surface)}.daily-budget strong{font-size:16px}.daily-budget span{font-size:13px}.daily-budget p{margin:6px 0 0}.studio-wallet>.account-notice{margin:0;border-left:0;border-bottom:1px solid var(--line)}.display-name-settings{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.display-name-settings p{overflow-wrap:anywhere}.account-main>h1{margin-bottom:10px}.account-actions{justify-content:flex-end}.account-main #generation-status{padding:10px 16px;font-size:13px}.account-main .account-tabs a{padding:6px 0;min-height:36px}.account-main .fine-print{font-size:12px}
@media(max-width:680px){.studio-identity{align-items:flex-start;flex-direction:column;padding:22px}.studio-identity h2{font-size:30px}.studio-identity .account-card-actions{gap:16px}.wallet-balances{grid-template-columns:1fr}.wallet-card{padding:24px 22px}.wallet-card+article{border-left:0;border-top:1px solid var(--line)}.wallet-number strong{font-size:56px}.credit-guide{padding:24px 22px}.credit-costs{grid-template-columns:1fr;gap:22px}.credit-costs article+article{border-top:1px solid var(--line);padding-top:22px}.credit-costs h4{margin:8px 0}.daily-budget{padding:18px 22px}.account-actions{justify-content:flex-start}.account-main{padding-inline:16px}.studio-wallet{border-radius:12px}}

/* Section tabs stay visible as controls, with a selected shape as well as color. */
.account-main .account-tabs{display:flex;flex-wrap:nowrap;gap:6px;align-items:stretch;padding:7px;margin:28px 0 0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.account-main .account-tabs [role=tab]{display:flex;flex:1 0 auto;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;color:var(--ink);box-sizing:border-box}
.account-main .account-tabs [role=tab]:hover{background:var(--white)}
.account-main .account-tabs [aria-selected=true]{background:var(--white);border-color:var(--line);border-bottom:3px solid var(--orange);box-shadow:0 2px 5px #0000000a;font-weight:750}
.account-tabs [role=tab]:focus-visible,.account-section[role=tabpanel]:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.account-section[role=tabpanel]{padding-top:20px}
@media(max-width:680px){.account-main .account-tabs{border-radius:12px;gap:4px;padding:6px}.account-main .account-tabs [role=tab]{flex:0 0 auto;min-height:46px;padding:11px 14px}}