/* Restore the approved public landing and full-page account compositions. */
.public-nav{display:none}
body[data-studio-route=welcome]>.sidebar,body[data-studio-route=welcome] .page-heading{display:none}
body[data-studio-route=welcome]>main{margin:0 auto;max-width:1536px;padding:0 72px 40px}
body[data-studio-route=welcome] .public-nav{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1536px;padding:25px 72px;margin:auto;height:112px}
.public-brand{display:flex;align-items:center;gap:13px;font-size:32px;font-weight:650;color:#162b43;text-decoration:none}.public-brand img{width:48px;height:58px;object-fit:contain}
.public-nav nav{display:flex;gap:40px}.public-nav nav a{text-decoration:none;color:#46627e;font-size:17px}.public-start{display:flex;gap:40px;align-items:center;text-decoration:none}
body[data-studio-route=welcome] .welcome-page{max-width:none;--welcome-orange:#ef5b13;--welcome-ink:#172c43}
body[data-studio-route=welcome] .hero{min-height:440px;padding:16px 0 44px;grid-template-columns:1fr 1fr;gap:0 10px}
body[data-studio-route=welcome] .hero h1{font-size:clamp(48px,4.9vw,76px);line-height:1.28;letter-spacing:-2px}
body[data-studio-route=welcome] .hero-description{font-size:22px;margin-top:22px}
body[data-studio-route=welcome] .hero-art img{max-height:410px}
body[data-studio-route=welcome] .hero-actions{margin-top:26px;gap:26px}
body[data-studio-route=welcome] .hero-note{font-size:13px}
body[data-studio-route=welcome] .experience{padding:28px 34px;border-radius:20px;box-shadow:0 8px 40px #31557e05}
body[data-studio-route=welcome] .section-heading h2{font-size:32px}
body[data-studio-route=welcome] .sample-document,body[data-studio-route=welcome] .sample-sound{min-height:180px}
body[data-studio-route=welcome] .workflow{margin-top:26px;padding:0 12px}
body:is([data-studio-route=history],[data-studio-route=credits])>main{padding:32px 36px 54px}
body:is([data-studio-route=history],[data-studio-route=credits]) .page-heading{min-height:142px;align-items:center}
body:is([data-studio-route=history],[data-studio-route=credits]) .page-heading h1{font-size:46px}
body[data-studio-route=history] .page-heading>div:first-child:before{content:'创作空间 / 历史作品';display:block;margin-bottom:14px;font-size:13px;color:#6e849e}
body[data-studio-route=credits] .page-heading>div:first-child:before{content:'用户空间 / 积分与充值';display:block;margin-bottom:14px;font-size:13px;color:#6e849e}
.history-workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:22px;align-items:start}.history-master,.history-detail{min-width:0;padding:25px 24px;min-height:600px}.workspace-table-wrap{overflow:auto;width:100%}.workspace-table-wrap table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.workspace-table-wrap th{font-weight:500;color:#778ba4;white-space:nowrap;background:#f8fafc}.workspace-table-wrap th,.workspace-table-wrap td{padding:16px 10px;border-bottom:1px solid #edf1f5}.workspace-table-wrap td small{display:block;color:#8093aa;font-size:11px;margin-top:6px}.workspace-table-wrap td{overflow-wrap:anywhere}.workspace-table-wrap .selected{background:#fff7f1;outline:1px solid #efaa7e;outline-offset:-1px}.history-title,.history-view{background:none;border:0;box-shadow:none;padding:0;min-height:30px;text-align:left}.history-title{color:#243c58;font-size:14px;max-width:190px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-view{color:#dd5a1c;white-space:nowrap}.history-master .tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px}.history-master .tabs button,.credit-ledger .tabs button,.history-detail .tabs button{border:0;border-radius:0;background:none;box-shadow:none;color:#6b8099;padding:10px 7px;font-size:13px;border-bottom:2px solid transparent}.tabs button[aria-pressed=true]{color:#de5818;border-bottom-color:#ef651f;background:none}.history-page-footer{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px}.workspace-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.workspace-card-heading h2{margin:0;overflow-wrap:anywhere}.workspace-card-heading .badge{white-space:nowrap;flex:none}.history-document{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;padding:22px;border:1px solid #e6edf3;border-radius:12px;line-height:1.9;min-height:240px;max-height:400px;overflow:auto;margin:22px 0}.history-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.history-audio{display:flex;align-items:center;gap:15px;padding:20px 0}.history-detail .snapshot{margin:22px 0;min-height:240px;overflow-wrap:anywhere}.history-detail .snapshot[hidden]{display:none}.history-detail>p.muted{font-size:12px}
.credit-balance{display:flex;justify-content:space-between;align-items:center;min-height:172px;padding:25px 34px}.credit-balance p{margin:0 0 8px;color:#5c7795}.credit-balance strong{font-size:52px;font-weight:600;line-height:1.25;margin-right:12px;color:#19324d}.credit-balance .muted{margin:12px 0 0;font-size:13px}.credit-art{width:290px;height:140px;background:url('assets/studio-hero.png') center/contain no-repeat;opacity:.8}.credit-packages,.credit-ledger{margin-top:22px;padding:25px 30px}.credit-packages h2{margin:0}.credit-packages>p{font-size:13px;margin:7px 0 20px}.credit-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.credit-package-option{position:relative;padding:22px;border:1px solid #dce6f1;border-radius:13px;display:flex;flex-direction:column;gap:9px;background:#fbfcfe;cursor:pointer}.credit-package-option:has(input:checked){border-color:#ef782f;background:#fff7f1;box-shadow:0 0 0 1px #ef782f33}.credit-package-option input{position:absolute;right:16px;top:16px;accent-color:#ed641b}.credit-package-option strong{font-size:30px;color:#19324d;font-weight:600}.credit-package-option small{font-size:12px;color:#6e819a;font-weight:400}.credit-purchase-actions{display:flex;align-items:center;gap:20px;margin-top:20px;font-size:12px}.credit-purchase-actions button[hidden]{display:none}.credit-ledger .tabs{margin:15px 0 8px}.credit-ledger>p{font-size:12px}.credit-ledger .workspace-card-heading>span{font-size:12px}.credit-ledger td:nth-child(2){max-width:350px}
@media(min-width:1100px){body:is([data-studio-route=history],[data-studio-route=credits]) .sidebar nav>a{min-height:48px;padding-block:10px}body:is([data-studio-route=history],[data-studio-route=credits]) .sidebar nav{gap:6px}}
@media(max-width:1100px){.history-workspace{grid-template-columns:1fr}.history-master,.history-detail{min-height:0}.credit-package-grid{gap:10px}.credit-package-option{padding:20px 14px}body[data-studio-route=welcome]>main{padding:0 32px 30px}body[data-studio-route=welcome] .public-nav{padding:20px 32px}.public-nav nav{gap:20px}body[data-studio-route=welcome] .hero h1{font-size:52px}}
@media(max-width:760px){body[data-studio-route=welcome] .public-nav{height:85px;padding:15px 20px;gap:12px}.public-brand{font-size:25px;gap:8px}.public-brand img{width:34px;height:42px}.public-nav nav{display:none}.public-start{gap:15px;font-size:13px;min-height:40px;padding:8px 14px}body[data-studio-route=welcome]>main{padding:0 20px 30px}body[data-studio-route=welcome] .hero{min-height:0;padding:22px 0}body[data-studio-route=welcome] .hero h1{font-size:44px;letter-spacing:-1px}body[data-studio-route=welcome] .hero-description{font-size:16px;margin-top:15px}body[data-studio-route=welcome] .hero-art{height:210px}body[data-studio-route=welcome] .hero-actions{margin-top:5px}body[data-studio-route=welcome] .experience{padding:20px 15px}body[data-studio-route=welcome] .section-heading h2{font-size:24px}body:is([data-studio-route=history],[data-studio-route=credits])>main{padding:18px 15px 40px}body:is([data-studio-route=history],[data-studio-route=credits]) .page-heading{min-height:115px}body:is([data-studio-route=history],[data-studio-route=credits]) .page-heading h1{font-size:32px}.history-master,.history-detail{padding:20px 15px}.history-title{max-width:130px}.workspace-table-wrap td,.workspace-table-wrap th{padding:13px 7px}.workspace-table-wrap table{font-size:12px}.history-master table{min-width:400px}.credit-balance{padding:23px}.credit-art{display:none}.credit-balance strong{font-size:44px}.credit-packages,.credit-ledger{padding:20px}.credit-package-grid{grid-template-columns:1fr}.credit-package-option{padding:16px 20px;gap:4px}.credit-package-option strong{font-size:25px}.credit-purchase-actions{align-items:stretch;flex-direction:column;gap:10px}.credit-ledger table{min-width:620px}.workspace-card-heading h2{font-size:20px}.history-detail-actions{flex-direction:column}}
/* Keep the three account sections at the proportions of the approved board. */
body[data-studio-route=credits] .page-heading{min-height:112px;margin-bottom:22px}
.credit-balance{min-height:170px;gap:35px;padding:25px 32px}.credit-balance>div:first-child{min-width:220px}.credit-held{border-left:1px solid #dce6f1;padding-left:45px;flex:1}.credit-held strong{font-size:42px}.credit-art{width:250px;height:115px;flex:none}.credit-package-option input{width:18px!important;height:18px!important;margin:0!important}.credit-packages{margin-top:14px;padding:20px 28px}.credit-packages>p{margin-bottom:14px}.credit-package-option{padding:16px 20px;gap:5px}.credit-package-option strong{font-size:28px}.credit-purchase-actions{margin-top:15px}.credit-ledger{margin-top:14px;padding:20px 28px;position:relative}.credit-ledger .tabs{position:absolute;right:28px;top:12px;margin:0;gap:8px}.credit-ledger .workspace-card-heading>span{display:none}.credit-ledger .workspace-table-wrap{margin-top:18px;border:1px solid #e7edf4;border-radius:10px}.credit-ledger th,.credit-ledger td{padding:9px 14px}.credit-ledger .badge{background:none;padding:0}.credit-ledger>p{margin:8px 0 0}.ledger-paging{display:flex;justify-content:flex-end;gap:15px;align-items:center;margin-top:10px;font-size:12px}.ledger-paging button{min-height:30px;width:30px;padding:0}.credit-ledger .workspace-card-heading{padding-right:270px}
@media(max-width:1100px){.credit-art{display:none}.credit-held{padding-left:25px}}
@media(max-width:760px){.credit-balance{gap:20px;align-items:flex-start}.credit-balance>div:first-child{min-width:0}.credit-balance strong{font-size:35px}.credit-held{padding-left:20px}.credit-held strong{font-size:30px}.credit-balance .muted{font-size:11px}.credit-packages,.credit-ledger{padding:20px}.credit-ledger .tabs{position:static;flex-wrap:wrap;margin-top:10px}.credit-ledger .workspace-card-heading{padding:0}.credit-package-option{padding:16px 20px}}
.credit-art{position:relative;background:radial-gradient(ellipse at 55% 90%,#ffe9d7,transparent 66%);height:120px}.credit-receipt{position:absolute;left:25px;top:1px;width:145px;height:115px;border:1px solid #edf1f7;border-radius:15px 15px 7px 7px;background:linear-gradient(120deg,#fff,#eef4fb);box-shadow:10px 12px 20px #294d7620;transform:skew(-12deg);padding:20px}.credit-receipt i{display:block;height:4px;border-radius:2px;margin:0 0 13px;background:#bacbe0}.credit-receipt i:nth-child(2){width:75%}.credit-receipt i:nth-child(4){width:60%}.credit-coin{position:absolute;width:85px;height:85px;border:5px solid #ffb47e;border-radius:50%;background:linear-gradient(135deg,#ff9e52,#ed651b);box-shadow:4px 5px 0 #dd611e,12px 14px 25px #c4682533;right:12px;bottom:3px;display:grid;place-items:center;transform:rotate(12deg)}.credit-coin img{width:46px;height:55px;object-fit:contain;filter:brightness(0) invert(1)}
body[data-studio-route=welcome] .hero-art img{mix-blend-mode:multiply}
.public-account-actions{display:flex;align-items:center;gap:25px}#public-login{border:0;background:transparent;box-shadow:none;font-size:16px;color:#42607e}@media(max-width:760px){.public-account-actions{gap:8px}#public-login{font-size:12px;padding:6px}.public-start{gap:10px}}
@media(min-width:1101px){body:is([data-studio-route=history],[data-studio-route=credits]) .page-heading h1{font-size:52px}.credit-balance strong{font-size:58px}.credit-held strong{font-size:46px}.credit-package-option>span{font-size:18px}.credit-package-option strong{font-size:32px}.credit-ledger table{font-size:15px}.history-title{font-size:15px}.history-master .tabs button,.history-detail .tabs button{font-size:14px}.history-detail .history-document{font-size:16px}}
@media(min-width:1101px){body[data-studio-route=welcome] .hero{grid-template-columns:.95fr 1.05fr}body[data-studio-route=welcome] .hero h1{font-size:84px}body[data-studio-route=welcome] .hero-art{position:relative;min-height:400px;overflow:hidden}body[data-studio-route=welcome] .hero-art img{position:absolute;width:148%;max-width:none;max-height:none;right:-13%;top:50%;transform:translateY(-50%);flex:none}}