.layout-toolbar { display:flex; align-items:center; gap:12px; margin:12px 0; flex-wrap:wrap; }
.layout-toolbar span { font-size:12px; }
.layout-editor { border-top:2px solid var(--green,#176447); border-bottom:1px solid #aaa; padding:12px 0; margin-bottom:16px; }
.layout-editor[hidden] { display:none; }
.layout-editor label { display:flex; flex-direction:column; gap:5px; font-size:12px; min-width:130px; }
.layout-editor select { max-width:100%; width:360px; }
#layoutFields { display:flex; flex-wrap:wrap; gap:16px; margin:12px 0; }
#layoutFields input { width:110px; }
#layoutFields input[type=checkbox] { width:20px; height:20px; }
.layout-actions { display:flex; flex-wrap:wrap; gap:8px; }
#layoutStatus { margin-top:10px; font-size:13px; color:#713400; }
@media screen {
  .main { min-width:0; }
  .layout-editing [data-layout-selected] { outline:2px dashed var(--accent,#0e4b9a); outline-offset:-2px; }
  .layout-editing .preview-wrap { max-height:70vh; }
}
@media screen and (max-width:600px) {
  .toolbar { flex-wrap:wrap; }
  .toolbar h1 { font-size:18px; }
  .actions { flex-wrap:wrap; }
  .layout-editor select { width:100%; }
}
@media print { .layout-toolbar,.layout-editor { display:none!important; } }