[hidden] { display: none !important; }
.account-layout {max-width:1100px;margin:clamp(2rem,8vw,7rem) auto;padding:0 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,7vw,6rem);align-items:start}
.account-layout h1 {font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;margin:1rem 0 2rem}
.account-layout p {line-height:1.7}.account-card {border:1px solid currentColor;padding:clamp(1.5rem,4vw,3rem);border-radius:16px}
.account-card label {display:block;margin:1.2rem 0 .5rem}.account-card input:not([type=checkbox]){display:block;width:100%;padding:14px;margin-top:8px;border:1px solid #888;border-radius:6px;background:transparent;color:inherit;font:inherit}
.account-card button {padding:14px 24px;width:100%;margin:1rem 0;font:inherit;cursor:pointer}.account-legal{font-size:.85rem;opacity:.8}
.account-card .terms-check {display:flex;gap:12px;align-items:start}.account-card .terms-check input{margin-top:5px}
body:not([data-authenticated]) #generation-form > :not(#auth-panel),body:not([data-authenticated]) #result-stage {display:none!important}
body:not([data-authenticated]) #generation-form:not(:has(#auth-panel)) {display:none!important}
#auth-form {display:none!important}
@media(max-width:720px){.account-layout{grid-template-columns:1fr;margin:2rem auto}.account-layout h1{font-size:2.5rem}}
