.avatar-builder{max-width:1440px;margin:auto;padding-bottom:40px}.avatar-heading{display:flex;align-items:center;gap:32px;padding:30px 0 36px;background:radial-gradient(ellipse at 80% 0%,#7028c826,transparent 65%)}.avatar-heading>div{flex:1}.avatar-heading h1{font-family:Sora,sans-serif;font-size:clamp(30px,4vw,48px);letter-spacing:-2px;margin:14px 0}.avatar-heading h1 em{font-style:normal;color:#ba83ff}.avatar-heading p{max-width:690px;line-height:1.8;color:#aaa4b5}.avatar-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff12;padding:0 0 20px;margin-bottom:24px}.avatar-tabs strong{padding:12px 18px;background:#792bd6;border-radius:12px;color:white}.avatar-tabs button{background:none;border:0;color:#aaa4b5;cursor:pointer}.avatar-tabs>span{margin-left:auto;color:#77717f;font-size:11px}.avatar-step-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:15px;margin-bottom:12px}.avatar-step-nav button{display:flex;align-items:center;gap:8px;flex-shrink:0;background:#ffffff05;border:1px solid #ffffff0e;color:#a29baa;border-radius:30px;padding:10px 14px;cursor:pointer}.avatar-step-nav b{background:#ffffff09;padding:3px 7px;border-radius:50%;font-size:11px}.avatar-step-nav button.active{background:#812aeb;color:white;box-shadow:0 0 24px #7b27d32e}.avatar-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.avatar-main{padding:28px;min-width:0}.avatar-main h2{margin:10px 0;font-size:25px}.avatar-main>p{color:#a39cae;margin-bottom:26px}.avatar-main label{margin-top:22px}.avatar-name{display:flex;gap:8px}.avatar-name input{min-width:0;flex:1}.avatar-name button{white-space:nowrap}.avatar-pills{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 22px}.avatar-pills button{border:1px solid #ffffff17;background:#ffffff04;color:#b6afc0;border-radius:10px;padding:12px 18px;cursor:pointer}.avatar-pills button[aria-pressed=true]{background:#7422c936;border-color:#a354fb;color:#e1c3ff}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.avatar-option{padding:0;border:2px solid #ffffff0c;background:#101014;border-radius:14px;overflow:hidden;color:#ccc5d6;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}.avatar-option:hover{border-color:#9b5ce1;transform:translateY(-2px)}.avatar-option>div{position:relative;aspect-ratio:4/5;background:linear-gradient(140deg,#2e1b44,#15121b);overflow:hidden}.avatar-option img{height:100%;width:100%;object-fit:cover;display:block}.avatar-option strong{display:block;padding:12px 10px;font-weight:500;font-size:12px}.avatar-option.selected{border-color:#a658ff;box-shadow:0 0 0 3px #8433d81c}.avatar-check{position:absolute;right:8px;top:8px;background:#a34cf8;color:white;border-radius:50%;width:24px;height:24px;display:none;place-items:center}.selected .avatar-check{display:grid}.avatar-no-image:before{content:'Referência indisponível';display:grid;place-items:center;height:100%;font-size:11px;color:#c5b5d4;text-align:center}.avatar-aside{padding:12px;position:sticky;top:20px;overflow:hidden}.avatar-preview{aspect-ratio:3/4;background:radial-gradient(ellipse at 50% 20%,#55247c55,transparent 65%),#101014;border-radius:16px;position:relative;overflow:hidden}.avatar-preview img{height:100%;width:100%;object-fit:cover}.avatar-preview>span{position:absolute;bottom:0;left:0;width:100%;padding:10px;background:#09080cdc;font-size:9px;color:#e1caef;text-align:center;letter-spacing:1px}.avatar-monogram{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-weight:700;font-size:120px;color:#b56aff;text-shadow:0 0 80px #8e3dfb5c}.avatar-monogram span{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:400;color:#aba0b6;max-width:150px;text-align:center;line-height:1.7}.avatar-summary{padding:24px 10px 12px}.avatar-summary h2{font-size:18px;margin:12px 0;overflow-wrap:anywhere}.avatar-summary p{font-size:12px;color:#94899f}.avatar-summary dl{margin:24px 0 0}.avatar-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #ffffff08;font-size:11px}.avatar-summary dt{color:#8d8498}.avatar-summary dd{margin:0;text-align:right;max-width:65%}.avatar-summary dd button{padding:0;background:none;border:0;color:#d1c0e6;text-align:right;cursor:pointer}.avatar-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid #ffffff0d}.avatar-upload{border:1px dashed #8a4ab5;border-radius:16px;padding:22px;min-height:220px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#8c41c508;cursor:pointer}.avatar-upload>span{font-size:48px;color:#b777f3}.avatar-upload img{height:190px;max-width:100%;object-fit:contain;border-radius:10px}.avatar-upload small{color:#a397b1}.avatar-result{margin-top:24px}.avatar-result textarea{width:100%;line-height:1.7}.avatar-result p{color:#b1a7bd}.avatar-builder button:focus-visible{outline:3px solid #dcb9ff;outline-offset:3px}.avatar-builder button:disabled{opacity:.4;cursor:wait}@media(min-width:1550px){.avatar-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.avatar-layout{grid-template-columns:minmax(0,1fr) 260px}.avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.avatar-heading{display:block;padding-top:10px}.avatar-heading>.btn{margin-top:12px}.avatar-layout{grid-template-columns:1fr}.avatar-aside{position:static;display:grid;grid-template-columns:110px 1fr;gap:12px}.avatar-preview{aspect-ratio:3/4}.avatar-monogram{font-size:56px}.avatar-monogram span{display:none}.avatar-summary{padding:8px}.avatar-summary dl{display:none}.avatar-main{padding:20px}.avatar-tabs>span{display:none}.avatar-tabs{gap:10px}.avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-name{flex-wrap:wrap}.avatar-navigation .btn{font-size:12px;padding:12px}.avatar-preview>span{font-size:7px;padding:6px}.avatar-result{padding:20px}}

.avatar-custom-reference{min-width:0}.avatar-custom-reference .avatar-upload{margin:0;height:100%;min-height:240px;text-align:center;position:relative;padding:16px}.avatar-custom-reference .avatar-upload.selected{border:2px solid #a658ff}.avatar-custom-reference input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.avatar-custom-reference:has(.text-btn) .avatar-upload{height:calc(100% - 36px)}.avatar-custom-reference .text-btn{margin-top:10px}.avatar-custom-reference small{font-size:10px}.avatar-custom-reference .avatar-upload:focus-within{outline:3px solid #dcb9ff;outline-offset:3px}