.skin-view{min-width:0;text-align:center;color:var(--royal-muted);font-size:11px}
.skin-view-stage{height:234px;position:relative;perspective:750px;user-select:none;touch-action:none;cursor:grab;isolation:isolate}
.skin-view-stage.dragging{cursor:grabbing}
.skin-view-stage:focus-visible{outline:2px solid var(--royal-gold);outline-offset:-4px;border-radius:8px}
.skin-view-model{position:absolute;left:50%;top:47%;width:0;height:0;transform-style:preserve-3d;transform-origin:0 0}
.skin-view-part{position:absolute;width:0;height:0;transform-style:preserve-3d}
.skin-view-face{position:absolute;background-repeat:no-repeat;image-rendering:pixelated;backface-visibility:hidden}
.skin-view-shadow{position:absolute;left:50%;bottom:19px;width:108px;height:14px;margin-left:-54px;background:#3b302a2b;border-radius:50%;filter:blur(5px)}
.skin-view .skin-view-caption{font-size:11px;line-height:1.5;margin:0 auto 9px!important;color:var(--royal-muted);max-width:250px}
.skin-view-controls{display:flex;justify-content:center;gap:6px}
.skin-view-controls button{background:#f4ecd9;color:var(--royal-gold);border:1px solid #beaa7c;border-radius:4px;font:12px/1.2 'SkarCraft Serif',Georgia,serif;min-width:38px;min-height:33px;padding:7px 10px;cursor:pointer}
.skin-view-controls button:hover{background:#e1d4b7}
.skin-view .skin-view-hint{font-size:10px;line-height:1.5;margin:8px 0 0!important;color:var(--royal-muted)}
.skin-view[data-loaded=false] .skin-view-stage{height:145px;cursor:default;background:radial-gradient(ellipse,#b4a07815,transparent 70%)}
.profile-skin-view{flex:0 0 225px;width:225px;padding:0 0 4px}
.selected-skin-view{margin:0 0 21px;border-bottom:1px solid #d8cbb3;padding:0 0 21px}
@media(max-width:680px){.profile-skin-view{flex-basis:158px;width:158px}.profile-skin-view .skin-view-stage{height:220px}.profile-skin-view .skin-view-model{transform-origin:0 0}.welcome-panel{gap:16px;padding-left:19px;padding-right:19px}.skin-view .skin-view-caption{font-size:10px}.skin-view-controls button{min-width:34px;min-height:32px;padding:6px 8px}.skin-view .skin-view-hint{font-size:9px}}
@media(max-width:440px){.welcome-panel{flex-direction:column;align-items:stretch}.profile-skin-view{width:100%;flex-basis:auto}.profile-skin-view .skin-view-stage{height:231px}.profile-skin-view .skin-view-caption{font-size:11px}.skin-view .skin-view-hint{font-size:10px}}