.hardware-color-picker{border:0;border-top:1px solid var(--line);padding:20px 22px;margin:12px 0 0;min-width:0;text-align:left;background:#0d1822;color:var(--text)}
.hardware-color-picker legend{float:left;width:100%;font-size:12px;letter-spacing:.02em;margin-bottom:12px;font-weight:500}.color-swatches{clear:both;display:flex;gap:7px;flex-wrap:wrap}
.color-swatch{width:43px;height:43px;display:grid;place-items:center;padding:5px;background:transparent;border:1px solid #3d525f;border-radius:50%;cursor:pointer;flex-shrink:0}.color-swatch span{width:29px;height:29px;border-radius:50%;background:var(--swatch);border:1px solid #ffffff35}.color-swatch:hover,.color-swatch[aria-pressed=true]{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.color-swatch[aria-pressed=true] span:after{content:'✓';display:grid;place-items:center;width:100%;height:100%;font-size:15px;color:white;text-shadow:0 1px 3px #000,0 0 3px #000}
.color-selection{font-size:12px!important;color:var(--mint)!important;margin:12px 0!important;min-height:20px}.color-ral-form{display:flex;gap:10px;align-items:end;max-width:480px}.color-ral-form label{font-size:10px;line-height:1.5;color:var(--muted);flex:1;min-width:0}.color-ral-form input{display:block;width:100%;box-sizing:border-box;background:#08121c;color:var(--text);border:1px solid #3d525f;padding:11px 12px;font:inherit;font-size:12px;margin-top:6px;min-height:44px;border-radius:3px}.color-ral-form input[aria-invalid=true]{border-color:#f89e9e}.color-ral-form>button{padding:11px 15px;min-height:44px;border-radius:3px;border:1px solid #3d525f;background:#162a34;color:var(--text);font-size:11px;cursor:pointer}.color-ral-form>button:hover{border-color:var(--mint)}
.color-feedback{font-size:11px!important;margin:8px 0!important;line-height:1.5;min-height:0;color:var(--muted)}.color-feedback:empty{display:none}.color-picker-bottom{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:12px}.color-picker-bottom small{font-size:9px;color:var(--muted)}.color-picker-bottom button{border:0;background:none;color:var(--mint);font-size:10px;padding:7px 0;cursor:pointer}.color-picker-bottom button:disabled{opacity:.35;cursor:default}
.hardware-color-render{position:relative;min-width:0;overflow:hidden}.hardware-color-render>img{width:115%;max-width:none;margin-left:-8%;mix-blend-mode:screen;position:relative;z-index:1}.hardware-hero-visual img.color-preview,.mini-hero-visual>img.color-preview,.rj45-hero-visual>img.color-preview{mix-blend-mode:normal!important;filter:none!important}
#model-viewer-dialog [data-hardware-colors]{margin:0 24px}#model-viewer-dialog .hardware-color-picker{padding:14px 0 4px;margin:0;background:transparent;display:grid;grid-template-columns:1fr 1fr;column-gap:26px}#model-viewer-dialog .hardware-color-picker legend{grid-column:1/-1;margin:0 0 10px}#model-viewer-dialog .color-swatches{grid-column:1;grid-row:2}#model-viewer-dialog .color-selection{grid-column:1;grid-row:3}#model-viewer-dialog .color-ral-form{grid-column:2;grid-row:2/4;align-self:start}#model-viewer-dialog .color-picker-bottom,#model-viewer-dialog .color-feedback{grid-column:1/-1}#model-viewer-stage{height:min(46dvh,520px)}#model-viewer-surface:fullscreen #model-viewer-stage{height:calc(100dvh - 420px)}
@media(max-width:600px){.hardware-color-picker{padding:18px 16px}.color-swatch{width:40px;height:40px}.color-swatches{gap:6px}#model-viewer-dialog [data-hardware-colors]{margin:0 16px}#model-viewer-dialog .hardware-color-picker{display:block}#model-viewer-dialog .color-ral-form{max-width:none}#model-viewer-stage{height:34dvh;min-height:210px}}