.skin-viewer-modal{z-index:1200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skin-viewer-modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#07080ac7;border:0;position:absolute;inset:0}.skin-viewer-modal__window{background:#0c0d11;border:1px solid #3b82f64d;border-radius:20px;flex-direction:column;width:90vw;min-width:0;height:90dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000b3,0 0 0 6px #3b82f60f}.skin-viewer-modal__head{background:#0a0b0ecc;border-bottom:1px solid #212429;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}@media not screen and (width>=630px){.skin-viewer-modal__head{flex-wrap:wrap;gap:8px;padding:10px 12px}}.skin-viewer-modal__title{flex-direction:column;min-width:0;margin-right:auto;display:flex}[dir=rtl] .skin-viewer-modal__title{margin-left:auto;margin-right:0}@media not screen and (width>=630px){.skin-viewer-modal__title{flex:calc(100% - 52px)}}.skin-viewer-modal__name{text-overflow:ellipsis;white-space:nowrap;color:#d3dbe6;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:16px;font-weight:900;overflow:hidden}.skin-viewer-modal__seed{color:#8a93a2;font-size:12px;font-weight:700}.skin-viewer-modal__tabs{background:#0a0b0eb3;border:1px solid #212429;border-radius:999px;gap:4px;padding:3px;display:inline-flex}@media not screen and (width>=630px){.skin-viewer-modal__tabs{order:1}}.skin-viewer-modal__tab{color:#8a93a2;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}@media (hover:hover){.skin-viewer-modal__tab:hover{color:#d3dbe6}}.skin-viewer-modal__tab_active{color:#fff;background:#3b82f62e}.skin-viewer-modal__inspect{color:#8a93a2;cursor:pointer;background:0 0;border:1px solid #212429;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}@media (hover:hover){.skin-viewer-modal__inspect:hover{color:#d3dbe6;border-color:#3b82f673}}@media not screen and (width>=630px){.skin-viewer-modal__inspect{order:2;padding:8px}}.skin-viewer-modal__inspect_active{color:#fff;background:#3b82f629;border-color:#3b82f68c}.skin-viewer-modal__inspect-icon{fill:currentColor}@media not screen and (width>=630px){.skin-viewer-modal__inspect-label{display:none}}.skin-viewer-modal__reset{color:#8a93a2;cursor:pointer;background:0 0;border:1px solid #212429;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}@media (hover:hover){.skin-viewer-modal__reset:hover{color:#d3dbe6;border-color:#3b82f673}}@media not screen and (width>=630px){.skin-viewer-modal__reset{order:2;margin-left:auto;padding:8px}[dir=rtl] .skin-viewer-modal__reset{margin-left:0;margin-right:auto}}.skin-viewer-modal__reset-icon{fill:currentColor}@media not screen and (width>=630px){.skin-viewer-modal__reset-label{display:none}}.skin-viewer-modal__close{color:#d3dbe6;cursor:pointer;background:0 0;border:1px solid #212429;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}@media (hover:hover){.skin-viewer-modal__close:hover{background:#3b82f614;border-color:#3b82f673}}.skin-viewer-modal__close-icon{fill:currentColor}.skin-viewer-modal__patterns{background:#0a0b0e;border-bottom:1px solid #212429;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}@media not screen and (width>=630px){.skin-viewer-modal__patterns{flex-wrap:wrap;gap:8px;padding:8px 12px}}.skin-viewer-modal__stickers{background:#0a0b0e;border-bottom:1px solid #212429;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex;overflow:hidden}@media not screen and (width>=630px){.skin-viewer-modal__stickers{flex-wrap:wrap;gap:8px;padding:8px 12px}}.skin-viewer-modal__sticker-picks{scrollbar-width:thin;gap:8px;min-width:0;display:flex;overflow-x:auto}@media not screen and (width>=630px){.skin-viewer-modal__sticker-picks{width:100%}}.skin-viewer-modal__sticker{cursor:pointer;touch-action:none;background:#0c0d11b3;border:1px solid #212429;border-radius:10px;flex:0 0 58px;justify-content:center;align-items:center;height:48px;padding:3px;transition:opacity .14s,transform .14s,border-color .14s,background .14s,box-shadow .14s;display:flex;position:relative}.skin-viewer-modal__sticker_active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.skin-viewer-modal__sticker_empty{cursor:default;background:#0c0d1159;border-style:dashed}.skin-viewer-modal__sticker_filled{cursor:grab}.skin-viewer-modal__sticker_filled:active{cursor:grabbing}.skin-viewer-modal__sticker_dragging{opacity:.35;transform:scale(.92)}.skin-viewer-modal__sticker_drop{background:#3b82f624;border-style:solid;border-color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f647}.skin-viewer-modal__sticker_charm{border-style:dashed;border-color:#3b82f673;margin-left:6px}[dir=rtl] .skin-viewer-modal__sticker_charm{margin-left:0;margin-right:6px}@media not screen and (width>=630px){.skin-viewer-modal__sticker{flex:48px}}.skin-viewer-modal__sticker-mark{fill:#3b82f6d9;position:absolute;top:4px;right:5px}[dir=rtl] .skin-viewer-modal__sticker-mark{left:5px;right:auto}.skin-viewer-modal__charm-reset{color:#d3dbe6;cursor:pointer;background:#0c0d11b3;border:1px solid #212429;border-radius:10px;height:34px;padding:0 14px;font-size:12px;font-weight:700;transition:border-color .14s,color .14s}@media (hover:hover){.skin-viewer-modal__charm-reset:hover{color:#fff;border-color:#3b82f6}}.skin-viewer-modal__sticker-num{z-index:1;color:#d3dbe6;font-size:10px;font-weight:900;position:absolute;top:3px;left:5px}[dir=rtl] .skin-viewer-modal__sticker-num{left:auto;right:5px}.skin-viewer-modal__sticker-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;display:block}.skin-viewer-modal__sticker-empty{border:1px dashed #8a93a26b;border-radius:50%;width:18px;height:18px;display:block}.skin-viewer-modal__sticker-tools{border-left:1px solid #212429;flex:none;align-items:center;gap:8px;padding-left:12px;display:flex}[dir=rtl] .skin-viewer-modal__sticker-tools{border-left:none;border-right:1px solid #212429;padding-left:0;padding-right:12px}@media not screen and (width>=630px){.skin-viewer-modal__sticker-tools{border:0;justify-content:center;width:100%;padding:0}}.skin-viewer-modal__slot-select{color:#d3dbe6;cursor:pointer;background:#0c0d11;border:1px solid #212429;border-radius:8px;flex:none;max-width:104px;height:36px;padding:0 28px 0 10px;font-size:12px;font-weight:800}[dir=rtl] .skin-viewer-modal__slot-select{padding:0 10px 0 28px}.skin-viewer-modal__rotation{align-items:center;gap:6px;min-width:0;display:flex}.skin-viewer-modal__rotate{color:#d3dbe6;cursor:pointer;background:#0c0d11b3;border:1px solid #212429;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:19px;line-height:1;display:inline-flex}@media (hover:hover){.skin-viewer-modal__rotate:hover{background:#3b82f61a;border-color:#3b82f68c}}.skin-viewer-modal__rotation-range{accent-color:#3b82f6;cursor:pointer;flex:0 112px;width:112px;min-width:48px}@media not screen and (width>=630px){.skin-viewer-modal__rotation-range{flex-basis:64px;width:64px}}.skin-viewer-modal__rotation-value{color:#d3dbe6;font-variant-numeric:tabular-nums;text-align:right;width:36px;font-size:12px;font-weight:800}[dir=rtl] .skin-viewer-modal__rotation-value{text-align:left}.skin-viewer-modal__presets{scrollbar-width:thin;scrollbar-color:#212429 transparent;flex:1;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}@media not screen and (width>=630px){.skin-viewer-modal__presets{flex-basis:100%}}.skin-viewer-modal__preset{color:#8a93a2;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #212429;border-radius:8px;flex-shrink:0;padding:7px 12px;font-size:12px;font-weight:700}@media (hover:hover){.skin-viewer-modal__preset:hover{color:#d3dbe6;border-color:#3b82f680}}.skin-viewer-modal__preset_active{color:#d3dbe6;background:#3b82f629;border-color:#3b82f699}.skin-viewer-modal__preset:focus-visible,.skin-viewer-modal__tab:focus-visible,.skin-viewer-modal__sticker:focus-visible,.skin-viewer-modal__slot-select:focus-visible,.skin-viewer-modal__backdrop-pick:focus-visible,.skin-viewer-modal__rotate:focus-visible,.skin-viewer-modal__rotation-range:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.skin-viewer-modal__stage{background:#07090d;flex:auto;min-height:0;position:relative}.skin-viewer-modal__stage:after{content:"";pointer-events:none;background:radial-gradient(at 50% 48%,#0000 42%,#02040952 100%),linear-gradient(#0204091f,#0000 24% 76%,#0204093d);position:absolute;inset:0}[dir=rtl] .skin-viewer-modal__stage:after{background:radial-gradient(at 50% 48%,#0000 42%,#02040952 100%),linear-gradient(-180deg,#0204091f,#0000 24% 76%,#0204093d)}.skin-viewer-modal__backdrops{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0d11b8;border:1px solid #d3dbe624;border-radius:12px;gap:6px;padding:5px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 8px 22px #00000047}[dir=rtl] .skin-viewer-modal__backdrops{left:12px;right:auto}@media not screen and (width>=630px){.skin-viewer-modal__backdrops{gap:4px;padding:4px;top:8px;right:8px}[dir=rtl] .skin-viewer-modal__backdrops{left:8px;right:auto}}.skin-viewer-modal__backdrop-pick{color:#8a93a2;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;align-items:center;gap:4px;width:74px;padding:3px 3px 5px;transition:border-color .15s,background .15s,color .15s;display:flex;position:relative}@media (hover:hover){.skin-viewer-modal__backdrop-pick:hover{color:#d3dbe6;background:#d3dbe60f}}.skin-viewer-modal__backdrop-pick_active{color:#fff;background:#3b82f624;border-color:#3b82f6b3}@media not screen and (width>=630px){.skin-viewer-modal__backdrop-pick{width:52px}}.skin-viewer-modal__backdrop-thumb{aspect-ratio:2;object-fit:cover;background:#0a0b0e;border-radius:6px;width:100%;display:block}.skin-viewer-modal__backdrop-name{letter-spacing:.02em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1}@media not screen and (width>=630px){.skin-viewer-modal__backdrop-name{display:none}}.skin-viewer-modal__canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.skin-viewer-modal__canvas:active{cursor:grabbing}.skin-viewer-modal__canvas_carrying{cursor:crosshair}.skin-viewer-modal__ghost{z-index:40;object-fit:contain;pointer-events:none;opacity:.94;filter:drop-shadow(0 12px 20px #0009);will-change:transform;width:124px;height:124px;position:fixed;top:0;left:0}[dir=rtl] .skin-viewer-modal__ghost{left:auto;right:0}@media not screen and (width>=630px){.skin-viewer-modal__ghost{width:92px;height:92px}}.skin-viewer-modal__overlay{z-index:4;pointer-events:none;background:#0a0b0e99;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.skin-viewer-modal__overlay-text{color:#d3dbe6;font-size:13px;font-weight:700}.skin-viewer-modal__retry{color:#d3dbe6;cursor:pointer;pointer-events:auto;background:#3b82f624;border:1px solid #3b82f673;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:700}@media (hover:hover){.skin-viewer-modal__retry:hover{background:#3b82f642}}.skin-viewer-modal__notice{z-index:5;color:#d3dbe6;text-align:center;background:#0c0d11eb;border:1px solid #3b82f64d;border-radius:999px;width:fit-content;margin:0 auto;padding:8px 14px;font-size:12px;font-weight:700;position:absolute;bottom:16px;left:16px;right:16px}.skin-viewer-modal__loader{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0d11f0;border:1px solid #3b82f64d;border-radius:16px;width:min(360px,100% - 40px);padding:22px 24px 24px;box-shadow:0 18px 60px #00000073,inset 0 1px #ffffff0d}.skin-viewer-modal__loader-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.skin-viewer-modal__loader-percent{color:#3b82f6;font-variant-numeric:tabular-nums;font-size:24px;font-weight:900;line-height:1}.skin-viewer-modal__loader-track{background:#3b82f626;border-radius:999px;height:8px;overflow:hidden}.skin-viewer-modal__loader-fill{border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#8ae7ff);height:100%;transition:width .2s;display:block;box-shadow:0 0 16px #3b82f6b3}[dir=rtl] .skin-viewer-modal__loader-fill{background:linear-gradient(-90deg,#3b82f6,#8ae7ff)}.skin-viewer-modal__hint{color:#8a93a2;border-top:1px solid #212429;flex-shrink:0;margin:0;padding:8px 16px 10px;font-size:12px;font-weight:500}