.tf-personalize-title{margin-top:calc(8 * var(--u));color:var(--tf-text);font-size:calc(24 * var(--u));font-weight:800}.tf-personalize-title em{color:var(--tf-pink);font-style:normal}.tf-personalize-subtitle{margin-top:calc(4 * var(--u));color:var(--tf-muted);font-size:calc(10 * var(--u))}.tf-personalize-tabs,.tf-personalize-modes{gap:calc(6 * var(--u));margin-top:calc(14 * var(--u));display:flex}.tf-personalize-tabs button,.tf-personalize-modes button{align-items:center;gap:calc(5 * var(--u));padding:calc(7 * var(--u)) calc(13 * var(--u));color:var(--tf-muted);font-size:calc(9 * var(--u));border:1px solid #ffffff1a;border-radius:999px;display:inline-flex}.tf-personalize-tabs button.active,.tf-personalize-modes button.active{border-color:var(--tf-pink);background:var(--tf-pink);color:#fff}.tf-personalize-tabs svg,.tf-personalize-modes svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}.tf-personalize-panel{min-width:0;max-width:100%;margin-top:calc(12 * var(--u));border-radius:calc(11 * var(--u));background:var(--tf-card);padding:calc(16 * var(--u));color:var(--tf-text);border:1px solid #ffffff17}.tf-avatar-stepper{overscroll-behavior-x:contain;min-width:0;max-width:100%;padding-bottom:calc(10 * var(--u));scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow-x:auto}.tf-avatar-stepper::-webkit-scrollbar{width:0;height:0;display:none}.tf-avatar-stepper button{justify-items:center;gap:calc(4 * var(--u));min-width:0;color:var(--tf-muted);display:grid;position:relative}.tf-avatar-stepper button:before{top:calc(13 * var(--u));content:"";background:#ffffff14;width:100%;height:2px;position:absolute;right:50%}.tf-avatar-stepper button:first-child:before{display:none}.tf-avatar-stepper button.done:before,.tf-avatar-stepper button.active:before{background:var(--tf-pink)}.tf-avatar-stepper button>span{z-index:1;width:calc(27 * var(--u));height:calc(27 * var(--u));background:var(--tf-card);font-size:calc(8 * var(--u));border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.tf-avatar-stepper button.done>span,.tf-avatar-stepper button.active>span{border-color:var(--tf-pink);background:var(--tf-pink);color:#fff}.tf-avatar-stepper svg{width:calc(9 * var(--u))}.tf-avatar-stepper small{font-size:calc(7.5 * var(--u))}.tf-avatar-stepper button.active small{color:var(--tf-pink)}.tf-personalize-stage{min-height:calc(260 * var(--u));padding-top:calc(14 * var(--u))}.tf-personalize-stage>div:first-child>span{color:var(--tf-pink);font-size:calc(8 * var(--u));letter-spacing:.08em}.tf-personalize-stage h2{margin-top:calc(3 * var(--u));font-size:calc(18 * var(--u))}.tf-personalize-fields{gap:calc(10 * var(--u));margin-top:calc(12 * var(--u));display:grid}.tf-personalize-fields label{gap:calc(5 * var(--u));display:grid}.tf-personalize-fields label>span,.tf-personalize-choice>span,.tf-visual-choice>span{color:var(--tf-muted);font-size:calc(8 * var(--u));letter-spacing:.05em}.tf-personalize-fields input,.tf-personalize-fields textarea{border-radius:calc(7 * var(--u));width:100%;color:var(--tf-text);padding:calc(9 * var(--u)) calc(10 * var(--u));font:inherit;font-size:calc(9.5 * var(--u));background:#00000038;border:1px solid #ffffff1f;outline:none}.tf-personalize-fields textarea{min-height:calc(90 * var(--u));resize:vertical}.tf-personalize-fields input:focus,.tf-personalize-fields textarea:focus{border-color:var(--tf-pink)}.tf-personalize-choice{margin-top:calc(12 * var(--u))}.tf-personalize-choice>div{gap:calc(7 * var(--u));margin-top:calc(6 * var(--u));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tf-personalize-choice button{min-height:calc(42 * var(--u));align-items:center;gap:calc(7 * var(--u));border-radius:calc(7 * var(--u));padding:calc(8 * var(--u));color:var(--tf-muted);text-align:left;border:1px solid #ffffff17;display:flex;position:relative}.tf-personalize-choice button.active{border-color:var(--tf-pink);background:color-mix(in oklab, var(--tf-pink) 10%, transparent);color:var(--tf-text)}.tf-personalize-choice button>i{width:calc(17 * var(--u));height:calc(17 * var(--u));border:1px solid #ffffff2e;border-radius:50%;flex:none}.tf-personalize-choice button>svg{width:calc(10 * var(--u));height:calc(10 * var(--u));color:var(--tf-pink);flex:none}.tf-personalize-choice strong{font-size:calc(8.5 * var(--u));font-weight:600}.tf-visual-choice{margin-top:calc(12 * var(--u))}.tf-visual-choice-grid{gap:calc(8 * var(--u));margin-top:calc(7 * var(--u));display:grid}.tf-personalize-panel .tf-visual-choice-grid{scrollbar-width:none;padding-right:0;max-height:none!important;overflow:visible!important}.tf-personalize-panel .tf-visual-choice-grid::-webkit-scrollbar{width:0;height:0;display:none}.tf-personalize-panel .tf-visual-choice-grid button:after{content:none}.tf-visual-choice--gender .tf-visual-choice-grid{width:min(100%, calc(340 * var(--u)));grid-template-columns:repeat(2,minmax(0,1fr))}.tf-visual-choice--gender button,.tf-visual-choice--gender button:hover,.tf-visual-choice--gender button.active{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.tf-visual-choice--gender button:after{content:none}.tf-visual-choice--skin .tf-visual-choice-grid,.tf-visual-choice--body .tf-visual-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tf-visual-choice--hair-color .tf-visual-choice-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.tf-visual-choice--hair .tf-visual-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tf-visual-choice--eye-color .tf-visual-choice-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.tf-visual-choice--accessory .tf-visual-choice-grid,.tf-visual-choice--clothing .tf-visual-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tf-detail-options{gap:calc(12 * var(--u));display:grid}.tf-detail-options .tf-visual-choice{margin-top:0}.tf-binary-choice{gap:calc(6 * var(--u));display:grid}.tf-binary-choice>span{color:var(--tf-muted);font-size:calc(8 * var(--u));letter-spacing:.05em}.tf-binary-choice>div{gap:calc(7 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tf-binary-choice button{min-height:calc(42 * var(--u));border-radius:calc(7 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));color:var(--tf-muted);font-size:calc(9 * var(--u));text-align:center;border:1px solid #ffffff17;font-weight:650}.tf-binary-choice button.active{border-color:var(--tf-pink);background:color-mix(in oklab, var(--tf-pink) 10%, transparent);color:var(--tf-text)}.tf-hair-choice-groups{gap:calc(12 * var(--u));display:grid}.tf-visual-choice button{border-radius:calc(8 * var(--u));min-width:0;color:var(--tf-muted);text-align:left;background:#0c0c0e52;border:1px solid #ffffff1a;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative;overflow:hidden}.tf-visual-choice button:hover{transform:translateY(calc(-1 * var(--u)));border-color:#fd2c558c}.tf-visual-choice button.active{border-color:var(--tf-pink);box-shadow:0 0 0 1px color-mix(in oklab, var(--tf-pink) 65%, transparent), 0 0 calc(14 * var(--u)) color-mix(in oklab, var(--tf-pink) 17%, transparent);color:var(--tf-text)}.tf-visual-choice-image{aspect-ratio:3/4;background:#1c1c1e 50%/cover;display:block;position:relative;overflow:hidden}.tf-visual-choice-image>img{z-index:1;object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .22s;position:relative}.tf-visual-choice--skin .tf-visual-choice-image>img{object-fit:cover}.tf-visual-choice--gender .tf-visual-choice-image{aspect-ratio:auto;background:0 0;overflow:visible}.tf-visual-choice--gender .tf-visual-choice-image>img{max-width:100%;max-height:none;display:block;position:static;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;width:100%!important;height:auto!important;transform:none!important}.tf-visual-choice--body .tf-visual-choice-image>img,.tf-visual-choice--hair-color .tf-visual-choice-image>img,.tf-visual-choice--hair .tf-visual-choice-image>img,.tf-visual-choice--eye-color .tf-visual-choice-image>img{object-fit:cover}.tf-visual-choice--eye-color .tf-visual-choice-image{aspect-ratio:1}.tf-visual-choice--accessory .tf-visual-choice-image,.tf-visual-choice--clothing .tf-visual-choice-image{aspect-ratio:56/75}.tf-visual-choice--accessory .tf-visual-choice-image>img,.tf-visual-choice--clothing .tf-visual-choice-image>img{aspect-ratio:auto;object-fit:contain}.tf-visual-choice button:hover .tf-visual-choice-image>img{transform:scale(1.015)}.tf-visual-choice--gender button:hover .tf-visual-choice-image>img{transform:none}.tf-visual-choice-image>i{z-index:2;top:calc(7 * var(--u));right:calc(7 * var(--u));width:calc(20 * var(--u));height:calc(20 * var(--u));background:var(--tf-pink);box-shadow:0 calc(2 * var(--u)) calc(8 * var(--u)) #00000061;color:#fff;border-radius:50%;place-items:center;display:grid;position:absolute}.tf-visual-choice-image>i svg{width:calc(11 * var(--u));height:calc(11 * var(--u));stroke-width:3px}.tf-visual-choice button>strong{padding:calc(9 * var(--u)) calc(10 * var(--u));color:inherit;font-size:calc(9 * var(--u));font-weight:650;display:block}.tf-visual-choice--gender button>strong,.tf-visual-choice--skin button>strong{padding-block:calc(6.5 * var(--u))}.tf-toggle-row{gap:calc(8 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tf-toggle-row button{border-radius:calc(8 * var(--u));padding:calc(11 * var(--u));color:var(--tf-muted);font-size:calc(9 * var(--u));border:1px solid #ffffff17;justify-content:space-between;display:flex}.tf-toggle-row button.active{border-color:var(--tf-pink);color:var(--tf-text)}.tf-toggle-row button.active strong{color:var(--tf-pink)}.tf-logo-upload{min-height:calc(90 * var(--u));border-radius:calc(8 * var(--u));padding:calc(10 * var(--u));cursor:pointer;border:1px dashed #fd2c5573;justify-items:center;position:relative;align-items:center!important}.tf-logo-upload input,.tf-upload-drop input{cursor:pointer;opacity:0;position:absolute;inset:0}.tf-logo-upload img{max-width:calc(110 * var(--u));max-height:calc(55 * var(--u));object-fit:contain}.tf-logo-upload svg{width:calc(24 * var(--u));color:var(--tf-pink)}.tf-avatar-review{border-radius:calc(8 * var(--u));padding:calc(10 * var(--u));background:#00000029;border:1px solid #ffffff14}.tf-avatar-review strong{font-size:calc(10 * var(--u))}.tf-avatar-review p{margin-top:calc(3 * var(--u));color:var(--tf-muted);font-size:calc(8.5 * var(--u));line-height:1.5}.tf-personalize-actions{justify-content:space-between;gap:calc(8 * var(--u));margin-top:calc(12 * var(--u));padding-top:calc(12 * var(--u));border-top:1px solid #ffffff14;display:flex}.tf-personalize-actions button,.tf-personalize-fields>button{justify-content:center;align-items:center;gap:calc(5 * var(--u));border:1px solid var(--tf-pink);border-radius:calc(7 * var(--u));background:var(--tf-pink);color:#fff;padding:calc(9 * var(--u)) calc(13 * var(--u));font-size:calc(9 * var(--u));font-weight:700;display:inline-flex}.tf-personalize-actions button:first-child{color:var(--tf-text);background:0 0;border-color:#ffffff1f}.tf-personalize-actions button:disabled,.tf-personalize-fields>button:disabled{opacity:.35}.tf-personalize-actions svg,.tf-personalize-fields>button svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}.tf-upload-person{gap:calc(14 * var(--u));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.tf-upload-drop{min-height:calc(260 * var(--u));justify-content:center;align-items:center;gap:calc(5 * var(--u));border-radius:calc(9 * var(--u));color:var(--tf-muted);font-size:calc(8.5 * var(--u));cursor:pointer;border:1px dashed #fd2c5573;flex-direction:column;display:flex;position:relative;overflow:hidden}.tf-upload-drop>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.tf-upload-drop>svg{width:calc(30 * var(--u));height:calc(30 * var(--u));color:var(--tf-pink)}.tf-upload-drop strong{color:var(--tf-text);font-size:calc(10 * var(--u))}.tf-saved-assets{margin-top:calc(12 * var(--u));border-radius:calc(10 * var(--u));background:var(--tf-card);padding:calc(13 * var(--u));color:var(--tf-text);border:1px solid #ffffff17}.tf-saved-assets h2{font-size:calc(11 * var(--u))}.tf-saved-assets>div{gap:calc(8 * var(--u));margin-top:calc(9 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tf-saved-assets article{grid-template-columns:calc(48 * var(--u)) 1fr;align-items:center;gap:calc(7 * var(--u));border-radius:calc(7 * var(--u));padding:calc(6 * var(--u));border:1px solid #ffffff14;display:grid;position:relative}.tf-saved-assets img{width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:calc(5 * var(--u));object-fit:cover}.tf-saved-assets strong,.tf-saved-assets small{display:block}.tf-saved-assets strong{font-size:calc(8.5 * var(--u))}.tf-saved-assets small{margin-top:calc(2 * var(--u));color:var(--tf-muted);font-size:calc(7 * var(--u));-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tf-saved-asset-actions{gap:calc(5 * var(--u));grid-column:1/-1;display:flex}.tf-saved-asset-actions button{min-height:calc(27 * var(--u));justify-content:center;align-items:center;gap:calc(4 * var(--u));border-radius:calc(18 * var(--u));color:var(--tf-text);font-size:calc(7 * var(--u));border:1px solid #ffffff1f;flex:1;font-weight:700;display:inline-flex}.tf-saved-asset-actions button.danger{max-width:calc(30 * var(--u));color:var(--tf-pink)}.tf-saved-assets svg{width:calc(10 * var(--u))}.tf-scene-stepper{gap:calc(7 * var(--u));padding-bottom:calc(10 * var(--u));border-bottom:1px solid #ffffff14;display:flex}.tf-scene-stepper button{align-items:center;gap:calc(5 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));color:var(--tf-muted);font-size:calc(8.5 * var(--u));border:1px solid #ffffff1a;border-radius:999px;display:flex}.tf-scene-stepper button.active{border-color:var(--tf-pink);background:var(--tf-pink);color:#fff}.tf-personalize-status{margin-top:calc(9 * var(--u));color:var(--tf-pink);font-size:calc(9 * var(--u))}@media (width<=800px){.tf-personalize-choice>div{grid-template-columns:repeat(3,minmax(0,1fr))}.tf-visual-choice--skin .tf-visual-choice-grid,.tf-visual-choice--body .tf-visual-choice-grid,.tf-visual-choice--hair-color .tf-visual-choice-grid,.tf-visual-choice--hair .tf-visual-choice-grid,.tf-visual-choice--eye-color .tf-visual-choice-grid,.tf-visual-choice--accessory .tf-visual-choice-grid,.tf-visual-choice--clothing .tf-visual-choice-grid,.tf-saved-assets>div{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-avatar-stepper{grid-template-columns:repeat(8,82px)}.tf-avatar-stepper button{min-width:82px}}@media (width<=560px){.tf-personalize-tabs,.tf-personalize-modes{width:100%}.tf-personalize-tabs button,.tf-personalize-modes button{flex:1;justify-content:center;min-height:42px}.tf-personalize-panel{padding:14px}.tf-personalize-choice>div,.tf-saved-assets>div{grid-template-columns:1fr}.tf-visual-choice--gender .tf-visual-choice-grid,.tf-visual-choice--skin .tf-visual-choice-grid,.tf-visual-choice--body .tf-visual-choice-grid,.tf-visual-choice--hair-color .tf-visual-choice-grid,.tf-visual-choice--hair .tf-visual-choice-grid,.tf-visual-choice--eye-color .tf-visual-choice-grid,.tf-visual-choice--accessory .tf-visual-choice-grid,.tf-visual-choice--clothing .tf-visual-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.tf-upload-person{grid-template-columns:1fr}.tf-upload-drop{min-height:240px}.tf-personalize-actions button{flex:1;min-height:44px}.tf-personalize-title{font-size:27px}}