html.afob-account-lock{overflow:hidden!important}
.afob-video-loading>img{display:block;width:150px;height:190px;margin:0 auto 16px;border-radius:18px;object-fit:cover;box-shadow:0 14px 34px rgba(44,25,55,.18)}
.afob-result>video{display:block;width:auto;max-width:100%;max-height:48vh;margin:20px auto;border-radius:22px;background:#111}
.afob-account-gallery{margin-top:35px;padding:28px;border:1px solid var(--afob-line);border-radius:28px;background:linear-gradient(145deg,#fff,#fffaf2);font-family:Manrope,Arial,sans-serif;color:var(--afob-ink)}
.afob-account-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.afob-account-head span{color:var(--afob-coral);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.afob-account-head h2{margin:4px 0;font:700 clamp(28px,4vw,43px)/1 Fraunces,Georgia,serif}.afob-account-head p{margin:0;color:var(--afob-muted);font-size:11px}.afob-account-head>a{padding:12px 18px;border-radius:999px;background:var(--afob-coral);color:#fff;font-size:10px;font-weight:900;text-decoration:none}
.afob-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.afob-account-card{min-width:0;overflow:hidden;border:1px solid var(--afob-line);border-radius:21px;background:#fff;box-shadow:0 12px 34px rgba(44,25,55,.07)}.afob-account-media{position:relative;display:block;width:100%;padding:0;border:0;background:#eee;cursor:pointer}.afob-account-media img,.afob-account-media video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.afob-account-media b{position:absolute;right:10px;bottom:10px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--afob-ink);font-size:9px}.afob-account-card>div{padding:15px}.afob-account-card span{color:var(--afob-coral);font-size:8px;font-weight:900;text-transform:uppercase}.afob-account-card h3{min-height:34px;margin:5px 0 13px;font:700 16px/1.15 Fraunces,Georgia,serif}.afob-account-actions{display:flex;flex-wrap:wrap;gap:7px}.afob-account-actions button{min-height:35px;padding:0 11px;border:0;border-radius:999px;background:var(--afob-ink);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.afob-account-actions button+button{background:var(--afob-coral)}.afob-account-actions .afob-account-add-bag{flex:1 1 110px;background:linear-gradient(135deg,var(--afob-coral),#ff966f);box-shadow:0 8px 20px rgba(255,95,127,.24)}
.afob-account-empty{padding:35px;border-radius:20px;background:#faf4f8;text-align:center}.afob-account-empty>span{font-size:30px;color:var(--afob-coral)}.afob-account-empty h3{font:700 25px Fraunces,Georgia,serif}.afob-account-empty p{color:var(--afob-muted)}
.afob-account-viewer[hidden]{display:none!important}.afob-account-viewer{position:fixed;inset:0;z-index:2147483600;opacity:0;transition:.22s}.afob-account-viewer.is-open{opacity:1}.afob-account-viewer>div{position:absolute;inset:0;background:rgba(25,11,32,.84);backdrop-filter:blur(12px)}.afob-account-viewer>section{position:absolute;z-index:1;inset:3vh 4vw;display:grid;place-items:center;padding:60px 20px 20px;border-radius:28px;background:#f4edf2;overflow:auto}.afob-account-viewer>section>button{position:absolute;right:16px;top:14px;padding:11px 16px;border:0;border-radius:999px;background:#fff;color:var(--afob-ink);font-weight:900;cursor:pointer}.afob-account-viewer [data-afob-account-stage] img,.afob-account-viewer [data-afob-account-stage] video{display:block;max-width:100%;max-height:calc(94vh - 95px);border-radius:20px;background:#111;object-fit:contain}
.afob-account-purchase{display:grid;grid-template-columns:minmax(240px,1fr) minmax(310px,520px);gap:20px;align-items:start;width:min(1040px,100%)}.afob-account-viewer .afob-account-purchase>img{width:100%;max-height:calc(94vh - 115px);margin:0}.afob-account-purchase>.afob-bag-panel{display:block;margin:0;padding:20px;border:2px solid rgba(255,95,127,.35);border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(44,25,55,.12)}.afob-account-purchase .afob-add-to-bag{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--afob-coral),#ff966f);color:#fff;font-weight:900;box-shadow:0 12px 27px rgba(255,95,127,.23);cursor:pointer}.afob-account-purchase [data-afob-account-bag-message]{min-height:17px;margin:10px 0;color:#b42318;font-size:10px;font-weight:800}
@media(max-width:850px){.afob-account-grid{grid-template-columns:1fr 1fr}}
@media(max-width:750px){.afob-account-purchase{grid-template-columns:1fr}.afob-account-viewer .afob-account-purchase>img{max-height:40vh}}
@media(max-width:600px){.afob-account-gallery{padding:17px;border-radius:21px}.afob-account-head{display:block}.afob-account-head>a{display:inline-block;margin-top:13px}.afob-account-grid{grid-template-columns:1fr}.afob-account-viewer>section{inset:0;border-radius:0}}

/* v1.3.6: compact saved outfit cards and purchase view */
@media(max-width:600px){
  .afob-account-gallery{padding:11px;border-radius:19px}
  .afob-account-head{margin-bottom:13px}
  .afob-account-head h2{font-size:27px}
  .afob-account-head p{font-size:9px}
  .afob-account-head>a{margin-top:9px;padding:9px 13px;border-radius:10px;font-size:8px}
  .afob-account-grid{gap:10px}
  .afob-account-card{display:grid;grid-template-columns:106px minmax(0,1fr);align-items:stretch;border-radius:16px;box-shadow:0 8px 22px rgba(44,25,55,.06)}
  .afob-account-media{height:100%;min-height:190px;background:#f7f0f5}
  .afob-account-media img,.afob-account-media video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
  .afob-account-media b{right:6px;bottom:6px;padding:6px 8px;border-radius:8px;font-size:7px}
  .afob-account-card>div{min-width:0;padding:10px}
  .afob-account-card span{font-size:7px}
  .afob-account-card h3{min-height:0;margin:4px 0 8px;font-size:14px;line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .afob-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .afob-account-actions button{box-sizing:border-box;width:100%;min-width:0;min-height:32px;padding:0 6px;border-radius:10px;font-size:7.8px;line-height:1.15;text-align:center}
  .afob-account-actions .afob-account-add-bag{flex:none;background:linear-gradient(135deg,#ff5f7f,#ff8c68);box-shadow:0 6px 15px rgba(255,95,127,.18)}
  .afob-account-actions .afob-delete-outfit{grid-column:1/-1;min-height:27px;border:0;background:transparent!important;color:#b42318;text-decoration:underline}
  .afob-account-viewer>section{padding:50px 9px 9px}
  .afob-account-viewer>section>button{right:9px;top:9px;min-height:34px;padding:0 12px;border-radius:10px;font-size:9px}
  .afob-account-purchase{gap:8px}
  .afob-account-viewer .afob-account-purchase>img{max-height:28dvh;border-radius:13px}
  .afob-account-purchase>.afob-bag-panel{padding:10px;border-width:1px;border-radius:14px;box-shadow:none}
  .afob-account-purchase>.afob-bag-panel>h3{margin:3px 0 8px;font-size:18px}
  .afob-account-purchase .afob-bag-product-options{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:6px}
  .afob-account-purchase .afob-bag-product-options>img{width:42px;height:52px;border-radius:7px;object-fit:contain;background:#f7f0f5}
  .afob-account-purchase .afob-bag-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .afob-account-purchase .afob-bag-selects select{min-height:32px;font-size:9px}
  .afob-account-purchase .afob-add-to-bag{min-height:40px;border-radius:12px;font-size:10px;box-shadow:0 7px 18px rgba(255,95,127,.2)}
  .afob-result>video{max-height:36dvh;margin:9px auto;border-radius:13px}
}

/* v1.3.7: keep every mobile action label inside its control */
@media(max-width:600px){
  .afob-account-actions button,
  .afob-account-purchase .afob-add-to-bag,
  .afob-account-viewer>section>button{
    box-sizing:border-box!important;
    height:auto!important;
    min-height:32px!important;
    max-width:100%!important;
    padding:7px 6px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.25!important;
    text-align:center!important;
  }
  .afob-account-actions .afob-delete-outfit{min-height:27px!important;padding:5px!important}
  .afob-account-purchase .afob-add-to-bag{min-height:40px!important}
}

/* v1.3.8: persistent background generation status */
.afob-account-pending-list{display:grid;gap:10px;margin:0 0 16px}
.afob-account-pending{position:relative;overflow:hidden;padding:15px 17px;border:1px solid var(--afob-line);border-radius:16px;background:linear-gradient(135deg,#fff8ed,#fff);box-shadow:0 8px 24px rgba(44,25,55,.05)}
.afob-account-pending:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--afob-coral),#ffab72)}
.afob-account-pending span{color:var(--afob-coral);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.afob-account-pending h3{margin:4px 0;font:700 18px/1.15 Fraunces,Georgia,serif;color:var(--afob-ink)}
.afob-account-pending p{margin:0;color:var(--afob-muted);font-size:10px;line-height:1.45}
.afob-account-pending.is-error{border-color:#f3b7b2;background:#fff5f4}
@media(max-width:600px){.afob-account-pending{padding:11px 13px;border-radius:13px}.afob-account-pending h3{font-size:15px}.afob-account-pending p{font-size:9px}}
