/* Pocket cassette hardware, shared across gallery and detail view. */
.skin-stage{min-height:255px;padding:32px 20px;overflow:visible}
.skin-device{position:relative;box-sizing:border-box;width:100%;max-width:245px;aspect-ratio:109/80;padding:0;border-radius:6px;isolation:isolate;border:2px solid #98a4a4;box-shadow:inset 0 0 0 3px #ffffff18,inset -5px 0 5px #0003,8px 15px 20px #15251c30;transform:rotate(-4deg)}
.skin-device[data-material=plastic]{border-radius:8px}
.skin-device:before{content:"";position:absolute;left:1%;right:1%;top:-4%;height:5%;border:1px solid #7d8889;border-radius:3px 3px 0 0;background:linear-gradient(#e2e6e4,#929f9e);z-index:-1}
.skin-device:after{content:"PHONES  •  VOL ━━━";position:absolute;bottom:3%;left:7%;font:600 6px system-ui;letter-spacing:1px;opacity:.75}
.device-name{position:absolute;left:7%;right:7%;top:10%;font-size:8px;letter-spacing:.7px;white-space:nowrap}
.device-name small{display:block;font-size:5px}
.skin-cassette{position:absolute;box-sizing:border-box;left:7%;right:7%;top:28%;bottom:13%;margin:0;padding:0;border:2px solid #89958b;border-radius:3px;background:linear-gradient(150deg,#273338,#0a1115);box-shadow:inset 0 0 0 2px #0005;overflow:hidden}
.skin-label{position:absolute;box-sizing:border-box;left:5%;right:5%;top:9%;height:25%;padding:3% 4%;margin:0;font:italic 10px Georgia;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skin-reels{position:absolute;box-sizing:border-box;left:8%;right:8%;top:46%;bottom:10%;margin:0;padding:0;align-items:center;gap:0;border:1px solid #65716c;border-radius:30px;background:linear-gradient(#101a1d,#36423e)}
.skin-reels i{box-sizing:border-box;width:27%;height:auto;aspect-ratio:1;border-width:2px;box-shadow:0 0 0 2px #222d27}
.device-keys{position:absolute;box-sizing:border-box;left:36%;right:6%;top:-6%;height:8%;padding:0;gap:3px;background:none;border-radius:0;color:#24302d;font-size:6px}
.device-keys span{display:grid;place-items:center;flex:1;border:1px solid #74827e;border-radius:2px;background:linear-gradient(90deg,#bac6c1,#f4f4ec 45%,#94a49d);box-shadow:0 2px 0 #43534a}
.device-keys span:nth-child(2){border-top:2px solid var(--accent)}
#skin-preview .skin-stage{min-height:310px;padding:34px 24px}
#skin-preview .skin-device{max-width:340px;scale:1;transform:none}
@media(max-width:480px){.skin-stage{min-height:260px;padding:32px 24px}.skin-device{max-width:260px;padding:0}.device-name{font-size:8px}.device-name small{font-size:5px}.skin-label{font-size:11px}.skin-reels{padding:0}.skin-reels i{width:27%;height:auto}}