.tonearm-light-control{display:flex;align-items:end;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid #ffffff16}
.tonearm-light-control label{display:block;flex:1;min-width:0;color:#c4cec0;font-size:11px}
.tonearm-light-control label>span{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}
.tonearm-light-control output{font-variant-numeric:tabular-nums;color:#e4e8df}
.tonearm-light-control input{display:block;width:100%;height:28px;margin:0;accent-color:#c4d99c;cursor:pointer}
.tonearm-light-control button{flex:none;min-height:36px;padding:6px 9px;border:1px solid #ffffff26;border-radius:7px;background:transparent;color:#a6b29e;font:inherit;font-size:10px;cursor:pointer}
.tonearm-light-control button[aria-pressed=true]{border-color:#c4d99c66;background:#c4d99c12;color:#d4e5bb}
.console-mats{border:0;border-top:1px solid var(--line);padding:20px 0 24px;margin:0;min-width:0}
.console-mats legend{font-size:12px;color:#dae2d5;padding:0 12px 0 0}
.deck-mat-choices{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.deck-mat-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:8px;min-width:0;min-height:92px;padding:12px 5px 10px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff04;color:#e1e6dd;font:inherit;font-size:11px;line-height:1.4;text-align:center;cursor:pointer}
.deck-mat-choice i{display:block;width:46px;height:46px;border-radius:50%;background-size:cover;box-shadow:0 2px 0 #0008,0 3px 5px #0005;mask-image:radial-gradient(circle,transparent 0 1px,#000 1.5px);-webkit-mask-image:radial-gradient(circle,transparent 0 1px,#000 1.5px)}
.deck-mat-choice[data-mat-kind=felt] i{background-blend-mode:multiply}
.deck-mat-choice:hover{background:#ffffff0a}
.deck-mat-choice[aria-pressed=true]{border-color:#c4d99c9c;background:#c4d99c12}
.deck-mat-choice[aria-pressed=true]:after{content:'✓';position:absolute;right:5px;top:3px;color:#c4d99c;font-size:11px}
.deck-mat-choice:focus-visible,.tonearm-light-control :focus-visible{outline:2px solid #c4d99c;outline-offset:3px}
.deck-mat-choice:disabled,.tonearm-light-control :disabled{opacity:.45;cursor:default}
.deck-finish-picker .deck-mat-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
.mat-preview-control{display:flex;align-items:center;gap:9px;min-height:44px;margin-top:10px;color:#c4cec0;font-size:12px;line-height:1.4;cursor:pointer}
.mat-preview-control input{width:17px;height:17px;margin:0;accent-color:#c4d99c;flex:none;cursor:pointer}
.mat-preview-control input:focus-visible{outline:2px solid #c4d99c;outline-offset:3px}
.mat-preview-control:has(input:disabled){opacity:.45;cursor:default}
@media(max-width:800px){.deck-mat-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.deck-mat-choice{font-size:10px}.tonearm-light-control button{min-height:40px}}
@media(max-width:400px){.deck-mat-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}