@font-face{font-family:'Tilt Warp';src:url('/plugins/fonts/TiltWarp-Regular-VariableFont_XROT,YROT.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--account-line:#ffffff24;--account-muted:#afb8c9}
*{box-sizing:border-box}body{margin:0;color:#f6f8ff;background:radial-gradient(ellipse at 80% 0,#34295255,transparent 55%),#090b12;font-family:Arial,sans-serif;line-height:1.5}a{color:#9fdfff}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8adeff;outline-offset:4px}[hidden]{display:none!important}.account-shell{width:min(1100px,calc(100% - 40px));margin:auto}.account-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:90px}.account-nav img{width:140px;height:auto}.account-nav div{display:flex;gap:24px}.account-main{padding:55px 0 90px}.account-main h1{font:400 clamp(38px,6vw,70px)/1.05 'Tilt Warp',Arial,sans-serif;letter-spacing:-.035em;margin:10px 0 18px}.account-main h2{font-size:22px;margin:0 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#99cee9;font-size:12px;font-weight:700}.account-muted{color:var(--account-muted)}.account-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:30px}.account-panel{border:1px solid var(--account-line);border-radius:22px;padding:28px;background:#111520cc}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.account-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #ffffff32;border-radius:12px;padding:11px 18px;background:#ffffff0b;color:white;text-decoration:none;font-weight:700}.account-button.primary{background:linear-gradient(105deg,#ae88ff,#70dcf0);color:#fff;-webkit-text-fill-color:#fff;border:0}.account-stack{display:grid;gap:12px}.account-check{display:flex;align-items:flex-start;gap:10px;margin:16px 0;color:var(--account-muted);font-size:14px}.account-check input{width:19px;height:19px;accent-color:#9ba3ff;flex-shrink:0}.account-field{width:100%;min-height:48px;padding:12px;background:#070a12;border:1px solid #637189;border-radius:10px;color:white;margin:7px 0 12px}.account-message{min-height:24px;color:#b2e4f4;margin-top:16px}.account-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--account-line);flex-wrap:wrap}.account-row img{width:82px;height:58px;object-fit:contain;border-radius:8px;background:#060810}.account-row .grow{flex:1;min-width:130px}.account-row p{margin:3px 0}.account-row .account-button{font-size:13px}.account-total{display:flex;justify-content:space-between;font-size:27px;font-weight:700;margin:22px 0}.account-security{margin-top:24px}.account-summary{margin:28px 0 0}.account-order{padding:20px 0;border-bottom:1px solid var(--account-line)}.account-order h3{font-size:15px;margin:0 0 8px}.account-price del{color:#858d9c;margin-right:10px}.account-price strong{color:#b9eaff}.account-inline-label{display:block;font-size:14px}.account-tip{padding:14px;background:#79dcff0c;border-radius:12px;color:#bdcbe2;font-size:14px}.account-passkeys{padding-left:0;list-style:none}.account-passkeys li{padding:12px 0;display:flex;justify-content:space-between;gap:12px}.account-passkeys button{color:white;background:transparent;border:1px solid #ffffff3a;border-radius:8px;padding:6px 12px}@media(max-width:720px){.account-shell{width:calc(100% - 28px)}.account-grid{grid-template-columns:1fr}.account-panel{padding:20px}.account-main{padding-top:28px}.account-nav div{gap:14px}.account-nav img{width:110px}}
/* Owner review, 2026-09-07: open layout, clear spacing, no panel boxes. */
.account-nav{width:min(1180px,calc(100% - 40px));margin:0 auto!important;min-height:88px!important;border-bottom:1px solid var(--account-line)}
.account-nav .account-browse{display:flex;align-items:center;gap:24px;margin-left:auto;margin-right:18px}.account-browse a{color:#fff;text-decoration:none;font:700 16px/1.2 Arial,sans-serif;white-space:nowrap}.account-browse a:hover{color:#9fdfff}
.account-nav .sfoor-company-brand img{height:auto}.account-nav .sfoor-company-logo{width:72px!important}.account-nav .sfoor-company-wordmark{width:148px!important}
.account-main{max-width:1040px;padding-top:48px}.account-main>p{max-width:620px}
.account-grid{grid-template-columns:1fr;gap:0;margin-top:36px}
.account-panel{border:0;border-radius:0;padding:30px 0;background:none;border-top:1px solid var(--account-line)}
.account-panel h2{font-size:24px;letter-spacing:-.025em}.account-panel p{max-width:640px}
.login-layout{grid-template-columns:minmax(280px,430px) 1fr;gap:72px}.login-layout .account-panel{border:0;padding:10px 0}.login-layout aside{padding-top:20px}
.account-button{border-radius:10px;gap:12px;transition:background .15s}.account-button:hover{background:#ffffff16}.account-button.primary:hover{background:linear-gradient(105deg,#be9eff,#9cecf7)}
.account-button svg{width:22px;height:22px;flex-shrink:0}.account-stack{max-width:430px;margin:24px 0 14px;gap:14px}
.account-check{margin:22px 0}.account-tip{padding:0;background:none;border-radius:0;line-height:1.7}
#generate-details{margin-bottom:18px}#generate-usage{margin:18px 0 24px;line-height:1.9}#billing{margin:0 0 0}.account-security{margin-top:0}#passkeys{margin:20px 0}.account-security>.account-muted{margin-top:20px}
.profile-heading{display:flex;gap:26px;align-items:center;padding:26px 0 38px}.profile-heading h2{margin-bottom:4px}.profile-heading p{margin:5px 0 15px}.profile-heading #photo-status{font-size:12px;margin:10px 0 0}.profile-photo-wrap{width:110px;height:110px;flex-shrink:0;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7f70aa,#296475);display:grid;place-items:center}.profile-photo-wrap img{width:100%;height:100%;object-fit:cover}.profile-photo-wrap span{font:32px 'Tilt Warp',Arial,sans-serif}.photo-picker{position:relative;overflow:hidden;cursor:pointer}.photo-picker input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.photo-picker:focus-within{outline:3px solid #8adeff;outline-offset:4px}
.cart-layout{grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:48px}.cart-layout>.account-panel{padding-top:24px}#cart-items{margin-bottom:28px}.account-row{flex-wrap:nowrap;gap:22px;padding:24px 0}.account-row .cart-product-art{width:180px;height:118px;object-fit:cover;border-radius:12px;background:#151925}.account-row .grow{min-width:0}.account-row .grow>strong{font-size:20px;display:block;line-height:1.25}.cart-item-detail{font-size:12px;color:var(--account-muted);margin-top:12px!important}.cart-item-price{font:28px 'Tilt Warp',Arial,sans-serif;white-space:nowrap;color:white}.account-row>.account-button{padding:8px;min-height:40px;font-size:12px;background:none;border:0;color:#bdc4d2}.account-total{font:30px 'Tilt Warp',Arial,sans-serif;padding-bottom:22px;border-bottom:1px solid var(--account-line)}#checkout{width:100%}.cart-layout aside>.account-muted{font-size:13px;line-height:1.7}.cart-layout .account-check{font-size:12px;line-height:1.6}
@media(max-width:900px){.cart-layout{grid-template-columns:1fr;gap:12px}.login-layout{gap:36px}.account-row .cart-product-art{width:160px;height:106px}}
@media(max-width:600px){.account-nav{width:calc(100% - 28px);height:auto!important;min-height:104px!important;flex-wrap:wrap;padding:8px 0}.account-nav .sfoor-company-wordmark{width:100px!important}.account-nav .sfoor-company-logo{width:48px!important}.account-nav .account-browse{order:6;width:100%;justify-content:center;gap:24px;margin:0}.account-browse a{font-size:13px}.account-main{padding-top:30px}.login-layout{grid-template-columns:1fr;gap:20px}.account-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:12px}.account-row .cart-product-art{width:100px;height:76px;grid-row:1 / 3}.account-row .grow>strong{font-size:17px}.cart-item-price{font-size:26px}.account-row>.account-button{grid-column:2;text-align:left;justify-self:start;padding:0}.cart-item-detail{font-size:11px}.profile-heading{align-items:flex-start;gap:16px}.profile-photo-wrap{width:72px;height:72px}.profile-heading .account-actions{gap:8px}.profile-heading .account-button{font-size:12px;padding:8px 12px}.account-panel{padding:26px 0}.account-main h1{font-size:44px}}
.profile-photo-wrap svg{width:50px;height:50px;color:#fff}.nickname-form{margin:14px 0 20px;max-width:360px}.nickname-form label{font-size:13px;color:#bac6d7}.nickname-form>div{display:flex;gap:10px;align-items:center}.nickname-form .account-field{margin:6px 0;min-width:0}.nickname-form p{font-size:12px;color:#aeead0}
#photo-crop{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;background:#101620;color:white;border:1px solid #637087;border-radius:20px}#photo-crop::backdrop{background:#02050bd9}#photo-crop h2{margin:0 50px 12px 0;font-size:24px}#photo-crop p{font-size:13px;color:#bdc8d8}#photo-crop .crop-close{float:right;min-height:36px;padding:2px 11px;font-size:23px}#crop-canvas{display:block;width:min(100%,280px);height:auto;aspect-ratio:1;border-radius:50%;margin:22px auto;border:2px solid #bfdefb;touch-action:none;cursor:grab}#photo-crop label{display:block;font-size:12px;margin-top:10px;color:#c4cfdf}#photo-crop input[type=range]{width:100%;accent-color:#a6b7ff;min-height:24px}#photo-crop .account-actions{justify-content:space-between;margin-top:18px}.generate-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.generate-stat strong{display:block;font:28px 'Tilt Warp',Arial,sans-serif}.generate-stat span{display:block;font-size:13px;color:#b8c6d9}.generate-stat small{color:#92a3bb;font-size:12px}#billing-message{margin:14px 0!important;color:#b8dcf4}@media(max-width:600px){.generate-usage{grid-template-columns:1fr;gap:18px}.generate-stat{border-bottom:1px solid #ffffff19;padding-bottom:14px}#photo-crop{padding:20px}#crop-canvas{width:230px}.nickname-form>div{gap:7px}.nickname-form .account-button{padding:10px}.profile-heading{flex-wrap:wrap}}

/* Owner correction, 2026-09-08: purchase downloads use the normal account action size. */
.account-order .account-row{display:flex;flex-wrap:nowrap}
.account-order .account-row>.account-button{min-height:56px;padding:14px 24px;border:1px solid #ffffff32;border-radius:12px;background:#ffffff0b;color:#fff;font:700 17px/1.2 Arial,sans-serif;justify-self:auto;text-align:center}
.account-order .account-row>.account-button:hover{background:#ffffff16;border-color:#8adeff80;box-shadow:0 0 20px #79bfff26}
@media(max-width:600px){.account-order .account-row{display:flex;gap:14px}.account-order .account-row>.account-button{min-height:52px;padding:12px 19px;font-size:16px}}

/* Commerce sizing: white CTA text, readable totals, shared prominent cart actions. */
.cart-layout .account-panel> .account-button,.cart-layout #checkout{width:100%;min-height:68px;margin-top:22px;padding:17px 22px;font:400 25px/1.2 'Tilt Warp',Arial,sans-serif;color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(105deg,#a779ff,#7b9eff,#42d9f6);border:1px solid #8cdcff;box-shadow:0 0 26px #79bfff38;text-shadow:0 2px 6px #0009}
.cart-layout .account-panel> .account-button:hover,.cart-layout #checkout:hover{box-shadow:0 0 34px #79bfff68}
.cart-layout #promo-code{text-transform:uppercase;margin:8px 0 4px}.cart-layout .account-inline-label{margin-top:22px;color:#d7dfed;font-size:15px;font-weight:700}
.cart-promo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.cart-promo-row #promo-code{margin:0}.cart-promo-row #apply-promo{min-height:48px;margin:0;padding:11px 20px}.cart-inline-status{min-height:23px;margin:8px 0 0;color:#b2e4f4;font-size:14px;line-height:1.4}.cart-inline-status[data-kind="success"]{color:#9ff0d3}.cart-inline-status[data-kind="error"]{color:#ffabbc}.cart-total-values{display:flex;align-items:baseline;justify-content:flex-end;gap:12px}.cart-total-values del{color:#d994a5;font-size:.58em;text-decoration-color:#d994a5;text-decoration-thickness:3px}.cart-total-values .promo-applied{color:#a9eaff;text-shadow:0 0 16px #71ccff66}
.cart-layout .cart-item-price{font-size:36px}.cart-layout .account-row .grow strong{font-size:23px}.cart-layout .cart-item-detail{font-size:16px}.cart-layout .account-row .account-button{font-size:16px}.cart-layout .account-total{font-size:36px}.cart-layout .account-muted,.cart-layout .account-check,.cart-layout .account-tip{font-size:16px;line-height:1.55}
@media(max-width:600px){.cart-layout .cart-item-price{font-size:32px}.cart-layout .account-row .grow strong{font-size:20px}.cart-layout .cart-item-detail{font-size:14px}.cart-layout .account-panel>.account-button,.cart-layout #checkout{font-size:23px}.cart-layout .account-total{font-size:32px}}
/* Balanced account overview: intro and profile share the first desktop row. */
.account-main:has(#signed-in:not([hidden])){display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:52px;row-gap:26px;align-items:start}
.account-intro{min-width:0}.account-intro .session-actions{display:none;margin-top:24px}.account-main:has(#signed-in:not([hidden])) .session-actions{display:flex}
.account-main #signed-in:not([hidden]){display:contents}.account-main #signed-in>.profile-heading{grid-column:2;grid-row:1;margin:0;padding-top:8px;min-width:0;gap:20px}.account-main #signed-in>.profile-heading>div:last-child{min-width:0;flex:1}.account-main #signed-in>.account-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:34px;margin-top:6px}.account-main #signed-in .account-security{margin-top:0}.account-intro h1{font-size:clamp(42px,5vw,64px)}
@media(max-width:800px){.account-main:has(#signed-in:not([hidden])){display:block}.account-main #signed-in>.profile-heading{margin-top:32px}.account-main #signed-in>.account-grid{grid-template-columns:1fr}.account-intro h1{font-size:44px}}