.fmk-balk{ display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.fmk-soort{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--to-lijn-2); background:var(--to-vlak); color:var(--to-tekst-2);
  border-radius:9px; padding:7px 11px; font:inherit; font-size:.84rem; font-weight:600; cursor:pointer; }
.fmk-soort svg{ width:17px; height:17px; flex:none; }
.fmk-soort:hover{ background:var(--to-vlak-2); }
.fmk-soort.actief{ border-color:var(--to-merk); color:var(--to-merk); background:color-mix(in srgb,var(--to-merk) 12%,var(--to-vlak)); }
.fmk-werk{ display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:16px; margin-top:12px; align-items:start; }
.fmk-nav{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.fmk-blad{ position:relative; display:inline-block; max-width:100%; line-height:0; border:1px solid var(--to-lijn); border-radius:6px; overflow:hidden; background:#fff; }
.fmk-blad canvas{ display:block; max-width:100%; }
.fmk-laag{ position:absolute; inset:0; touch-action:pan-y; cursor:default; }
.fmk-laag.plaats{ cursor:crosshair; }
.fmk-veld{ position:absolute; box-sizing:border-box; border:1.5px solid #2256c9; background:rgba(34,86,201,.10); border-radius:2px;
  touch-action:none; cursor:move; font:600 10px/1.2 'Inter Tight',system-ui,sans-serif; color:#1e3a8a; overflow:hidden; padding:1px 3px; white-space:nowrap; }
.fmk-veld[data-soort="rondje"]{ border-radius:50%; }
.fmk-veld.gekozen{ border-color:#b45309; background:rgba(245,158,11,.16); box-shadow:0 0 0 2px rgba(245,158,11,.35); }
.fmk-veld.fout{ border-color:#b42318; background:rgba(180,35,24,.12); }
.fmk-veld .fmk-greep{ position:absolute; right:-1px; bottom:-1px; width:11px; height:11px; background:#b45309; border:1.5px solid #fff; border-radius:2px; cursor:nwse-resize; touch-action:none; }
.fmk-bestaand{ position:absolute; box-sizing:border-box; border:1px dashed #64748b; background:rgba(100,116,139,.08); pointer-events:none; }
.fmk-kader{ position:absolute; border:1px dashed #2256c9; background:rgba(34,86,201,.08); pointer-events:none; }
.fmk-eig{ border:1px solid var(--to-lijn); border-radius:12px; padding:12px; background:var(--to-vlak-2); display:flex; flex-direction:column; gap:10px; position:sticky; top:12px; }
.fmk-eig #fmkEigVelden{ display:flex; flex-direction:column; gap:10px; }
.fmk-eig #fmkEigVelden.pt-hidden{ display:none; }
.fmk-eig-kop{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
:root .fmk-eig .pt-input, :root .fmk-eig .pt-select{ width:100%; }
.fmk-lijst{ margin-top:12px; display:flex; flex-wrap:wrap; gap:6px; }
.fmk-lijst button{ border:1px solid var(--to-lijn-2); background:var(--to-vlak); color:var(--to-tekst-2); border-radius:999px; padding:4px 10px; font:inherit; font-size:.78rem; cursor:pointer; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fmk-lijst button.gekozen{ border-color:var(--to-merk); color:var(--to-merk); }
.fmk-lijst button.fout{ border-color:var(--to-fout); color:var(--to-fout); }
@media (max-width:760px){
  .fmk-werk{ grid-template-columns:minmax(0,1fr); }
  .fmk-eig{ position:static; }
  .fmk-soort{ padding:7px 9px; }
}