.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}
.zv-maak{gap:10px;margin-top:12px;display:grid}.zv-kanalen{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.zv-kanalen legend{float:left;color:var(--zachter);margin-right:6px;font-size:12.5px;line-height:30px}.zv-kanalen label{border:1px solid var(--lijn);background:var(--wit);cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 11px;font-size:12.5px;display:inline-flex}.zv-kanalen label.aan{border-color:var(--navy);background:var(--paars-vlak)}.zv-kanalen input{accent-color:var(--navy);margin:0}.zv-wens{width:100%}.zv-maak .tr-knop{justify-self:start;align-items:center;gap:7px;display:inline-flex}.zv-melding{color:var(--groen-diep);margin:10px 0 0;font-size:13px}.zv-link{color:var(--paars);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.zv-lijst{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.zv-idee{border:1px solid var(--lijn);background:var(--wit);width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;gap:5px;padding:12px 14px;transition:border-color .16s,background .16s;display:grid}.zv-idee:hover{background:#fbfaff;border-color:#c8c4ee}.zv-idee strong{font-size:13.5px;font-weight:650}.zv-label{color:var(--zachter);font-size:11.5px}.zv-hook{color:var(--inkt);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-style:italic;display:-webkit-box;overflow:hidden}.zv-moeite,.zv-invul{border-radius:7px;padding:2px 8px;font-size:11px}.zv-moeite{background:var(--groen-vlak);color:#2f6d12}.zv-moeite.m2{background:var(--blauw-vlak);color:var(--blauw)}.zv-moeite.m3{background:var(--geel-vlak);color:#8a5a00}.zv-invul{background:var(--roze-vlak);color:#a3245a}.zv-gedaan{color:var(--zachter);margin-top:14px;font-size:13px}.zv-gedaan summary{cursor:pointer}.zv-dag{background:var(--grijs-vlak);border-radius:12px;margin-top:10px;padding:12px 14px;font-size:13px}.zv-dag p{margin:0 0 6px}.zv-dag ol{margin:0;padding-left:18px}.zv-dag li{margin:4px 0}.zv-dag li span{color:var(--zachter);font-size:12px}.zv-venster{width:min(760px,100vw - 32px)}.zv-invulblok{background:var(--roze-vlak);border:1px solid #f5c2d6;border-radius:12px;gap:8px;margin:12px 0;padding:12px 14px;font-size:13px;display:grid}.zv-invulblok p{margin:0}.zv-invulblok label{gap:4px;display:grid}.zv-invulblok label span{color:#7a1e45;font-size:12px}.zv-invulblok .tr-knop{justify-self:start}.zv-tabs{border-bottom:1px solid var(--lijn);flex-wrap:wrap;gap:4px;margin:14px 0 10px;display:flex}.zv-tabs button{color:var(--zachter);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px;font-size:13px}.zv-tabs button.aan{border-bottom-color:var(--navy);color:var(--inkt);font-weight:650}.zv-beats{gap:8px;margin:0;padding:0;list-style:none;display:grid}.zv-beats li{border:1px solid var(--lijn-zacht);border-radius:10px;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:10px 12px;display:grid}.zv-beats li.hook{border-color:var(--paars);background:var(--paars-vlak)}.zv-tijd{color:var(--zachter);font-variant-numeric:tabular-nums;align-content:start;font-size:12px;display:grid}.zv-tijd small{text-transform:uppercase;letter-spacing:.04em;font-size:10px}.zv-zeg{margin:0;font-size:14.5px;line-height:1.5}.zv-zeg mark,.zv-prompter mark{color:#a3245a;background:#ffe2ef;border-radius:4px;padding:0 3px}.zv-doe{color:var(--zachter);margin:6px 0 0;font-size:12.5px}.zv-doe .tr-ico,.zv-doe svg{vertical-align:-2px;margin-right:3px;display:inline-block}.zv-tekst{margin:4px 0 0;font-size:12.5px}.zv-oproep p{margin:0}.zv-opname{font-size:13.5px}.zv-opname dl{grid-template-columns:90px minmax(0,1fr);gap:6px 10px;margin:0;display:grid}.zv-opname dt{color:var(--zachter)}.zv-opname dd{margin:0}.zv-opname h4{margin:14px 0 6px;font-size:13px}.zv-opname ul{margin:0;padding-left:18px}.zv-caption{white-space:pre-line;margin:0 0 6px}.zv-tip,.zv-klein{color:var(--zachter);font-size:12px}.zv-acties{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.zv-acties .tr-knop{align-items:center;gap:6px;display:inline-flex}.zv-prompter{z-index:1000;color:#fff;background:#05020f;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.zv-prompter-balk{background:#120a33;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.zv-prompter-balk button{color:#fff;font:inherit;cursor:pointer;background:#1d1450;border:1px solid #3b3270;border-radius:8px;padding:6px 12px}.zv-prompter-balk label{align-items:center;gap:6px;display:inline-flex}.zv-prompter-balk button:last-child{margin-left:auto}.zv-prompter-tekst{scrollbar-width:none;padding:6vh max(16px,8vw) 70vh;font-size:clamp(28px,5.4vw,64px);font-weight:600;line-height:1.35;overflow-y:auto}.zv-prompter-tekst.gespiegeld{transform:scaleX(-1)}.zv-prompter-tekst p{margin:0 0 .9em}.zv-prompter-eind{color:#6f6a9a;text-align:center;font-size:.5em}.zv-resultaat{background:var(--grijs-vlak);border-radius:7px;padding:2px 8px;font-size:11px}.zv-resultaat.goed{background:var(--groen-vlak);color:#2f6d12}.zv-resultaat.tegenvaller{background:var(--roze-vlak);color:#a3245a}.zv-varianten{margin-top:14px}.zv-varianten h4,.zv-resultaatblok h4{margin:0 0 4px;font-size:13px}.zv-variant{border:1px dashed #c8c4ee;border-radius:10px;grid-template-columns:74px minmax(0,1fr);gap:10px;margin-top:8px;padding:10px 12px;display:grid}.zv-resultaatblok{background:var(--grijs-vlak);border-radius:12px;gap:8px;margin-top:16px;padding:12px 14px;display:grid}.zv-oordelen{flex-wrap:wrap;gap:6px;display:flex}.zv-oordelen label{border:1px solid var(--lijn);background:var(--wit);cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12.5px;display:inline-flex}.zv-oordelen label.aan{border-color:var(--navy);background:var(--paars-vlak)}.zv-oordelen input{accent-color:var(--navy);margin:0}.zv-cijfers{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.zv-veldje{color:var(--zachter);gap:4px;font-size:12px;display:grid}.zv-resultaatblok .tr-knop{justify-self:start}@media (max-width:560px){.zv-beats li{grid-template-columns:1fr;gap:4px}.zv-opname dl,.zv-lijst{grid-template-columns:1fr}}