.grabber-tool { margin: 28px 0; }
.grabber-tool label { display: block; margin: 12px 0 8px; }
#java-username { width: 100%; padding: 12px; border: 2px solid var(--line); background: var(--bg2); color: var(--text); font: inherit; }
#lookup-button { margin-top: 20px; }
.grabber-tool button:disabled { opacity: .6; cursor: wait; }
#lookup-status { min-height: 1.5em; }
.grabber-views { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; margin: 20px 0; }
#skin-texture { display: block; width: 100%; max-width: 256px; height: auto; image-rendering: pixelated; background: repeating-conic-gradient(#263052 0% 25%, #17203c 0% 50%) 0 / 16px 16px; }
#skin-turn { width: 100%; }
.skin-stage { height: 300px; display: grid; place-items: center; perspective: 700px; overflow: hidden; background: var(--bg2); }
#skin-character { position: relative; width: 112px; height: 224px; transform-style: preserve-3d; transform: rotateX(-12deg) rotateY(25deg); }
.skin-box { position: absolute; transform-style: preserve-3d; }
.skin-face { position: absolute; left: 50%; top: 50%; image-rendering: pixelated; background-size: 100% 100%; backface-visibility: hidden; }
@media (max-width: 600px) { .grabber-views { grid-template-columns: 1fr; } #skin-texture { margin: auto; } }

.example-names { display: flex; align-items: center; gap: 10px; margin-top: 16px; }
#skin-texture[hidden] { display: none; }