/* Purchased: the same icon assets as the beat page, with one centered layout. */
.purchased-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.purchase-delivery-actions{gap:9px}
.purchase-delivery-actions .purchase-download{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:10px 8px;font:700 12px/1.25 Inter,sans-serif!important;letter-spacing:0;text-align:center}
.purchase-delivery-actions .purchase-download::before,.purchase-delivery-actions .purchase-download:not(.license)::before{content:none}
.purchase-delivery-actions .purchase-download>img{display:block;flex:0 0 18px;width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);margin:0;pointer-events:none}
.purchase-delivery-actions .purchase-download.license>img{filter:brightness(0)}
.purchase-delivery-actions .purchase-download>span{display:block;min-width:0;margin:0;color:inherit;font:inherit;line-height:inherit}

/* Account: a centered column, with clear labels and compact controls. */
.is-settings .account-page-head{max-width:740px;margin-left:auto;margin-right:auto}
.is-settings .settings-layout{display:block;max-width:740px;margin:0 auto}
.is-settings .settings-main{display:grid;gap:18px}
.is-settings .settings-profile-card,.is-settings .credential-card{margin:0;padding:24px;border:1px solid #292b30;border-radius:12px;background:rgba(12,13,15,.78)}
.is-settings .avatar-settings{align-items:center;padding-bottom:24px;gap:16px}
.is-settings .avatar-settings>img{width:76px;height:76px;flex:none}
.is-settings .avatar-settings small{font:400 11px/1.5 Inter,sans-serif}
.is-settings .settings-button{font:500 12px/1.3 Inter,sans-serif;height:38px}
.is-settings .settings-form,.is-settings .settings-inline-form,.is-settings .settings-stack-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin-top:0}
.is-settings .settings-main label{display:flex;flex-direction:column;min-width:0;gap:8px;font:500 12px/1.4 Inter,sans-serif;color:#d6d7d9}
.is-settings .settings-main label small{font:400 11px/1.5 Inter,sans-serif;color:#898b90}
.is-settings .settings-main input{box-sizing:border-box;width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid #34363b;border-radius:7px;background:#111214;color:#fff;font:400 13px/1.4 Inter,sans-serif}
.is-settings .settings-main input::placeholder{font:400 12px/1.4 Inter,sans-serif;color:#787b80}
.is-settings .settings-main input:focus-visible{outline:1px solid #b8b9bc;outline-offset:1px;border-color:#85878c}
.is-settings .settings-main input:disabled{opacity:.6}
.is-settings .username-preview{grid-column:1/-1;margin:0;font:400 11px/1.5 Inter,sans-serif;overflow-wrap:anywhere}
.is-settings .username-preview a{color:#96989d;text-decoration:none}
.is-settings .settings-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
.is-settings .settings-form-actions button{min-height:40px;height:auto;padding:10px 18px;font:600 12px/1.4 Inter,sans-serif;white-space:normal}
.is-settings .credential-heading{display:block;margin-bottom:20px}
.is-settings .credential-heading h2{margin:0;font:600 16px/1.4 Inter,sans-serif;color:#ededee}
.is-settings .credential-heading p{margin:5px 0 0;font:400 12px/1.5 Inter,sans-serif;color:#898c91;overflow-wrap:anywhere}
.is-settings .settings-current-password{grid-column:1/-1}
.is-settings #emailVerifyForm:not([hidden]){margin-top:18px;padding-top:18px;border-top:1px solid #292b30}
.is-settings [hidden]{display:none!important}
@media(max-width:560px){
  .is-settings .settings-profile-card,.is-settings .credential-card{padding:18px 16px}
  .is-settings .settings-form,.is-settings .settings-inline-form,.is-settings .settings-stack-form{grid-template-columns:minmax(0,1fr);gap:16px}
  .is-settings .settings-form-actions button{width:100%}
  .is-settings .avatar-settings>img{width:64px;height:64px}
  .is-settings .avatar-settings small{font-size:10px}
  /* 16px prevents iOS Safari zooming into credential fields. */
  .is-settings .settings-main input{font-size:16px}
  .is-settings .settings-main input::placeholder{font-size:13px}
}

.is-settings .settings-reset-link{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #34363b;border-radius:7px;color:#ededee;text-decoration:none;font:500 12px/1.4 Inter,sans-serif}
.is-settings .settings-reset-link:hover{border-color:#777;background:#1a1b1e}
/* Lemon Squeezy supplies the payment UI. This only covers and sizes its host
   iframe, so its transparent receipt screen cannot expose a dark strip. */
html.tensso-checkout-open{overflow:hidden}
body>iframe.tensso-checkout-frame{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
