/* The studio uses the same room, materials and accents as the member dashboard. */
.studio-intro{display:flex;align-items:center;gap:32px;padding:24px 36px;margin-bottom:24px;border:1px solid #655778;border-radius:15px;background:radial-gradient(ellipse at 14% 80%,#5d447a77,transparent 48%),linear-gradient(110deg,#242c43,#1b323e);overflow:hidden}
.studio-intro>img{width:185px;height:185px;object-fit:contain;flex:none}.studio-intro h2{font-size:30px;line-height:1.2;margin:11px 0}.studio-intro p{font-size:13px;line-height:1.8;color:#b2c6d5;max-width:620px}.studio-intro ol{display:flex;gap:25px;list-style:none;padding:0;margin:22px 0 0}.studio-intro li{display:flex;align-items:center;gap:8px;font-size:11px;color:#c9c0e5}.studio-intro li b{width:23px;height:23px;display:grid;place-items:center;background:#77608b40;border:1px solid #8d78a760;border-radius:8px;font-size:10px;color:#ebddff}
#tab-studio .studio-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}#tab-studio #style-form{padding:28px;border-radius:13px;background:linear-gradient(145deg,#22333d,#192c37)}#tab-studio #style-form h2{font-size:25px}#tab-studio .studio-preview{padding:28px;background:linear-gradient(135deg,#222e42,#172c35);border-color:#455368;border-radius:13px;min-width:0}#tab-studio .template-choices{gap:10px}#tab-studio .template-choices button{border-radius:9px;padding:12px}#tab-studio .template-choices b{font-size:12px}#tab-studio .template-choices span{font-size:9px}#tab-studio .theme-swatch{height:54px}.accent-palette{display:flex;gap:11px;margin:15px 0 27px}.accent-palette button{display:grid;place-items:center;width:35px;height:35px;background:#122532;border:1px solid #56707b;border-radius:50%;padding:4px;cursor:pointer}.accent-palette button span{width:23px;height:23px;background:var(--swatch);border-radius:50%}.accent-palette button[aria-pressed=true]{outline:2px solid #b8e1cc;outline-offset:3px}.accent-palette button:focus-visible{outline:2px solid #ffbe7f;outline-offset:3px}#signature-count{display:block;font-size:10px;color:#9db3c7;text-align:right;margin-top:7px;font-variant-numeric:tabular-nums}#tab-studio .form-actions{align-items:start;flex-direction:column;gap:13px}#reset-style{font-size:11px}#tab-studio .form-feedback{font-size:11px;line-height:1.7}
.studio-formats{display:flex;gap:6px;margin:20px 0 17px;padding:5px;background:#112333;border-radius:8px;width:fit-content;border:1px solid #3d5266}.studio-formats button{font:600 11px 'Plus Jakarta Sans',sans-serif;color:#aabdcf;background:transparent;border:0;padding:10px 17px;border-radius:5px;cursor:pointer}.studio-formats button[aria-pressed=true]{color:#d5f5e3;background:#345348;box-shadow:0 2px 6px #0002}.studio-formats button:focus-visible{outline:2px solid #9adebe;outline-offset:2px}#asset-preview{display:grid;place-items:center;min-width:0;background:#0e202e}#asset-preview>svg{display:block;width:100%;height:auto}#asset-preview[data-format=avatar]{padding:25px;min-height:260px;background:radial-gradient(ellipse,#344352,#0f212d)}#asset-preview[data-format=avatar]>svg{width:230px;max-width:100%;height:auto;border-radius:12px;box-shadow:0 15px 35px #0005}#tab-studio .preview-caption{gap:15px;font-size:12px}#tab-studio .preview-caption span{white-space:nowrap;font-size:10px}#tab-studio .download-buttons{gap:10px}#tab-studio .download-buttons .button{font-size:11px}#tab-studio .studio-inspiration{border-top:1px solid #3b5060;margin-top:26px;padding-top:21px}#tab-studio .studio-inspiration img{width:75px;height:75px;object-fit:contain}
/* Tables become readable entries on phones, including the wallet and purchases. */
@media(max-width:760px){.wallet-history .transaction-table,#transactions-root .transaction-table{min-width:0}.wallet-history,#transactions-root{overflow-x:visible}}
@media(max-width:760px){.studio-intro{gap:17px;padding:24px 20px;align-items:start}.studio-intro>img{width:100px;height:125px;margin-top:20px}.studio-intro h2{font-size:24px}.studio-intro p{font-size:11px}.studio-intro ol{flex-wrap:wrap;gap:10px;margin-top:17px}.studio-intro li{font-size:10px}.studio-intro .eyebrow{font-size:8px}#tab-studio .studio-grid{grid-template-columns:1fr}#tab-studio #style-form,#tab-studio .studio-preview{padding:23px 20px}#tab-studio .template-choices button{padding:10px 7px}#tab-studio .template-choices span{font-size:8px}#tab-studio .template-choices b{font-size:11px}#tab-studio .download-buttons{flex-wrap:wrap}#tab-studio .download-buttons .button{min-width:120px}.wallet-history .transaction-table,.wallet-history .transaction-table tbody,#transactions-root .transaction-table,#transactions-root .transaction-table tbody{display:block;width:100%}.wallet-history .transaction-table thead,#transactions-root .transaction-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wallet-history .transaction-table tr,#transactions-root .transaction-table tr{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:17px;margin:12px 0;background:#132a36;border:1px solid #36525f;border-radius:9px}.wallet-history .transaction-table td,#transactions-root .transaction-table td{display:block;min-width:0;width:auto;padding:0;border:0;white-space:normal;text-align:left;font-size:12px}.wallet-history .transaction-table td:first-child,#transactions-root .transaction-table td:first-child{font-size:10px;color:#8eabbe}.wallet-history .transaction-table td:last-child,#transactions-root .transaction-table td:nth-child(3){font-size:17px}.wallet-history-heading{flex-wrap:wrap;gap:15px}}
@media(min-width:761px) and (max-width:1180px){#tab-studio .studio-grid{grid-template-columns:minmax(0,1fr)}.studio-intro h2{font-size:27px}}
@media(min-width:1900px){.studio-intro{padding-inline:45px}.studio-intro>img{width:225px;height:210px}#tab-studio .studio-grid{grid-template-columns:minmax(380px,.7fr) minmax(0,1.3fr)}#asset-preview[data-format=avatar]>svg{width:285px}.studio-intro h2{font-size:34px}}