#cpStage{ position:relative; display:inline-block; max-width:100%; line-height:0; touch-action:none; -webkit-user-select:none; user-select:none; overflow:hidden; border-radius:10px; }
        .cp-podium{ text-align:center; background:var(--to-vlak-2); border:1px solid var(--to-lijn); border-radius:12px; padding:10px; }
        #cpCanvas{ max-width:100%; max-height:min(62vh,640px); display:block; border-radius:10px; background:var(--to-vlak-2); }
        #cpSel{ position:absolute; border:2px solid #fff; outline:1px solid rgba(15,23,42,.55); box-shadow:0 0 0 9999px rgba(15,23,42,.5); box-sizing:border-box; cursor:move; display:none; }
        #cpSel::before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none;
          background:linear-gradient(to right, transparent calc(33.333% - .5px), rgba(255,255,255,.55) calc(33.333% - .5px), rgba(255,255,255,.55) calc(33.333% + .5px), transparent calc(33.333% + .5px), transparent calc(66.666% - .5px), rgba(255,255,255,.55) calc(66.666% - .5px), rgba(255,255,255,.55) calc(66.666% + .5px), transparent calc(66.666% + .5px)),
                     linear-gradient(to bottom, transparent calc(33.333% - .5px), rgba(255,255,255,.55) calc(33.333% - .5px), rgba(255,255,255,.55) calc(33.333% + .5px), transparent calc(33.333% + .5px), transparent calc(66.666% - .5px), rgba(255,255,255,.55) calc(66.666% - .5px), rgba(255,255,255,.55) calc(66.666% + .5px), transparent calc(66.666% + .5px)); }
        #cpSel .cph{ position:absolute; width:16px; height:16px; background:#fff; border:2px solid var(--to-knop); border-radius:50%; box-sizing:border-box; }
        #cpSel .cph[data-h="nw"]{ left:-9px; top:-9px; cursor:nwse-resize; }
        #cpSel .cph[data-h="ne"]{ right:-9px; top:-9px; cursor:nesw-resize; }
        #cpSel .cph[data-h="sw"]{ left:-9px; bottom:-9px; cursor:nesw-resize; }
        #cpSel .cph[data-h="se"]{ right:-9px; bottom:-9px; cursor:nwse-resize; }
        @media (pointer:coarse){ #cpSel .cph{ width:24px; height:24px; } #cpSel .cph[data-h="nw"]{ left:-13px; top:-13px; } #cpSel .cph[data-h="ne"]{ right:-13px; top:-13px; } #cpSel .cph[data-h="sw"]{ left:-13px; bottom:-13px; } #cpSel .cph[data-h="se"]{ right:-13px; bottom:-13px; } }
        .cp-maat{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; max-width:440px; }
        .cp-maat .pt-input{ width:100%; font-variant-numeric:tabular-nums; }