.skin-fig{flex:none;position:relative}.skin-fig-canvas,.skin-head{image-rendering:pixelated;image-rendering:crisp-edges}.skin-fig-canvas{pointer-events:none;display:block;position:absolute}.skin-head{width:100%;height:100%;display:block}.skin-picker{flex-direction:column;gap:14px;min-width:0;display:flex}.skin-group{flex-direction:column;gap:8px;min-width:0;display:flex}.skin-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:12px}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.skin-tile{border-radius:var(--radius);border:1px solid var(--line);min-width:0;color:inherit;cursor:pointer;transition:border-color .2s, background .2s, transform .2s var(--ease);background:radial-gradient(90% 70% at 50% 35%,#e8a34a12,#07080d99);flex-direction:column;align-items:center;gap:6px;padding:12px 4px 8px;display:flex}.skin-tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}.skin-tile.on{border-color:var(--candle);background:radial-gradient(90% 70% at 50% 35%,#e8a34a3d,#07080d99);box-shadow:0 0 18px #e8a34a40}.skin-tile-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:1.2;overflow:hidden}.skin-mc{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.skin-mc .input{flex:160px;min-width:0}.skin-mc .skin-tile{flex:none;width:92px}.skin-editor{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;display:grid}.skin-editor-stage{border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(60% 55% at 50% 40%,#e8a34a33,#07080de6 75%);flex-direction:column;align-items:center;gap:12px;padding:40px 0 18px;display:flex;position:sticky;top:0}.skin-editor-stage .skin-fig{width:100px;height:200px}.skin-editor-name{font-family:var(--display);min-height:1.2em;font-size:20px;font-weight:600}.skin-editor-main{flex-direction:column;gap:16px;min-width:0;display:flex}@media (max-width:640px){.skin-editor{grid-template-columns:minmax(0,1fr)}.skin-editor-stage{padding:22px 0 12px;position:static}.skin-editor-stage .skin-fig{width:70px;height:140px}}.skin-next{color:var(--dim);font-variant-numeric:tabular-nums;align-self:center;font-size:13px}
