.skin-viewer{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.skin-canvas{border-radius:8px;transition:all .3s ease}.skin-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.8rem}.skin-spinner{width:24px;height:24px;border:2px solid rgba(0,255,135,.2);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skin-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff453a;font-size:1.5rem;opacity:.6}