.hairstyle-template-browser_panel__iVpu7{display:flex;flex-direction:column;min-height:0;min-width:0;max-width:100%;padding:18px;border-radius:28px;border:1px solid rgba(47,102,246,.12);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.98)),radial-gradient(circle at top,rgba(47,102,246,.08),transparent 46%);box-shadow:0 24px 60px rgba(17,33,71,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hairstyle-template-browser_toolbar__zuTL_{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}.hairstyle-template-browser_toolbar__zuTL_>*{min-width:0}.hairstyle-template-browser_genderWrap__clLSy{display:inline-flex;gap:4px;width:-moz-fit-content;width:fit-content;padding:5px;border-radius:14px;border:1px solid rgba(47,102,246,.14);background:rgba(235,243,255,.9)}.hairstyle-template-browser_genderButton__Q55_c{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:none;border-radius:10px;background:transparent;color:#0f172a;font-size:.98rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.hairstyle-template-browser_genderButton__Q55_c:hover:not(.hairstyle-template-browser_genderButtonActive__rsSKg){background:rgba(255,255,255,.7)}.hairstyle-template-browser_genderButtonActive__rsSKg{background:linear-gradient(135deg,#2f66f6,#2457da);color:#ffffff;box-shadow:0 6px 16px -6px rgba(37,99,235,.55)}.hairstyle-template-browser_colorSection__yjLsJ{margin-top:14px;min-width:0}.hairstyle-template-browser_colorSectionHeader___JGih{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.hairstyle-template-browser_colorSectionTitleWrap__IniqB{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.hairstyle-template-browser_colorSectionTitle__Ros59{font-size:.88rem;font-weight:700;color:#0f172a}.hairstyle-template-browser_colorSectionOptional__3Lh2g{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(226,232,240,.72);color:#475569;font-size:.72rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.04em}.hairstyle-template-browser_colorGrid__5OmYB{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));grid-gap:12px 4px;gap:12px 4px;padding:2px}.hairstyle-template-browser_colorGridCollapsed__lNTff{max-height:200px;overflow:hidden;position:relative;mask-image:linear-gradient(180deg,#000,#000 78%,transparent);-webkit-mask-image:linear-gradient(180deg,#000,#000 78%,transparent)}.hairstyle-template-browser_colorOption__WlSYS{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding:2px 0;border:none;background:transparent;color:inherit;cursor:pointer;text-align:center;transition:transform .16s ease}.hairstyle-template-browser_colorOption__WlSYS:hover{transform:translateY(-1px)}.hairstyle-template-browser_colorSwatchFrame__iCQyr{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:4px}.hairstyle-template-browser_colorSwatch__Zt4rz{width:52px;height:52px;border-radius:999px;background:#d1d5db;box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 8px 14px rgba(15,23,42,.08);transition:transform .18s ease,box-shadow .18s ease,outline-color .18s ease}.hairstyle-template-browser_colorSwatchNoColor__bVfAz{background:linear-gradient(135deg,#f8fafc,#e2e8f0 47%,#94a3b8 0,#94a3b8 53%,#f8fafc 0,#e2e8f0)}.hairstyle-template-browser_colorSwatchBorder__SaKOd{box-shadow:inset 0 0 0 2px rgba(148,163,184,.45),inset 0 1px 1px rgba(255,255,255,.4),0 10px 18px rgba(15,23,42,.08)}.hairstyle-template-browser_colorOptionActive__vhMI5 .hairstyle-template-browser_colorSwatch__Zt4rz{transform:scale(1.04);box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 14px 22px rgba(37,99,235,.18);outline:4px solid rgba(37,99,235,.14);outline-offset:2px}.hairstyle-template-browser_colorSelectedDot__WZUb1{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;color:#2563eb}.hairstyle-template-browser_colorSelectedDot__WZUb1 .hairstyle-template-browser_icon__S100s{width:18px;height:18px;padding:4px;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 8px 18px rgba(37,99,235,.2)}.hairstyle-template-browser_colorBadge__hYgax{position:absolute;top:-2px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 6px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#f97316);color:#ffffff;font-size:.58rem;font-weight:800;line-height:1;letter-spacing:.04em;box-shadow:0 6px 12px rgba(249,115,22,.28)}.hairstyle-template-browser_colorOptionLabel__ddRTy{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;max-width:80px;color:#475569;font-size:.72rem;font-weight:600;line-height:1.2;word-break:break-word}.hairstyle-template-browser_colorOptionActive__vhMI5 .hairstyle-template-browser_colorOptionLabel__ddRTy{color:#0f172a;font-weight:700}.hairstyle-template-browser_colorToggle__ytg1_{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid rgba(47,102,246,.2);border-radius:999px;background:transparent;color:#2563eb;font-size:.82rem;font-weight:600;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.hairstyle-template-browser_colorToggle__ytg1_:hover{background:rgba(219,234,254,.6);border-color:rgba(47,102,246,.35)}.hairstyle-template-browser_colorToggleIcon__gmqYw{width:14px;height:14px;transition:transform .18s ease}.hairstyle-template-browser_colorToggleIconOpen___rC_T{transform:rotate(180deg)}.hairstyle-template-browser_chipRail__rztaL{position:relative;padding:12px 0 4px;margin-top:10px}.hairstyle-template-browser_chipScroll__PIFIH{display:flex;flex-wrap:wrap;gap:8px;padding:0 2px}.hairstyle-template-browser_chipButton__Bpe_J{flex:0 0 auto;padding:8px 16px;border:1px solid rgba(47,102,246,.16);border-radius:999px;background:#ffffff;color:#1e293b;font-size:.92rem;font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;text-transform:capitalize;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.hairstyle-template-browser_chipButton__Bpe_J:hover{background:rgba(219,234,254,.6);border-color:rgba(47,102,246,.3);transform:translateY(-1px)}.hairstyle-template-browser_chipButtonActive__mek8U{background:linear-gradient(135deg,#2f66f6,#2457da);border-color:transparent;color:#ffffff;font-weight:600;box-shadow:0 6px 16px -6px rgba(37,99,235,.55)}.hairstyle-template-browser_chipButtonActive__mek8U:hover{background:linear-gradient(135deg,#2f66f6,#2457da);border-color:transparent;color:#ffffff;transform:translateY(-1px)}@media (max-width:560px){.hairstyle-template-browser_chipRail__rztaL{margin:10px -14px 0;padding:10px 0 4px}.hairstyle-template-browser_chipRail__rztaL:after,.hairstyle-template-browser_chipRail__rztaL:before{content:"";position:absolute;top:0;bottom:0;width:18px;pointer-events:none;z-index:2}.hairstyle-template-browser_chipRail__rztaL:before{left:0;background:linear-gradient(90deg,#ffffff,rgba(255,255,255,0))}.hairstyle-template-browser_chipRail__rztaL:after{right:0;background:linear-gradient(270deg,#ffffff,rgba(255,255,255,0))}.hairstyle-template-browser_chipScroll__PIFIH{flex-wrap:nowrap;overflow-x:auto;padding:0 14px;scroll-snap-type:x proximity;scroll-padding:0 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hairstyle-template-browser_chipScroll__PIFIH::-webkit-scrollbar{display:none}.hairstyle-template-browser_chipButton__Bpe_J{scroll-snap-align:start}}.hairstyle-template-browser_gridWrap__uEFN6{flex:1 1 auto;min-height:320px;max-height:min(58vh,620px);overflow-y:auto;margin-top:14px;margin-bottom:18px;scrollbar-color:rgba(148,163,184,.7) transparent;scrollbar-width:thin;padding-right:4px}.hairstyle-template-browser_gridWrap__uEFN6::-webkit-scrollbar{width:8px}.hairstyle-template-browser_gridWrap__uEFN6::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(148,163,184,.7)}.hairstyle-template-browser_gridWrap__uEFN6::-webkit-scrollbar-track{background:transparent}.hairstyle-template-browser_grid___adlp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px;padding:2px}.hairstyle-template-browser_card__vao3g{position:relative;overflow:hidden;aspect-ratio:1/1;padding:0;border:1px solid rgba(17,24,39,.2);border-radius:14px;background:#f3f4f6;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hairstyle-template-browser_card__vao3g:after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:0 0 0 0 transparent;transition:box-shadow .16s ease;pointer-events:none}.hairstyle-template-browser_card__vao3g:hover:after{box-shadow:0 0 0 1px rgba(17,24,39,.45)}.hairstyle-template-browser_cardActive__r8mU_:after,.hairstyle-template-browser_cardActive__r8mU_:hover:after{box-shadow:0 0 0 2px #2563eb}.hairstyle-template-browser_cardImage__UEbm4{width:100%;height:100%;display:block;object-fit:cover;border-radius:14px;transition:transform .22s ease}.hairstyle-template-browser_card__vao3g:hover .hairstyle-template-browser_cardImage__UEbm4{transform:scale(1.03)}.hairstyle-template-browser_selectedDot__zdtHf{position:absolute;top:6px;right:6px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#2563eb;color:#ffffff;box-shadow:0 4px 10px rgba(37,99,235,.35)}.hairstyle-template-browser_actions__9axS1{display:flex;flex-direction:column;align-items:center;gap:10px}.hairstyle-template-browser_helperText__ANPMa{margin:0;max-width:28ch;color:#475569;font-size:.82rem;line-height:1.5;text-align:center}.hairstyle-template-browser_primaryButton__5m2Ao{width:100%;min-height:56px;padding:12px 18px;border:none;border-radius:16px;background:linear-gradient(135deg,#2f66f6,#2457da);color:#ffffff;font-size:1.08rem;font-weight:700;line-height:1.4;cursor:pointer;transition:filter .18s ease,background .18s ease;box-shadow:0 16px 32px rgba(47,102,246,.24)}.hairstyle-template-browser_primaryButton__5m2Ao:hover:not(:disabled){filter:brightness(1.03)}.hairstyle-template-browser_primaryButton__5m2Ao:disabled{background:#6b7280;cursor:not-allowed;box-shadow:none}.hairstyle-template-browser_primaryButtonInner__TXxVT{display:flex;align-items:center;justify-content:center;gap:8px}.hairstyle-template-browser_creditPill__o15Ks{display:inline-flex;align-items:center;gap:4px;font-weight:500}.hairstyle-template-browser_coin__n_mCe{display:inline-block;vertical-align:middle;margin:0 4px;width:16px;height:16px;object-fit:contain}.hairstyle-template-browser_icon__S100s{width:16px;height:16px;flex-shrink:0}@media (max-width:1180px){.hairstyle-template-browser_grid___adlp{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:860px){.hairstyle-template-browser_grid___adlp{grid-template-columns:repeat(3,minmax(0,1fr))}.hairstyle-template-browser_gridWrap__uEFN6{max-height:min(46vh,420px)}}@media (max-width:560px){.hairstyle-template-browser_panel__iVpu7{padding:14px;border-radius:22px}.hairstyle-template-browser_toolbar__zuTL_{align-items:stretch}.hairstyle-template-browser_genderWrap__clLSy{width:100%;justify-content:space-between}.hairstyle-template-browser_genderButton__Q55_c{flex:1 1;min-height:44px}.hairstyle-template-browser_chipButton__Bpe_J{min-height:44px;padding:10px 16px}.hairstyle-template-browser_colorGrid__5OmYB{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:10px 2px}.hairstyle-template-browser_colorOption__WlSYS{min-height:44px;padding:4px 0}.hairstyle-template-browser_colorSwatch__Zt4rz{width:46px;height:46px}.hairstyle-template-browser_colorOptionLabel__ddRTy{font-size:.68rem;max-width:72px}.hairstyle-template-browser_grid___adlp{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hairstyle-template-browser_primaryButton__5m2Ao{min-height:52px;font-size:1.02rem}}@media (max-width:380px){.hairstyle-template-browser_panel__iVpu7{padding:12px}.hairstyle-template-browser_colorGrid__5OmYB{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.hairstyle-template-browser_colorSwatch__Zt4rz{width:42px;height:42px}.hairstyle-template-browser_colorOptionLabel__ddRTy{font-size:.64rem;max-width:64px}.hairstyle-template-browser_grid___adlp{gap:6px}.hairstyle-template-browser_chipButton__Bpe_J{padding:9px 14px;font-size:.88rem}}