.cp{--cp-vlak:#10141a;--cp-paneel:#171c24;--cp-rand:#ffffff1a;--cp-tekst:#eef1f5;--cp-zacht:#fff9;--cp-groen:#8af255;z-index:60;background:var(--cp-vlak);color:var(--cp-tekst);grid-template:"kop kop kop"56px"rail paneel werkvlak"1fr"onder onder onder"52px/92px auto 1fr;font-size:13px;display:grid;position:fixed;inset:0}.cp-kop{border-bottom:1px solid var(--cp-rand);background:var(--cp-paneel);grid-area:kop;align-items:center;gap:14px;padding:0 16px;display:flex}.cp-terug{border:1px solid var(--cp-rand);color:var(--cp-tekst);border-radius:9px;align-items:center;gap:6px;padding:6px 11px;text-decoration:none;display:inline-flex}.cp-terug .tr-ico{transform:rotate(180deg)}.cp-terug:hover{background:#ffffff0f}.cp-titel{flex-direction:column;line-height:1.25;display:flex}.cp-titel small{color:var(--cp-zacht);font-size:11px}.cp-kopacties{align-items:center;gap:8px;margin-left:auto;display:flex}.cp-fout{color:#ff8fa3;max-width:320px;font-size:11.5px}.cp-icoonknop{border:1px solid var(--cp-rand);min-width:32px;height:32px;color:var(--cp-tekst);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.cp-icoonknop:hover:not(:disabled){background:#ffffff1c}.cp-icoonknop:disabled{opacity:.35;cursor:default}.cp-rail{border-right:1px solid var(--cp-rand);background:var(--cp-paneel);flex-direction:column;grid-area:rail;gap:2px;padding:10px 6px;display:flex}.cp-railknop{color:var(--cp-zacht);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;font-size:11px;display:flex}.cp-railknop:hover{color:var(--cp-tekst);background:#ffffff0f}.cp-railknop.actief{color:#10141a;background:var(--cp-groen);font-weight:700}.cp-paneel{border-right:1px solid var(--cp-rand);background:var(--cp-paneel);grid-area:paneel;width:296px;padding:14px;overflow-y:auto}.cp-paneelkop{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.cp-leeg,.cp-uitleg{color:var(--cp-zacht);font-size:11.5px;line-height:1.5}.cp-velden{flex-direction:column;gap:12px;display:flex}.cp-velden label{flex-direction:column;gap:5px;display:flex}.cp-velden label>span,.cp-veldkop{color:var(--cp-zacht);font-size:11px}.cp-veldkop{margin-top:4px;font-weight:700;display:block}.cp-velden select,.cp-velden input[type=number],.cp-velden textarea{border:1px solid var(--cp-rand);color:var(--cp-tekst);font:inherit;background:#232932;border-radius:8px;padding:7px 9px}.cp-velden input[type=range]{accent-color:var(--cp-groen);cursor:pointer}.cp-knoppenrij{flex-wrap:wrap;gap:6px;display:flex}.cp-knoppenrij button{border:1px solid var(--cp-rand);color:var(--cp-tekst);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:6px 10px;font-size:11.5px}.cp-knoppenrij button:hover{background:#ffffff1f}.cp-maten{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cp-lagenlijst{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cp-lagenlijst li{align-items:center;gap:6px;display:flex}.cp-laagrij{color:var(--cp-tekst);text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:9px;flex-direction:column;flex:1;gap:1px;padding:8px 10px;display:flex}.cp-laagrij small{color:var(--cp-zacht);font-size:10.5px}.cp-laagrij:hover{background:#ffffff17}.cp-laagrij.actief{border-color:var(--cp-groen);background:#8af2551f}.cp-laagnaam{font-weight:600}.cp-kleuren{flex-direction:column;gap:6px;display:flex}.cp-kleuren small{color:var(--cp-zacht);font-size:10.5px}.cp-stalen{flex-wrap:wrap;gap:6px;display:flex}.cp-staalknop{cursor:pointer;border:1px solid #ffffff47;border-radius:50%;width:26px;height:26px}.cp-staalknop.actief{box-shadow:0 0 0 2px var(--cp-vlak), 0 0 0 4px var(--cp-groen)}.cp-eigenkleur{align-items:center;gap:5px;display:inline-flex}.cp-eigenkleur input{border:1px solid var(--cp-rand);cursor:pointer;background:#232932;border-radius:7px;width:30px;height:26px;padding:2px}.cp-eigenkleur span{color:var(--cp-zacht);font-size:10.5px}.cp-werkvlak{background:radial-gradient(circle at 50% 0,#ffffff0d,#0000 60%),#0b0f14;grid-area:werkvlak;place-items:center;padding:34px;display:grid;position:relative;overflow:auto}.cp-werkbalk{z-index:3;border:1px solid var(--cp-rand);background:var(--cp-paneel);border-radius:12px;align-items:center;gap:8px;padding:7px 10px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #00000073}.cp-werkbalk strong{margin-right:4px;font-size:12px}.cp-werkbalk button{border:1px solid var(--cp-rand);color:var(--cp-tekst);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;display:inline-flex}.cp-werkbalk button:hover{background:#ffffff1f}.cp-staal{border:1px solid #ffffff4d;border-radius:4px;width:14px;height:14px}.cp-blad{touch-action:none;position:relative;box-shadow:0 18px 50px #0000008c}.cp-namaak{width:100%;height:auto;display:block}.cp-laag{cursor:move;background:0 0;border:1px dashed #ffffff47;position:absolute}.cp-laag:hover{border-color:#8af255bf}.cp-laag.gekozen{border:2px solid var(--cp-groen);background:#8af25514}.cp-laag.verborgen{opacity:.3;border-style:dotted}.cp-laaglabel{background:var(--cp-groen);color:#10141a;white-space:nowrap;opacity:0;pointer-events:none;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;top:-19px;left:-2px}.cp-laag:hover .cp-laaglabel,.cp-laag.gekozen .cp-laaglabel{opacity:1}.cp-greep{border:2px solid var(--cp-groen);background:#fff;border-radius:50%;width:11px;height:11px;position:absolute}.cp-greep.nw{cursor:nwse-resize;top:-6px;left:-6px}.cp-greep.ne{cursor:nesw-resize;top:-6px;right:-6px}.cp-greep.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.cp-greep.se{cursor:nwse-resize;bottom:-6px;right:-6px}.cp-onder{border-top:1px solid var(--cp-rand);background:var(--cp-paneel);grid-area:onder;justify-content:flex-end;align-items:center;gap:10px;padding:0 16px;display:flex}.cp-onder input[type=range]{width:170px;accent-color:var(--cp-groen);cursor:pointer}.cp-zoomwaarde{min-width:44px;color:var(--cp-zacht);text-align:right}.cp-passend{border:1px solid var(--cp-rand);color:var(--cp-tekst);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:6px 11px}@media (max-width:900px){.cp{grid-template-columns:72px 1fr;grid-template-areas:"kop kop""rail werkvlak""onder onder"}.cp-paneel{z-index:4;position:absolute;top:56px;bottom:52px;left:72px}}@media (max-width:600px){.cp-paneel{width:auto;max-height:45vh;inset:auto 0 52px 72px;overflow-y:auto}}.cp-vlak{pointer-events:none;position:absolute}.cp-scrim{pointer-events:none;position:absolute;inset:0}.cp-tekstblok{pointer-events:none;white-space:nowrap;font-synthesis:none;display:block;position:absolute}.cp-tekstregel{white-space:nowrap;display:block}.cp-logovak{color:#ffffffb3;letter-spacing:.14em;pointer-events:none;border:1px dashed #ffffff73;border-radius:4px;place-items:center;font-size:9px;display:grid;position:absolute}.tr-app .cp-laag,.cp-laag{border-color:#ffffff24}.tr-app .cp-leeszone,.cp-leeszone{border:1px solid var(--cp-rand);background:#ffffff0a;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:6px;padding:10px;display:flex}.cp-toevoegen{flex-direction:column;gap:12px;display:flex}.cp-toevoegrij{flex-direction:column;gap:8px;display:flex}.cp-toevoegknop{border:1px solid var(--cp-rand);color:var(--cp-tekst);text-align:left;cursor:pointer;font:inherit;background:#ffffff0a;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;gap:2px 12px;padding:10px 12px;display:grid}.cp-toevoegknop:hover:not(:disabled){background:#ffffff1a}.cp-toevoegknop:focus-visible{outline:2px solid var(--cp-groen);outline-offset:1px}.cp-toevoegknop:disabled{opacity:.5;cursor:default}.cp-toevoegknop b{grid-column:2;font-size:12.5px}.cp-toevoegknop>span:last-child{color:var(--cp-zacht);grid-column:2;font-size:11px;line-height:1.4}.cp-toevoegvoorbeeld{background:#ffffff12;border-radius:7px;grid-row:1/span 2;place-items:center;width:44px;height:40px;display:grid}.cp-vb-tekst{font-size:17px;font-weight:700}.cp-vb-vlak:after{content:"";background:var(--cp-groen);opacity:.75;border-radius:3px;width:26px;height:18px}.cp-vb-lijn:after{content:"";background:var(--cp-groen);width:28px;height:2px}.cp-paneellabel{color:var(--cp-zacht);margin-top:4px;font-size:11px;font-weight:700;display:block}.cp-toevoegacties{flex-wrap:wrap;gap:7px;display:flex}.cp-toevoegacties .cp-knop{border:1px solid var(--cp-rand);color:var(--cp-tekst);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:8px;padding:7px 12px;font-size:11.5px}.cp-toevoegacties .cp-knop:hover:not(:disabled){background:#ffffff1f}.cp-toevoegacties .cp-knop:disabled{opacity:.5;cursor:default}.cp-toevoegacties .cp-knop.stil{color:var(--cp-zacht);background:0 0}.cp-hulplijn{pointer-events:none;z-index:60;background:var(--cp-groen);position:absolute;box-shadow:0 0 0 .5px #00000073}.cp-hulplijn.verticaal{width:1px;top:0;bottom:0}.cp-hulplijn.horizontaal{height:1px;left:0;right:0}.cp-hulplijn.element{background:#7b6ef0}.cp-inzet{object-fit:cover;pointer-events:none;position:absolute}.cp-laag.vast{cursor:default;opacity:.7;border-style:dotted}.cp-diepte{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cp-schakel{cursor:pointer;align-items:center;gap:8px;display:flex}.cp-schakel input{width:16px;height:16px;accent-color:var(--cp-groen)}.cp-schakel span{color:var(--cp-tekst);font-size:12.5px}.cp-schakel{align-items:flex-start;margin-top:10px}.cp-schakel>span{flex-direction:column;gap:2px;display:flex}.cp-schakel strong{color:var(--cp-tekst);font-size:12.5px;font-weight:600}.cp-schakel .cp-prijs{color:var(--cp-groen);font-size:10.5px;font-style:normal}.cp-schakel small{color:var(--cp-zacht);font-size:11px;line-height:1.45}.cp-vraagwaas{z-index:60;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.cp-vraag{background:var(--cp-paneel,#16181c);border:1px solid #ffffff1f;border-radius:14px;width:min(360px,88vw);padding:20px;box-shadow:0 18px 50px #00000080}.cp-vraag strong{color:var(--cp-tekst);margin-bottom:6px;font-size:14px;display:block}.cp-vraag p{color:var(--cp-zacht);margin:0 0 16px;font-size:12px;line-height:1.5}.cp-vraagknoppen{justify-content:flex-end;gap:8px;display:flex}.cp-tekststijl{gap:6px;margin:2px 0 4px;display:flex}.cp-stijlknop{width:34px;height:30px;color:var(--cp-tekst);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;font-size:14px}.cp-stijlknop:hover{background:#ffffff1a}.cp-stijlknop.aan{border-color:var(--cp-groen);background:#8af25524}