.cosmetics-page .page-intro{margin-bottom:15px;padding-bottom:25px}.cosmetics-page .page-intro h1{font-size:clamp(38px,5vw,62px)}.cosmetics-page .page-intro>p:not(.eyebrow){max-width:750px;font-size:16px}.cosmetics-tabs{border-bottom:1px solid #9980b342;justify-content:flex-start;width:100%;margin-bottom:20px;gap:34px!important;height:58px!important}.cosmetics-tabs [data-slot=tabs-trigger]{flex:none;gap:9px;padding:12px 6px;font-size:16px}.cosmetics-tabs [data-slot=tabs-trigger]>span{color:#9998b7;margin-left:6px;font-size:12px}.cosmetics-tabs [data-active]{color:#dcc3ff!important}.cosmetics-tabs [data-active]:after{background:#c7a5f3!important}.cosmetic-explainer{justify-content:space-between;align-items:center;gap:28px;margin:0 0 26px;display:flex}.cosmetic-explainer p{color:#acaac2;max-width:760px;font-size:16px;line-height:1.8}.cosmetic-explainer strong{color:#e4dcf0;font-weight:600}.cosmetic-explainer>span{white-space:nowrap;color:#bda5d9;font-size:13px}.cosmetic-workspace{grid-template-columns:.85fr 1.15fr;align-items:start;gap:30px;display:grid}.cosmetic-preview{background:radial-gradient(at 50% 34%,#47315b70,#0000 70%),#101423c7;border:1px solid #9175b545;border-radius:12px;padding:28px 25px;position:sticky;top:102px}.cosmetic-render{width:min(100%,310px);margin:auto}.cosmetic-selection{text-align:center;margin-top:24px}.cosmetic-selection .eyebrow{font-size:12px}.cosmetic-selection h2{margin:12px 0;font-size:26px}.cosmetic-selection>p:last-child{color:#aba8be;max-width:360px;margin:auto;font-size:14px;line-height:1.8}.cosmetic-picker{min-width:0}.cosmetic-tools{gap:12px;margin-bottom:18px;display:flex}.cosmetic-tools .search-box{flex:1;min-width:0}.cosmetic-tools .filter-select{min-width:140px}.cosmetic-options{overscroll-behavior:contain;scrollbar-color:#63527d #0e1423;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:665px;padding:2px 10px 5px 2px;display:grid;overflow-y:auto}.cosmetic-option{text-align:left;background:#13182ae6;border:1px solid #7c718238;border-radius:8px;align-items:center;gap:10px;min-height:82px;padding:13px 10px;transition:border-color .2s,background .2s;display:flex}.cosmetic-option:hover{background:#262039df;border-color:#a18cb797}.cosmetic-option[aria-pressed=true]{background:linear-gradient(130deg,#48305bcb,#181d34);border-color:#d2aff6;box-shadow:inset 3px 0 #d4b0f6}.cosmetic-option>img{object-fit:contain;flex-shrink:0;width:48px;height:48px}.cosmetic-option>span:not(.cosmetic-palette){flex:1;min-width:0}.cosmetic-option strong{color:#e0d8ec;font-size:14px;font-weight:600;line-height:1.5;display:block}.cosmetic-option small{color:#a59ab5;text-transform:capitalize;margin-top:4px;font-size:12px;display:block}.cosmetic-option>svg{color:#ac99c2;flex-shrink:0}.cosmetic-palette{border:1px solid #fff3;border-radius:3px;flex-shrink:0;width:8px;height:26px}.cosmetic-command{border-top:1px solid #a588bd33;margin-top:25px;padding-top:22px}.cosmetic-command>p{color:#a9a4bc;margin-bottom:12px;font-size:14px;line-height:1.8}.cosmetic-command .copy-command{max-width:100%;font-size:14px;display:inline-flex}.cosmetic-empty{color:#b2a8c5;padding:35px 15px;font-size:16px}.cosmetic-disclaimer{color:#9998af;text-align:center;padding-top:30px;font-size:12px;line-height:1.8}.backdrop-studio{background:#121629;border:1px solid #9478b04d;border-radius:12px;overflow:hidden}.cosmetic-album-board{background-position:50%;background-size:cover;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:4%;padding:4%;display:grid}.backdrop-selection{justify-content:space-between;align-items:center;gap:25px;padding:25px;display:flex}.backdrop-selection h2{margin-top:10px;font-size:26px}.backdrop-selection .copy-command{max-width:100%;font-size:12px}.backdrop-search{max-width:450px;margin-top:30px}.cosmetic-backdrops{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.cosmetic-backdrops button{text-align:left;background:#16182be8;border:1px solid #77698060;border-radius:8px;overflow:hidden}.cosmetic-backdrops button[aria-pressed=true]{border-color:#d2aff6;box-shadow:0 0 0 2px #ba8eed40}.cosmetic-backdrops button>div{aspect-ratio:16/10;position:relative}.cosmetic-backdrops img{object-fit:cover}.cosmetic-backdrops button>span{color:#dad1e5;padding:12px;font-size:14px;line-height:1.5;display:block}@media (max-width:1050px){.cosmetic-workspace{grid-template-columns:.85fr 1fr;gap:20px}.cosmetic-options{grid-template-columns:1fr}.cosmetic-explainer{flex-direction:column;align-items:start;gap:8px}.cosmetic-tools{flex-wrap:wrap}.cosmetic-backdrops{grid-template-columns:repeat(3,minmax(0,1fr))}.backdrop-selection{flex-wrap:wrap}.cosmetic-preview{padding:25px 18px}}@media (max-width:700px){.cosmetics-tabs{gap:14px!important}.cosmetics-tabs [data-slot=tabs-trigger]{gap:6px;font-size:14px}.cosmetics-tabs [data-slot=tabs-trigger]>span{display:none}.cosmetic-workspace{grid-template-columns:1fr}.cosmetic-preview{padding:22px 20px;position:relative;top:auto}.cosmetic-render{width:235px}.cosmetic-selection{margin-top:15px}.cosmetic-selection h2{font-size:24px}.cosmetic-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:460px;padding-right:5px}.cosmetic-option{gap:7px;padding:10px 8px}.cosmetic-option strong{font-size:13px}.cosmetic-option small{font-size:11px}.cosmetic-option>img{width:37px;height:37px}.cosmetic-palette,.cosmetic-option>svg{display:none}.cosmetic-command{margin-top:18px}.cosmetic-backdrops{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cosmetic-album-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:25px}.backdrop-selection{padding:22px}.backdrop-selection h2{font-size:23px}.backdrop-selection .copy-command{white-space:normal}.cosmetic-tools .filter-select{min-width:135px}.cosmetics-page .page-intro h1{font-size:42px}}