.pm3d-studio[data-kind="nameplate"] .nameplate-pairings{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 23px}
.pm3d-studio[data-kind="nameplate"] .nameplate-pairings .eyebrow{width:100%;margin-bottom:4px}
.pm3d-studio[data-kind="nameplate"] .nameplate-pairings button{background:var(--body);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:5px;padding:9px 10px;font-size:11px;font-weight:600;cursor:pointer;min-height:36px}
.pm3d-studio[data-kind="nameplate"] .nameplate-pairings button:focus-visible{outline:2px solid var(--theme-action);outline-offset:3px}
.pm3d-studio[data-kind="nameplate"] #colour-target{width:90px;padding:3px 2px;min-height:30px;font-size:12px;color:var(--theme-text);background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:4px}
.pm3d-studio[data-kind="nameplate"] .colour-heading{min-width:94px}
.pm3d-studio[data-kind="nameplate"] .nameplate-modes{position:absolute;z-index:3;top:100px;right:32px;display:flex;gap:2px;padding:3px;background:var(--theme-media-control-surface);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 14px var(--theme-shadow)}
.pm3d-studio[data-kind="nameplate"] .nameplate-modes button{min-height:40px;padding:0 16px;border:0;border-radius:4px;background:transparent;color:var(--theme-text-muted);font:600 12px var(--body);white-space:nowrap;cursor:pointer}
.pm3d-studio[data-kind="nameplate"] .nameplate-modes button:hover{color:var(--theme-text)}
.pm3d-studio[data-kind="nameplate"] .nameplate-modes button[aria-pressed="true"]{background:var(--theme-action);color:var(--theme-action-text)}
.pm3d-studio[data-kind="nameplate"] .nameplate-modes button:focus-visible{outline:2px solid var(--theme-focus);outline-offset:2px}
.pm3d-studio[data-kind="nameplate"] .nameplate-view-note{position:absolute;z-index:2;top:146px;left:32px;right:32px;margin:0;font:11px/1.4 var(--body);color:var(--theme-text-muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm3d-studio[data-kind="nameplate"] .view-tools button[aria-pressed="true"]{color:var(--blue);background:var(--theme-info-surface)}
.pm3d-studio[data-kind="nameplate"] .view-tools{top:auto;bottom:202px;left:32px;right:auto;max-width:calc(100% - 64px);flex-direction:row;flex-wrap:nowrap;gap:3px}
.pm3d-studio[data-kind="nameplate"] .view-tools>span{width:1px;height:22px;margin:5px 3px}
.pm3d-studio[data-kind="nameplate"] .view-tools button{padding:0 9px;white-space:nowrap}
@media(max-width:650px){
  .pm3d-studio[data-kind="nameplate"] .nameplate-modes{top:122px;left:16px;right:16px;display:grid;grid-template-columns:1fr 1fr}
  .pm3d-studio[data-kind="nameplate"] .nameplate-modes button{min-height:44px;padding:0 8px}
  .pm3d-studio[data-kind="nameplate"] .nameplate-view-note{top:178px;left:16px;right:16px;font-size:11px;white-space:normal}
  .pm3d-studio[data-kind="nameplate"] .stage{height:720px;min-height:720px}
  .pm3d-studio[data-kind="nameplate"] #viewport{top:108px;bottom:230px}
  .pm3d-studio[data-kind="nameplate"] .view-tools{left:16px;right:16px;max-width:none;bottom:208px;justify-content:space-between}
  .pm3d-studio[data-kind="nameplate"] .view-tools button{min-width:30px;font-size:11px;padding:0 6px;height:36px}
  .pm3d-studio[data-kind="nameplate"] .view-tools>span{display:none}
  .pm3d-studio[data-kind="nameplate"] .stage-base{bottom:177px;left:18px;right:18px}
  .pm3d-studio[data-kind="nameplate"] .measurements{bottom:110px;left:20px;right:20px}
  .pm3d-studio[data-kind="nameplate"] .colour-deck{display:grid;grid-template-columns:1fr 24px 66px;gap:8px 12px;padding:10px 20px}
  .pm3d-studio[data-kind="nameplate"] .colour-heading{grid-column:1;grid-row:1;flex-direction:row;align-items:center;gap:8px}
  .pm3d-studio[data-kind="nameplate"] .colour-swatches{grid-column:1/-1;grid-row:2;max-width:none;gap:5px}
  .pm3d-studio[data-kind="nameplate"] .custom-colour{grid-column:2;grid-row:1}
  .pm3d-studio[data-kind="nameplate"] #finish{grid-column:3;grid-row:1}
}
