.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:min(1600px,96vw);min-width:0;height:94dvh;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% - 92px)}}.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__sound,.skin-viewer-modal__close{color:#d3dbe6;cursor:pointer;background:0 0;border:1px solid #212429;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}@media (hover:hover){.skin-viewer-modal__sound:hover,.skin-viewer-modal__close:hover{background:#3b82f614;border-color:#3b82f673}}.skin-viewer-modal__sound{color:#a9b2c0}.skin-viewer-modal__sound_off{color:#8a93a2a6}.skin-viewer-modal__sound-icon{fill:none;stroke:currentColor}.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__workspace{flex:auto;min-width:0;min-height:0;display:flex}@media not screen and (width>=630px){.skin-viewer-modal__workspace{flex-direction:column}}.skin-viewer-modal__views{z-index:3;white-space:nowrap;background:#0c0d11e6;border:1px solid #d3dbe62e;border-radius:12px;gap:4px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #00000061}[dir=rtl] .skin-viewer-modal__views{left:auto;right:50%;transform:translate(50%)}@media not screen and (width>=630px){.skin-viewer-modal__views{max-width:calc(100% - 16px);bottom:8px}}.skin-viewer-modal__view{color:#8a93a2;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800}.skin-viewer-modal__view_active{color:#fff;background:#3b82f638}@media (hover:hover){.skin-viewer-modal__view:hover{color:#fff}}@media not screen and (width>=630px){.skin-viewer-modal__view{padding:7px;font-size:10px}}.skin-viewer-modal__accessories{background:#0a0b0e;border-left:1px solid #212429;flex-direction:column;flex:0 0 286px;min-width:0;min-height:0;padding:14px;display:flex}[dir=rtl] .skin-viewer-modal__accessories{border-left:none;border-right:1px solid #212429}@media not screen and (width>=630px){.skin-viewer-modal__accessories{border-top:1px solid #212429;border-left:0;flex:0 0 296px;padding:10px}[dir=rtl] .skin-viewer-modal__accessories{border-left:none;border-right:0}}.skin-viewer-modal__accessory-head{flex-direction:column;gap:3px;margin-bottom:12px;display:flex}.skin-viewer-modal__accessory-head strong{color:#d3dbe6;font-size:14px;font-weight:900}.skin-viewer-modal__accessory-head span{color:#8a93a2;font-size:11px}@media not screen and (width>=630px){.skin-viewer-modal__accessory-head{display:none}}.skin-viewer-modal__accessory-tabs,.skin-viewer-modal__accessory-slots{gap:5px;margin-bottom:10px;display:flex}.skin-viewer-modal__accessory-tab{color:#8a93a2;cursor:pointer;background:#0c0d118c;border:1px solid #212429;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 5px;font-size:11px;font-weight:800;display:inline-flex}.skin-viewer-modal__accessory-tab svg{fill:currentColor}.skin-viewer-modal__accessory-tab_active{color:#fff;background:#3b82f626;border-color:#3b82f68c}.skin-viewer-modal__accessory-slot{color:#8a93a2;cursor:pointer;touch-action:none;background:#0c0d11b3;border:1px solid #212429;border-radius:8px;flex:1;place-items:center;height:38px;padding:2px;font-size:11px;font-weight:900;display:grid}.skin-viewer-modal__accessory-slot img{object-fit:contain;max-width:100%;max-height:100%}.skin-viewer-modal__accessory-slot_active{color:#fff;border-color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f64d}.skin-viewer-modal__accessory-slot_filled{cursor:grab}.skin-viewer-modal__accessory-slot_filled:active{cursor:grabbing}.skin-viewer-modal__picked-charm{color:#d3dbe6;text-align:left;cursor:grab;touch-action:none;background:#3b82f61a;border:1px solid #3b82f661;border-radius:9px;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:5px 8px;font-size:11px;display:flex}[dir=rtl] .skin-viewer-modal__picked-charm{text-align:right}.skin-viewer-modal__picked-charm:active{cursor:grabbing}.skin-viewer-modal__picked-charm img{object-fit:contain;width:38px;height:38px}.skin-viewer-modal__accessory-actions{align-items:center;gap:12px;min-height:22px;margin:-4px 0 7px;display:flex}.skin-viewer-modal__accessory-remove{color:#8a93a2;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;font-size:11px;display:inline-flex}.skin-viewer-modal__accessory-remove svg{fill:currentColor;flex:none}@media (hover:hover){.skin-viewer-modal__accessory-remove:hover{color:#d3dbe6}}.skin-viewer-modal__accessory-rotation{color:#8a93a2;align-items:center;gap:7px;margin:-2px 0 8px;font-size:11px;display:flex}.skin-viewer-modal__accessory-rotation label{flex:none}.skin-viewer-modal__accessory-rotation input{accent-color:#3b82f6;flex:1;min-width:0}.skin-viewer-modal__accessory-rotation output{color:#d3dbe6;font-variant-numeric:tabular-nums;text-align:right;width:32px}[dir=rtl] .skin-viewer-modal__accessory-rotation output{text-align:left}.skin-viewer-modal__accessory-search{color:#d3dbe6;background:#0c0d11;border:1px solid #212429;border-radius:9px;outline:none;flex:none;width:100%;padding:9px 11px;font-size:12px}.skin-viewer-modal__accessory-search:focus{border-color:#3b82f6}.skin-viewer-modal__accessory-list{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;min-height:60px;margin-top:8px;display:grid;overflow-y:auto}@media not screen and (width>=630px){.skin-viewer-modal__accessory-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.skin-viewer-modal__accessory-option{color:#d3dbe6;cursor:pointer;background:#0c0d119e;border:1px solid #212429;border-radius:9px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:4px;font-size:10px;display:flex}.skin-viewer-modal__accessory-option img{object-fit:contain;width:100%;height:46px}.skin-viewer-modal__accessory-option span{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}@media (hover:hover){.skin-viewer-modal__accessory-option:hover{background:#3b82f61a;border-color:#3b82f699}}@media not screen and (width>=630px){.skin-viewer-modal__accessory-option img{height:32px}}.skin-viewer-modal__accessory-empty{color:#8a93a2;text-align:center;grid-column:1/-1;padding:10px;font-size:12px}.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}@media not screen and (width>=630px){.skin-viewer-modal__hint{display:none}}