/* A compact account workspace with persistent navigation. */
html body #studioAccount.account-session-active[open]{width:min(1040px,calc(100vw - 40px))!important;height:min(740px,calc(100dvh - 40px))!important;max-height:calc(100dvh - 40px)!important;padding:24px!important;border-radius:18px!important;box-sizing:border-box!important;overflow:auto!important}
body #studioAccount.account-session-active>.account-wordmark{margin:0 0 8px!important;font-size:10px!important}
body #studioAccount.account-session-active>.guide-title{margin-bottom:8px!important}
body #studioAccount.account-session-active>.guide-title h2{font-size:24px!important}
body #studioAccount.account-session-active>.account-status{font:12px/1.4 Arial!important;margin:0 0 18px!important;border:0!important;padding:0!important;box-shadow:none!important;background:transparent!important;min-height:17px!important}
body #studioAccount.account-session-active>.business-note{display:none!important}
body #studioAccount .account-projects{display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:28px;align-items:start}
body #studioAccount .account-identity{grid-column:1;grid-row:1;padding:16px 12px 22px;border-bottom:1px solid #e5ebe7;margin-bottom:12px;min-width:0}
body #studioAccount .account-avatar{display:grid;place-items:center;background:#e8f0eb;color:#2b6049;width:40px;height:40px;border-radius:12px;font:600 14px Arial;margin-bottom:12px}
body #studioAccount .account-identity strong{display:block;font:600 14px Arial;color:#243d30;overflow-wrap:anywhere}
body #studioAccount .account-identity .account-user{font:11px/1.5 Arial!important;overflow-wrap:anywhere;color:#647769!important;margin:6px 0 0!important}
body #studioAccount .account-centre-tabs{grid-column:1;grid-row:2;display:flex;flex-direction:column;background:transparent!important;padding:0!important;margin:0!important;gap:3px;overflow:visible}
html body #studioAccount .account-centre-tabs button{text-align:left!important;padding:12px 14px!important;font:500 13px Arial!important;border-radius:8px!important}
html body #studioAccount .account-centre-tabs button[aria-pressed=true]{background:#eaf1ed!important;box-shadow:none!important;color:#245c44!important;font-weight:600!important}
body #studioAccount .account-centre-section{grid-column:2;grid-row:1 / span 2;min-width:0;padding:12px 0 24px;border-left:1px solid #e8ede9;padding-left:28px;min-height:420px}
body #studioAccount .account-centre-section h3{font-size:24px!important;letter-spacing:-.03em!important;margin:8px 0 12px!important}
body #studioAccount .account-centre-section .account-kicker{font:600 10px Arial!important;letter-spacing:.16em;margin:0 0 12px!important}
body #studioAccount .account-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
body #studioAccount .account-quick-actions button:first-child{background:#285d47!important;color:white!important;border-color:#285d47!important}
body #studioAccount .account-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
body #studioAccount .account-summary-grid article{padding:16px;background:#f6f8f6;border:1px solid #e5ebe7;border-radius:10px}
body #studioAccount .account-summary-grid strong{display:block;font:600 22px Arial;color:#243d30;margin-bottom:8px}
body #studioAccount .account-summary-grid span{font:12px Arial;color:#62756a}
body #studioAccount .account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
body #studioAccount h4{font:600 14px Arial;color:#293f33;margin:12px 0}
body #studioAccount .account-section-heading button{border:0!important;font-size:12px!important}
body #studioAccount .account-recent article{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e5ebe7;padding:12px 0}
body #studioAccount .account-project-symbol{display:grid;place-items:center;width:38px;height:44px;background:#f0f3ef;border-radius:6px;font-size:24px;color:#779080;flex-shrink:0}
body #studioAccount .account-recent article>div{flex:1;min-width:0}
body #studioAccount .account-recent strong{display:block;font:600 13px Arial;color:#263e31;overflow-wrap:anywhere}
body #studioAccount .account-recent small,body #studioAccount .cloud-project-list small{display:block;font:11px/1.6 Arial;color:#718176;margin-top:5px}
body #studioAccount .account-device-note{padding:16px;margin-top:22px;border:1px solid #e4ebe6;border-radius:10px;font:13px Arial;color:#3f5748}
body #studioAccount .account-device-note p{margin:8px 0!important;font-size:12px!important}
body #studioAccount .account-library-tools{display:grid;grid-template-columns:1fr 155px;gap:10px;margin:18px 0}
body #studioAccount .account-library-tools span{grid-column:1/-1;font:11px Arial;color:#6a7e70}
body #studioAccount .cloud-project-actions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
body #studioAccount .cloud-project-actions button{font-size:11px!important;padding:8px 10px!important}
body #studioAccount .cloud-project-actions button:first-child{background:#285d47!important;color:white!important}
body #studioAccount .account-billing-records article{border:1px solid #dfe8e2;border-radius:10px;padding:16px;margin:12px 0;font:14px Arial;color:#284334}
body #studioAccount .account-save-design{padding:12px!important;margin:16px 0!important}
body #studioAccount .account-save-design:not([open])>summary{margin-bottom:0!important}
@media(max-width:720px){html body #studioAccount.account-session-active[open]{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:18px!important}body #studioAccount .account-projects{display:block}body #studioAccount .account-identity{display:none}body #studioAccount .account-centre-tabs{flex-direction:row;overflow:auto;gap:4px;margin-bottom:18px!important}body #studioAccount .account-centre-tabs button{flex:0 0 auto}body #studioAccount .account-centre-section{border:0;padding:0!important;min-height:0}body #studioAccount .account-library-tools{grid-template-columns:1fr}body #studioAccount .account-summary-grid strong{font-size:19px}}
