:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#27342d;background:#f5f3eb}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px max(18px,env(safe-area-inset-left));background:#242b29;color:white}header a{color:white;text-decoration:none;font-size:14px}header strong{font-size:20px}main{max-width:880px;margin:auto;padding:28px 22px 48px}h1{font-size:28px;font-weight:600;margin:12px 0 18px}p{line-height:1.6;font-size:14px;color:#59665e}a{color:#315c40}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}button,.button,.choose{font:inherit;min-height:44px;border:1px solid #b4bdb1;background:#fffef9;border-radius:8px;padding:12px 16px;color:#294a34;cursor:pointer;text-decoration:none;text-align:center;display:inline-block}.primary{background:#54775b;border-color:#54775b;color:white}button:disabled{opacity:.5;cursor:default}.wide{width:100%}.head-list{display:grid;gap:14px;margin-top:24px}.head-card{border:1px solid #ced2c7;background:#fffef9;border-radius:12px;padding:14px;display:flex;align-items:center;gap:20px}.head-card h2{font-size:18px;margin:0}.head-card p{margin:8px 0}.head-card .card-image{width:100px;height:116px;flex-shrink:0;border-radius:8px;overflow:hidden}.card-image>img{width:100%;height:100%;object-fit:cover}.card-image .guide{height:100%;width:100%;border:0}.card-body{flex:1;min-width:0}.card-body h2{overflow-wrap:anywhere}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.card-actions button{font-size:13px;padding:8px 12px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-slot{display:flex;flex-direction:column;align-items:stretch;text-align:center;position:relative;gap:10px;cursor:pointer}.guide{position:relative;overflow:hidden;aspect-ratio:.8;background:white;border:1px solid #d6d8d1;border-radius:10px;display:block}.guide img{position:absolute;width:300%;height:100%;max-width:none;top:0;object-fit:fill}.guide.left img{left:0}.guide.front img{left:-100%}.guide.right img{left:-200%}.photo-slot>input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.photo-slot:focus-within .choose{outline:3px solid #54775b;outline-offset:2px}.photo-slot strong{font-size:14px}.choose{font-size:14px;background:#e1ebdd;padding:10px 4px}.photo-state{font-size:12px;overflow-wrap:anywhere;color:#566b5b}.photo-slot.uploaded .guide img{position:static;width:100%;height:100%;object-fit:cover}.tip{background:#ebece5;border-radius:8px;padding:12px;text-align:center}.name-label{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:14px}input[type=text],#head-name{font:inherit;border:1px solid #b4bdb1;background:white;padding:12px;border-radius:8px;min-height:44px}.note{font-size:12px}#photo-error,#page-error{color:#9b3f29}.progress-content{max-width:460px;margin:auto;text-align:center}.loading-avatar{max-width:290px;margin:12px auto 28px;border:0}.progress-content h1{font-size:24px}.progress-content .button,.progress-content button{width:100%;margin-top:12px}.progress-bar{height:12px;overflow:hidden;background:#d8dcd7;border-radius:12px}.progress-bar span{display:block;height:100%;width:0;background:#6d9472;border-radius:12px;transition:width .5s ease}.progress-bar.stopped span{opacity:.55}.head-card .progress-bar{height:7px;max-width:300px;margin:10px 0}:focus-visible{outline:3px solid #54775b;outline-offset:3px}@media(prefers-reduced-motion:reduce){.progress-bar span{transition:none}}@media(max-width:550px){main{padding:20px 14px 35px}.photo-grid{gap:7px}.photo-slot strong{font-size:12px}.photo-slot .choose{font-size:12px}.head-card{gap:12px}.head-card .card-image{width:82px;height:102px}.page-heading h1{font-size:24px}.page-heading button{font-size:13px}}
:is(#membership).monthly-usage{background:linear-gradient(115deg,#f4efff,#f1eaff);border-color:#e2d5fc}
#membership.monthly-usage .monthly-usage-label{margin:0 0 6px;color:#78678e;font-size:13px}
#membership.monthly-usage h2{margin:0 0 16px;color:#291b3b;font-size:28px;line-height:1.25}
.monthly-usage-track{height:12px;overflow:hidden;border-radius:99px;background:#e5d8fb}
.monthly-usage-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(100deg,#7138ff,#9158ff)}
.monthly-usage-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13px;line-height:1.5;color:#78678e}
@media(max-width:550px){#membership.monthly-usage h2{font-size:23px}.monthly-usage-footer{font-size:12px}}

#photo-error:empty{display:none}#photo-error{scroll-margin-top:100px;margin:0 0 16px;padding:12px 14px;border:1px solid #e6bac2;border-radius:12px;background:#fff3f5;color:#923548;overflow-wrap:anywhere}


/* Reuse the editor's transparent scan animation in the generation page. */
.generation-head{position:relative;width:min(100%,340px);aspect-ratio:1;margin:12px auto 28px}
.generation-head #model-loader{--scan-size:120cqw}
.generation-head.model-loading #model-loader{opacity:1;visibility:visible;transition:none}

/* Keep library loading feedback in the space occupied by the real content. */
#head-list>.skeleton{margin:0}
#head-list .skeleton-shapes{gap:14px}
#head-list .skeleton-cards .skeleton-block{height:154px}
#membership>.skeleton{margin:0;min-height:113px;display:flex;align-items:center}
#membership>.skeleton .skeleton-shapes{width:100%;gap:17px}
#membership>.skeleton .skeleton-block:first-child{width:40%;height:16px}
#membership>.skeleton .skeleton-block:nth-child(2){width:80%;height:32px}
#membership>.skeleton .skeleton-block:last-child{width:100%;height:12px}
@media(max-width:550px){#head-list .skeleton-cards .skeleton-block{height:130px}#membership>.skeleton{min-height:106px}}