.SkinOptionSelect-module__W6yLQq__wrapper{gap:var(--space-2);flex-direction:column;display:flex}.SkinOptionSelect-module__W6yLQq__label{font-size:var(--text-sm);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--weight-medium);color:var(--text-primary);display:block}.SkinOptionSelect-module__W6yLQq__layout{gap:var(--space-3);grid-template-columns:minmax(0,42%) 1fr;align-items:start;display:grid}.SkinOptionSelect-module__W6yLQq__optionsList{gap:var(--space-1);flex-direction:column;display:flex}.SkinOptionSelect-module__W6yLQq__optionItem{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;min-height:var(--touch-target-min);width:100%;line-height:var(--leading-tight);white-space:nowrap;background:0 0;border:1px solid #0000;display:flex}.SkinOptionSelect-module__W6yLQq__optionSelected{background:var(--color-brand-soft);border-color:var(--color-info-soft-border);color:var(--action-primary);box-shadow:var(--shadow-soft-inset)}.SkinOptionSelect-module__W6yLQq__optionUnselected{background:var(--surface-soft);border-color:var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-soft-xs)}.SkinOptionSelect-module__W6yLQq__optionUnselected:hover{border-color:var(--border-hover)}.SkinOptionSelect-module__W6yLQq__optionUnselected:active{box-shadow:var(--shadow-soft-inset)}.SkinOptionSelect-module__W6yLQq__optionDot{border-radius:var(--radius-full);width:14px;height:14px;transition:border-color var(--duration-fast) var(--easing-standard);border:1.5px solid;flex-shrink:0;justify-content:center;align-items:center;display:flex}.SkinOptionSelect-module__W6yLQq__optionDotFill{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.SkinOptionSelect-module__W6yLQq__previewPanel{border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border-default);box-shadow:var(--shadow-soft-sm);aspect-ratio:4/3;position:relative;overflow:hidden}@keyframes SkinOptionSelect-module__W6yLQq__skinOptionFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.SkinOptionSelect-module__W6yLQq__previewContent{animation:SkinOptionSelect-module__W6yLQq__skinOptionFadeIn var(--duration-normal) var(--easing-standard) both;position:absolute;inset:0}.SkinOptionSelect-module__W6yLQq__previewIllustration{position:absolute;inset:0;overflow:hidden}.SkinOptionSelect-module__W6yLQq__previewIllustration svg,.SkinOptionSelect-module__W6yLQq__previewIllustration img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.SkinOptionSelect-module__W6yLQq__previewOverlay{padding:var(--space-5) var(--space-3) var(--space-3);background:linear-gradient(to bottom, transparent 0%, var(--surface-glass-strong) 38%, var(--surface-solid) 100%);-webkit-backdrop-filter:blur(var(--blur-sm));gap:var(--space-1);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.SkinOptionSelect-module__W6yLQq__previewTitle{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--action-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.SkinOptionSelect-module__W6yLQq__previewDescription{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.SkinOptionSelect-module__W6yLQq__previewEmpty{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.SkinOptionSelect-module__W6yLQq__previewEmptyIcon{width:24px;height:24px;color:var(--text-muted);opacity:.4;flex-shrink:0}.SkinOptionSelect-module__W6yLQq__previewEmptyText{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal);max-width:130px}.SkinOptionSelect-module__W6yLQq__errorMessage{font-size:var(--text-sm);color:var(--text-destructive)}.SkinOptionSelect-module__W6yLQq__hintMessage{font-size:var(--text-sm);color:var(--text-muted)}@media (max-width:600px){.SkinOptionSelect-module__W6yLQq__layout{gap:var(--space-2);grid-template-columns:1fr}.SkinOptionSelect-module__W6yLQq__optionsList{flex-flow:wrap}.SkinOptionSelect-module__W6yLQq__optionItem{text-align:center;padding:var(--space-2);border-radius:var(--radius-sm);white-space:normal;min-height:var(--touch-target-min);flex:auto;justify-content:center;min-width:0}.SkinOptionSelect-module__W6yLQq__optionDot{display:none}.SkinOptionSelect-module__W6yLQq__previewPanel{aspect-ratio:unset;height:186px}.SkinOptionSelect-module__W6yLQq__previewDescription{-webkit-line-clamp:2}.SkinOptionSelect-module__W6yLQq__previewEmptyText{max-width:180px}}