.printer-header-actions { display:flex; align-items:center; gap:10px; min-width:0; }
.printer-device-picker { display:flex; align-items:center; gap:7px; font-size:11px; color:#76767c; }
.printer-device-picker select { max-width:180px; min-height:32px; border:1px solid #d6d6dc; border-radius:9px; padding:0 9px; background:#fff; color:#252528; font-size:12px; }
#paperangDeviceWorkspace[hidden],#mp50DeviceWorkspace[hidden],#paperangCheckButton[hidden] { display:none !important; }
.mp50-workspace { display:grid; grid-template-rows:auto minmax(0,1fr) auto; min-height:0; overflow:hidden; }
.mp50-connection-note { display:grid; gap:4px; padding:12px 16px; background:#f7f7f9; border-bottom:1px solid #e4e4e8; font-size:11px; line-height:1.5; }
.mp50-connection-note span { color:#77777e; font-size:10px; }
.mp50-main-grid { display:grid; grid-template-columns:minmax(240px,1fr) minmax(220px,1fr); min-height:0; }
.mp50-fields,.mp50-preview-panel { min-width:0; min-height:0; padding:16px; overflow-y:auto; overscroll-behavior:contain; }
.mp50-fields { border-right:1px solid #e7e7eb; }
.mp50-fields h2,.mp50-preview-panel h2 { font-size:13px; margin:0 0 8px; }
.mp50-note { color:#818188; font-size:10px; line-height:1.6; margin:8px 0 12px; overflow-wrap:anywhere; }
.mp50-field-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }
.mp50-field-grid label { display:grid; gap:5px; min-width:0; color:#6d6d74; font-size:10px; }
.mp50-field-grid .mp50-wide { grid-column:1/-1; }
.mp50-field-grid input,.mp50-field-grid select { width:100%; min-width:0; height:32px; border:1px solid #d6d6dc; border-radius:8px; padding:0 8px; background:#fff; color:#222225; font-size:12px; }
.printer-device-picker select:focus,.mp50-field-grid input:focus,.mp50-field-grid select:focus { outline:none; border-color:#777780; box-shadow:0 0 0 1px #2221; }
.mp50-preview-panel { display:flex; flex-direction:column; }
.mp50-preview-stage { flex:1; display:grid; place-items:center; min-height:150px; padding:14px; border-radius:12px; background:#ededf0; overflow:auto; }
#mp50Canvas { display:block; max-width:100%; max-height:100%; width:auto; height:auto; background:white; border-radius:3px; box-shadow:0 4px 18px #0001; }
.mp50-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:12px 16px; border-top:1px solid #e3e3e8; background:#f5f5f7; }
.mp50-footer>span { flex:1 1 160px; font-size:10px; color:#72727a; line-height:1.5; overflow-wrap:anywhere; }
.mp50-footer>div { display:flex; flex-wrap:wrap; gap:8px; }
.mp50-footer button { border:1px solid #d6d6dc; border-radius:9px; padding:9px 12px; font-size:11px; background:#eeeef0; color:#53535b; }
#mp50ExportButton:not(:disabled) { background:#1d1d1f; color:white; border-color:#1d1d1f; cursor:pointer; }
.mp50-footer button:disabled { opacity:.5; cursor:default; }
@media(max-width:700px) {
  .printer-header-actions { gap:6px; }.printer-device-picker>span { display:none; }.printer-device-picker select { max-width:155px; }
  .mp50-main-grid { grid-template-columns:minmax(0,1fr); overflow-y:auto; }
  .mp50-fields,.mp50-preview-panel { overflow:visible; }.mp50-fields { border-right:0; border-bottom:1px solid #e7e7eb; }
  .mp50-preview-panel { min-height:230px; }.mp50-preview-stage { min-height:150px; }
}