.skin-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 18px; align-items: center; }
.drop { display: grid; gap: 4px; place-items: center; text-align: center; padding: 22px 16px; border: 2px dashed var(--line-strong); border-radius: var(--radius); background: var(--surface-2); cursor: pointer; color: var(--ink-2); font-size: 13.5px; }
.drop b { color: var(--ink); font-size: 15px; }
.drop:hover, .drop.over { border-color: var(--green); background: var(--green-soft); }
.skin-opts { display: grid; gap: 12px; }
#skinInfo.bad { color: #b3261e; }
.skin-views { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.skin-3d { margin: 12px 0 0; cursor: grab; touch-action: none; }
.skin-3d:active { cursor: grabbing; }
.skin-flat { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; margin-top: 12px; }
.skin-flat .viz { margin: 0; }
.skin-flat .hint { text-align: center; margin: 4px 0 0; }
#vMap { max-width: 640px; margin: 0 auto; }
@media (max-width: 800px) { .skin-top, .skin-views { grid-template-columns: 1fr; } }