.skin-type-picker{width:100%}.skin-type-picker-label{font-size:.9rem;font-weight:500;color:#333;margin-bottom:12px;text-align:center}.skin-type-options{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px;margin-bottom:12px}.skin-type-option{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:10px;background:#f5f5f7;border:2px solid transparent;cursor:pointer;transition:all .2s ease;min-width:0}.skin-type-option:hover:not(:disabled){background:#eee;transform:translateY(-2px)}.skin-type-option.selected{border-color:#ff9500;background:#fff;box-shadow:0 0 0 3px rgba(255,149,0,.2)}.skin-type-option:disabled{opacity:.5;cursor:not-allowed}.skin-swatch{width:32px;height:32px;border-radius:50%;border:2px solid;margin-bottom:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.skin-short-label{font-size:.65rem;font-weight:500;color:#555;text-align:center;line-height:1.15;overflow-wrap:anywhere}.skin-type-option.selected .skin-short-label{color:#333;font-weight:600}.skin-type-description-container{min-height:40px;display:flex;align-items:center;justify-content:center}.skin-type-description{font-size:.85rem;font-style:italic;color:#666;text-align:center;line-height:1.4;padding:0 8px}.skin-type-picker.dark-theme .skin-type-picker-label{color:#e0e0e0}.skin-type-picker.dark-theme .skin-type-option{background:#2a2a2a}.skin-type-picker.dark-theme .skin-type-option:hover:not(:disabled){background:#3a3a3a}.skin-type-picker.dark-theme .skin-type-option.selected{background:#333;border-color:#ff9500}.skin-type-picker.dark-theme .skin-short-label{color:#aaa}.skin-type-picker.dark-theme .skin-type-option.selected .skin-short-label{color:#fff}.skin-type-picker.dark-theme .skin-type-description{color:#aaa}@media (max-width:400px){.skin-type-options{gap:4px}.skin-type-option{padding:6px 2px}.skin-swatch{width:26px;height:26px}.skin-short-label{font-size:.6rem}}