/* Shared account controls and a small, dependency-free sign-in screen. */
.studio-account[hidden],[hidden]{display:none!important}
.studio-account{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0 0;font-size:12px}
.studio-account span{color:#91a8ad;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-account a{color:#77e0c3;text-decoration:none}
.studio-account button{font-size:11px;padding:7px 11px}
.account-policy-links,.account-policy-links nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:12px}
.account-policy-links{margin-top:20px}.account-shell>.account-policy-links{grid-column:1/-1;justify-content:flex-end}
.account-policy-links a{color:#a6ccc0;text-underline-offset:3px}.account-policy-links a:focus-visible{outline:2px solid #77e0c3;outline-offset:4px}
.account-page{margin:0;min-height:100vh;color:#f0f5f3;background:radial-gradient(ellipse at 10% 15%,#153731 0,transparent 48%),#08131d;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.account-page *{box-sizing:border-box}
.account-shell{width:min(1050px,100%);margin:auto;padding:48px 28px 64px;display:grid;grid-template-columns:1.1fr 1fr;column-gap:76px;align-items:start}
.account-brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;grid-column:1/-1;margin-bottom:62px;font-weight:750;font-size:19px}
.account-brand small{display:block;font-size:10px;color:#91a8ad;text-transform:uppercase;letter-spacing:.18em;font-weight:500}
.account-mark{display:grid;place-items:center;background:linear-gradient(135deg,#77e0c3,#3b7a9a);border-radius:13px;width:43px;height:43px;color:#08131d;font-size:16px}
.account-eyebrow{color:#77e0c3;font-size:10px;font-weight:800;letter-spacing:.18em}
.account-intro h1{font:500 clamp(42px,6vw,64px)/1.06 Georgia,serif;letter-spacing:-.04em;margin:24px 0}
.account-intro h1 em{color:#77e0c3;font-weight:400}
.account-intro>p:not(.account-eyebrow){color:#a8bbbd;max-width:365px}
.account-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;max-width:350px}
.account-benefits span{font-size:11px;color:#b9d6ce;border:1px solid #2c4c49;border-radius:99px;padding:5px 10px;background:#16322e66}
.account-wave{font-size:30px;color:#77e0c3;letter-spacing:5px;margin:40px 0 24px;opacity:.75}
.account-intro .account-privacy{border-top:1px solid #24403f;padding-top:20px;font-size:12px;color:#91a8ad}
.account-panel{background:linear-gradient(150deg,#142a35,#0e1d28);border:1px solid #28404b;border-radius:22px;padding:30px;box-shadow:0 24px 70px #0003;min-width:0}
.account-panel h2{font:500 28px/1.18 Georgia,serif;margin:7px 0 0}
.account-panel h3{font-size:16px;margin:0}
.account-panel form{display:grid;gap:15px}
.account-panel p{margin:0}
.account-muted{color:#a3b5b9;font-size:13px}
.account-panel label{display:grid;gap:7px;font-size:12px;color:#c0d0d1;font-weight:600}
.account-panel input,.account-panel textarea,.account-panel select{border:1px solid #30464f;border-radius:10px;background:#091922;color:#f0f5f3;width:100%;padding:12px;font:inherit;font-size:14px;line-height:1.4}
.account-panel input:focus,.account-panel textarea:focus,.account-panel select:focus{outline:2px solid #77e0c3;outline-offset:2px}
.account-panel button,.account-button{font:inherit;font-size:13px;line-height:1.4;font-weight:700;cursor:pointer;color:#06161d;background:#77e0c3;border:1px solid transparent;border-radius:10px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}
.account-panel button:hover,.account-button:hover{filter:brightness(1.08)}
.account-panel button:disabled{opacity:.5;cursor:wait}
.account-panel button:disabled:not([aria-busy="true"]){cursor:not-allowed}
.account-panel button:focus-visible,.account-panel a:focus-visible,.studio-account a:focus-visible{outline:2px solid #77e0c3;outline-offset:3px}
.account-panel .account-secondary{background:#203847;border-color:#304851;color:#d9e7e6}
.account-panel .account-text-link{color:#77e0c3;background:none;border:0;padding:0;text-align:left;justify-content:start;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;justify-self:start}
#password-recovery{display:grid;gap:16px}
#password-recovery .account-eyebrow{margin-bottom:-9px}
#password-recovery .account-message{margin-top:0}
#password-recovery .account-button{width:100%}
.account-tabs{display:flex;gap:5px;padding:4px;background:#091922;border-radius:12px;margin-bottom:27px}
.account-tabs button{flex:1;font-size:12px;padding:9px 8px;background:transparent;color:#a3b5b9}
.account-tabs button.selected{color:#77e0c3;background:#1c343c}
.account-access-heading{display:grid;gap:10px;margin-bottom:24px}
.account-access-heading h2{font-size:30px}
.account-google-access{margin-bottom:20px}
.account-panel .account-google{width:100%;background:#f6f9fa;border-color:#dce4e8;color:#23343f;gap:12px;min-height:46px}
.account-google-mark{display:block;width:20px;height:20px;flex:0 0 20px}
.account-panel .account-google-pilot{margin-top:10px;padding:9px 11px;border-left:2px solid #77e0c3;background:#091922;border-radius:0 6px 6px 0}
.account-divider{display:flex;align-items:center;gap:12px;color:#91a8ad;font-size:11px;margin-top:20px}
.account-divider::before,.account-divider::after{content:"";height:1px;background:#30464f;flex:1}
.account-access-alternatives{border-top:1px solid #28404b;margin-top:24px;padding-top:18px;display:grid;gap:10px}
.account-panel .account-access-alternatives button{min-height:28px;line-height:1.5}
.account-panel .account-access-privacy{margin-top:18px}
#registration-success{margin-top:0}
#account-first-password{margin-top:24px}
.account-panel .account-help{font-size:11px;color:#91a8ad;line-height:1.5}
.account-panel .account-message{font-size:13px;color:#77e0c3;white-space:pre-line;margin-top:18px;overflow-wrap:anywhere}
.account-panel .account-message:empty{margin-top:0}
.account-panel .account-message.error{color:#ff9592}
.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.account-section{border-top:1px solid #28404b;padding-top:24px;margin-top:24px}
#account-manage h2{overflow-wrap:anywhere}
#account-email{margin-top:8px;overflow-wrap:anywhere}
#account-usage{margin-top:16px;padding:12px;border:1px solid #304851;border-radius:10px;color:#b7d5cd;font-size:12px;white-space:pre-line}
.account-notice{display:grid;gap:12px;margin:20px 0;padding:18px;background:#0d242b;border:1px solid #3b6561;border-radius:14px}
.account-notice h2{font-size:24px}
.account-verified{margin-top:12px!important;color:#77e0c3;font-size:12px}
.account-section-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}
.account-badge{font-size:10px;letter-spacing:.04em;border:1px solid #8e7139;border-radius:6px;padding:3px 6px;color:#ffe0a4;background:#392e20}
#account-billing{display:grid;gap:14px}
.account-card-list{display:grid;gap:12px}
.account-card-list:empty{display:none}
.account-plan{display:grid;gap:10px;border:1px solid #35524f;background:#0b202a;border-radius:14px;padding:17px;min-width:0}
.account-plan h4,#billing-payments h4{margin:0;font-size:14px}
.account-plan-price{font-size:24px;line-height:1.2;color:#edf8f1}
.account-promotion-fields{display:grid;gap:10px;padding:12px;border:1px solid #304851;border-radius:10px}
.account-promotion-fields button{justify-self:start}
.account-promotion-message{overflow-wrap:anywhere}
.account-plan-state{font-size:12px;color:#77e0c3}
.account-panel .account-renewal-consent{display:flex;align-items:flex-start;gap:10px;margin:5px 0;line-height:1.5;font-weight:400}
.account-panel .account-renewal-consent input{width:17px;height:17px;flex:0 0 17px;padding:0;margin:2px 0 0;accent-color:#77e0c3}
.account-payment-list{list-style:none;padding:0;margin:8px 0 0;font-size:12px;color:#b7c9ca}
.account-payment-list li{padding:9px 0;border-bottom:1px solid #28404b}
#refresh-billing{justify-self:start;font-size:11px;padding:8px 10px}
#account-invitations{display:grid;gap:14px}
#account-deletion,#deletion-inbox{display:grid;gap:14px}
#deletion-inbox-list{overflow-wrap:anywhere}
#invite-result{display:grid;gap:10px}
#invite-link{font:12px/1.5 ui-monospace,monospace;resize:vertical}
@media(max-width:760px){.account-shell{grid-template-columns:1fr;width:min(490px,100%);padding:24px 18px 40px;gap:24px}.account-brand{margin-bottom:0}.account-intro h1{font-size:40px;margin:12px 0}.account-intro>p:not(.account-eyebrow),.account-wave,.account-benefits{display:none}.account-intro .account-privacy{display:block!important;border:0;padding:0}.account-panel{padding:24px;border-radius:18px}.account-access-heading h2{font-size:27px}.account-panel input,.account-panel textarea,.account-panel select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.account-page *{scroll-behavior:auto}}