:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--zp-grond:#e6e9ee;--zp-vlak:#fff;--zp-vlak-2:#f2f4f7;--zp-vlak-3:#e4e7ec;--zp-inkt:#171a21;--zp-inkt-2:#474e5c;--zp-inkt-3:#5e6573;--zp-lijn:#e1e4ea;--zp-lijn-sterk:#cbd0d9;--zp-maat:#fff;--zp-maat-inkt:#171a21;--zp-maat-rand:#cbd0d9;--zp-maat-berekend:transparent;--zp-keuze:#2f5be0;--zp-keuze-inkt:#fff;--zp-keuze-zacht:#e8eefd;--zp-actie:#171a21;--zp-actie-inkt:#fff;--zp-melding:#b4340e;--zp-melding-zacht:#fceae2;--zp-goed:#1a6b45;--zp-goed-zacht:#e3f3ea;--zp-model-lijn:#99a0ad;--zp-model-vloer:#e9e1d2;--zp-model-wand:#fbfbfa;--zp-model-wand-2:#edeff2;--zp-model-dak:#dce1e8;--zp-model-nieuw:#c6ccd6;--zp-model-niet-afgewerkt:#e0cfae;--zp-schaduw-zweef:0 1px 2px #171a2114, 0 8px 24px #171a211a;--zp-schaduw-paneel:-1px 0 0 #171a210a, -12px 0 32px #171a210f;--zp-schaduw-model:0 22px 26px #171a211f;--zp-schaduw-balk:0 10px 30px #171a213d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--zp-grond:#0d0f13;--zp-vlak:#1a1d24;--zp-vlak-2:#23272f;--zp-vlak-3:#2d323c;--zp-inkt:#f1f3f6;--zp-inkt-2:#bec4cf;--zp-inkt-3:#969dab;--zp-lijn:#2a2f39;--zp-lijn-sterk:#424855;--zp-maat:#2d323c;--zp-maat-inkt:#f1f3f6;--zp-maat-rand:#4a5160;--zp-maat-berekend:transparent;--zp-keuze:#8fb0ff;--zp-keuze-inkt:#0c1326;--zp-keuze-zacht:#1d2942;--zp-actie:#f1f3f6;--zp-actie-inkt:#171a21;--zp-melding:#ff9f7c;--zp-melding-zacht:#3a1f16;--zp-goed:#77d6a6;--zp-goed-zacht:#15301f;--zp-model-lijn:#6f7786;--zp-model-vloer:#3d382f;--zp-model-wand:#3a404b;--zp-model-wand-2:#2e333c;--zp-model-dak:#272b33;--zp-model-nieuw:#505867;--zp-model-niet-afgewerkt:#54482f;--zp-schaduw-zweef:0 1px 2px #00000059, 0 8px 24px #0006;--zp-schaduw-paneel:-12px 0 32px #00000059;--zp-schaduw-model:0 22px 26px #00000080;--zp-schaduw-balk:0 10px 30px #0009}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--zp-grond:#0d0f13;--zp-vlak:#1a1d24;--zp-vlak-2:#23272f;--zp-vlak-3:#2d323c;--zp-inkt:#f1f3f6;--zp-inkt-2:#bec4cf;--zp-inkt-3:#969dab;--zp-lijn:#2a2f39;--zp-lijn-sterk:#424855;--zp-maat:#2d323c;--zp-maat-inkt:#f1f3f6;--zp-maat-rand:#4a5160;--zp-maat-berekend:transparent;--zp-keuze:#8fb0ff;--zp-keuze-inkt:#0c1326;--zp-keuze-zacht:#1d2942;--zp-actie:#f1f3f6;--zp-actie-inkt:#171a21;--zp-melding:#ff9f7c;--zp-melding-zacht:#3a1f16;--zp-goed:#77d6a6;--zp-goed-zacht:#15301f;--zp-model-lijn:#6f7786;--zp-model-vloer:#3d382f;--zp-model-wand:#3a404b;--zp-model-wand-2:#2e333c;--zp-model-dak:#272b33;--zp-model-nieuw:#505867;--zp-model-niet-afgewerkt:#54482f;--zp-schaduw-zweef:0 1px 2px #00000059, 0 8px 24px #0006;--zp-schaduw-paneel:-12px 0 32px #00000059;--zp-schaduw-model:0 22px 26px #00000080;--zp-schaduw-balk:0 10px 30px #0009}:root{--zp-letter:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--zp-letter-cijfer:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--zp-tekst-label:13px;--zp-tekst-klein:15px;--zp-tekst:17px;--zp-tekst-groot:18px;--zp-kop:24px;--zp-titel:32px;--zp-cijfer-groot:52px;--zp-gewicht:500;--zp-gewicht-waarde:700;--zp-raak-min:58px;--zp-raak:60px;--zp-raak-groot:64px;--zp-toets:84px;--zp-greep:60px;--zp-ruimte-1:4px;--zp-ruimte-2:8px;--zp-ruimte-3:12px;--zp-ruimte-4:16px;--zp-ruimte-5:24px;--zp-ruimte-6:32px;--zp-rond-klein:8px;--zp-rond:16px;--zp-rond-groot:24px;--zp-rond-vol:999px;--zp-kop-hoogte:76px;--zp-paneel-breedte:380px;--zp-rail-breedte:104px;--zp-lijn-dikte:1px;--zp-model-lijn-dikte:1px}.zp-scherm{box-sizing:border-box;grid-template-rows:var(--zp-kop-hoogte) minmax(0, 1fr);background:var(--zp-grond);color:var(--zp-inkt-2);font-family:var(--zp-letter);font-size:var(--zp-tekst);font-weight:var(--zp-gewicht);line-height:1.4;display:grid;position:relative;overflow:hidden}.zp-scherm *,.zp-scherm :before{box-sizing:border-box}.zp-scherm button{font:inherit;color:inherit;cursor:pointer;margin:0}.zp-scherm a{color:inherit;text-decoration:none}.zp-scherm svg{display:block}.zp-kop{align-items:center;gap:var(--zp-ruimte-4);padding:0 var(--zp-ruimte-5);background:var(--zp-vlak);border-bottom:var(--zp-lijn-dikte) solid var(--zp-lijn);display:flex}.zp-project{flex-direction:column;min-width:230px;display:flex}.zp-project b{font-size:var(--zp-tekst-groot);font-weight:var(--zp-gewicht-waarde);color:var(--zp-inkt)}.zp-project span{font-size:var(--zp-tekst-klein);color:var(--zp-inkt-3)}.zp-tabs{gap:var(--zp-ruimte-1);flex:1;justify-content:center;display:flex}.zp-tab{min-height:var(--zp-raak);border-radius:var(--zp-rond-vol);color:var(--zp-inkt-3);align-items:center;padding:0 20px;display:flex}.zp-tab.is-actief{background:var(--zp-keuze-zacht);color:var(--zp-keuze);font-weight:var(--zp-gewicht-waarde)}.zp-kop{z-index:2;position:relative}.zp-kop .zp-rond{background:var(--zp-vlak-2);box-shadow:none!important}.zp-werk{min-height:0;position:relative}.zp-werk>main:not(.zp-doek){inset:0 calc(var(--zp-paneel-breedte) + 24px) 0 0;position:absolute}.zp-doek{background:radial-gradient(ellipse 45% 50% at 36% 55%, color-mix(in srgb, var(--zp-vlak) 55%, transparent), transparent 100%);position:absolute;inset:0;overflow:hidden}.zp-doek>svg{width:986px;height:100%;filter:drop-shadow(var(--zp-schaduw-model));position:absolute;top:0;left:0}.zp-zweef{gap:var(--zp-ruimte-3);align-items:center;display:flex;position:absolute}.zp-rond{width:var(--zp-raak-groot);height:var(--zp-raak-groot);border-radius:var(--zp-rond-vol);background:var(--zp-vlak);color:var(--zp-inkt);box-shadow:var(--zp-schaduw-zweef);border:0;place-items:center;padding:0;display:grid}.zp-rond svg,.zp-tool svg,.zp-knop svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.zp-rond.is-actief{background:var(--zp-keuze);color:var(--zp-keuze-inkt)}.zp-rond.op-doek{font-size:var(--zp-tekst-groot);font-weight:var(--zp-gewicht-waarde);position:absolute;transform:translate(-50%,-50%)}.zp-rail{left:var(--zp-ruimte-3);gap:var(--zp-ruimte-2);width:var(--zp-rail-breedte);flex-direction:column;display:flex;position:absolute;top:112px}.zp-tool{width:100%;min-height:96px;font-size:var(--zp-tekst-klein);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px 0;display:flex;color:var(--zp-inkt-3)!important}.zp-tool i{width:var(--zp-raak-groot);height:var(--zp-raak-groot);border-radius:var(--zp-rond-vol);background:var(--zp-vlak);color:var(--zp-inkt);box-shadow:var(--zp-schaduw-zweef);place-items:center;display:grid}.zp-tool.is-actief{font-weight:var(--zp-gewicht-waarde);color:var(--zp-keuze)!important}.zp-tool.is-actief i{background:var(--zp-keuze);color:var(--zp-keuze-inkt)}.zp-seg{border-radius:var(--zp-rond-vol);background:var(--zp-vlak-3);gap:2px;padding:4px;display:flex}.zp-seg.is-zwevend{background:var(--zp-vlak);box-shadow:var(--zp-schaduw-zweef)}.zp-seg.is-breed{width:100%}.zp-seg button{min-height:var(--zp-raak);border-radius:var(--zp-rond-vol);min-width:64px;color:var(--zp-inkt-3);white-space:nowrap;background:0 0;border:0;flex:1;padding:0 20px}.zp-seg button.is-actief{background:var(--zp-keuze);color:var(--zp-keuze-inkt);font-weight:var(--zp-gewicht-waarde)}.zp-aanuit{justify-content:space-between;align-items:center;gap:var(--zp-ruimte-4);width:100%;min-height:var(--zp-raak-groot);padding:0 var(--zp-ruimte-4) 0 var(--zp-ruimte-5);text-align:left;border-radius:var(--zp-rond-vol);background:var(--zp-vlak);border:0;display:flex;color:var(--zp-inkt)!important}.zp-paneel .zp-aanuit{background:0 0;border-radius:0;padding:0}.zp-aanuit small{font-size:var(--zp-tekst-klein);color:var(--zp-inkt-3);display:block}.zp-aanuit i{border-radius:var(--zp-rond-vol);background:var(--zp-lijn-sterk);flex:none;width:52px;height:32px;position:relative}.zp-aanuit i:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:4px;left:4px;box-shadow:0 1px 2px #0003}.zp-aanuit.is-aan i{background:var(--zp-keuze)}.zp-aanuit.is-aan i:before{left:24px}.zp-maat{min-height:var(--zp-raak);border-radius:var(--zp-rond-vol);border:var(--zp-lijn-dikte) solid var(--zp-maat-rand);background:var(--zp-maat);white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:8px;min-width:104px;padding:0 18px;display:inline-flex;box-shadow:0 1px 2px #171a210f;color:var(--zp-maat-inkt)!important;font-family:var(--zp-letter-cijfer)!important;font-size:var(--zp-tekst-groot)!important;font-weight:var(--zp-gewicht-waarde)!important}.zp-maat small{font-size:var(--zp-tekst-label);font-weight:var(--zp-gewicht);text-transform:uppercase;letter-spacing:.06em;color:var(--zp-inkt-3)}.zp-maat.is-berekend{background:var(--zp-maat-berekend);border-style:dashed;border-color:var(--zp-inkt-3);box-shadow:none;color:var(--zp-inkt-2)!important;font-weight:600!important}.zp-maat.is-actief{border-color:var(--zp-keuze);background:var(--zp-keuze-zacht);box-shadow:0 0 0 2px var(--zp-keuze);color:var(--zp-keuze)!important}.zp-maat.op-doek{box-shadow:var(--zp-schaduw-zweef);border-color:#0000;position:absolute;transform:translate(-50%,-50%)}.zp-maat.op-doek.is-berekend{border-color:var(--zp-inkt-3);background:color-mix(in srgb, var(--zp-vlak) 75%, transparent);box-shadow:none}.zp-maat.op-doek.is-actief{box-shadow:0 0 0 2px var(--zp-keuze), var(--zp-schaduw-zweef)}.zp-paneel{z-index:1;top:var(--zp-ruimte-5);right:var(--zp-ruimte-5);width:calc(var(--zp-paneel-breedte) - 24px);gap:var(--zp-ruimte-3);max-height:calc(100% - 48px);padding:20px var(--zp-ruimte-4) var(--zp-ruimte-4);background:var(--zp-vlak);box-shadow:var(--zp-schaduw-zweef);border-radius:28px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.zp-paneelkop{justify-content:space-between;align-items:flex-start;gap:var(--zp-ruimte-3);display:flex}.zp-rond.zp-sluit{width:var(--zp-raak);height:var(--zp-raak);box-shadow:none;background:var(--zp-vlak-2);flex:none}.zp-meer{width:100%;min-height:var(--zp-raak);border-radius:var(--zp-rond-vol);background:0 0;border:0;justify-content:center;align-items:center;font-weight:600;display:flex;color:var(--zp-keuze)!important}.zp-paneel>div:first-child{padding:0 var(--zp-ruimte-2) var(--zp-ruimte-2)}.zp-paneel .zp-groep{background:var(--zp-vlak-2);border-radius:var(--zp-rond-groot);padding:var(--zp-ruimte-4)}.zp-paneel h2,.zp-doek h2{font-size:var(--zp-kop);font-weight:var(--zp-gewicht-waarde);color:var(--zp-inkt);margin:0;line-height:1.25}.zp-paneel h3,.zp-doek h3{margin:0 0 var(--zp-ruimte-2);font-size:var(--zp-tekst-label);color:var(--zp-inkt-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.zp-onder{font-size:var(--zp-tekst-klein);color:var(--zp-inkt-3);margin:4px 0 0}.zp-groep{gap:var(--zp-ruimte-2);flex-direction:column;display:flex}.zp-veld{justify-content:space-between;align-items:center;gap:var(--zp-ruimte-3);min-height:var(--zp-raak);display:flex}.zp-veld>span small{font-size:var(--zp-tekst-klein);color:var(--zp-inkt-3);display:block}.zp-getal{font-family:var(--zp-letter-cijfer);font-size:var(--zp-tekst-groot);font-weight:var(--zp-gewicht-waarde);color:var(--zp-inkt);font-variant-numeric:tabular-nums;white-space:nowrap}.zp-paneel .zp-groep .zp-id,.zp-paneel .zp-groep .zp-knop{background:var(--zp-vlak)}.zp-id{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:var(--zp-tekst-klein);color:var(--zp-inkt-2);background:var(--zp-vlak-2);border-radius:var(--zp-rond-vol);align-self:flex-start;padding:8px 14px}.zp-label{border-radius:var(--zp-rond-vol);white-space:nowrap;min-height:32px;font-size:var(--zp-tekst-klein);background:var(--zp-vlak-2);color:var(--zp-inkt-2);align-items:center;padding:0 12px;display:inline-flex}.zp-label.is-goed{background:var(--zp-goed-zacht);color:var(--zp-goed)}.zp-label.is-melding{background:var(--zp-melding-zacht);color:var(--zp-melding)}.zp-knop{justify-content:center;align-items:center;gap:var(--zp-ruimte-2);min-height:var(--zp-raak);border-radius:var(--zp-rond-vol);border:var(--zp-lijn-dikte) solid var(--zp-lijn-sterk);background:var(--zp-vlak);white-space:nowrap;padding:0 22px;display:inline-flex;color:var(--zp-inkt)!important}.zp-knop.is-actie{min-height:var(--zp-raak-groot);background:var(--zp-actie);border-color:var(--zp-actie);font-weight:600;color:var(--zp-actie-inkt)!important}.zp-knop.is-breed{width:100%}.zp-actiebalk{left:493px;bottom:var(--zp-ruimte-5);border-radius:var(--zp-rond-vol);background:var(--zp-actie);box-shadow:var(--zp-schaduw-balk);align-items:center;padding:6px;display:flex;position:absolute;transform:translate(-50%)}.zp-actiebalk button,.zp-actiebalk a{align-items:center;gap:var(--zp-ruimte-2);min-height:var(--zp-raak);border-radius:var(--zp-rond-vol);white-space:nowrap;background:0 0;border:0;padding:0 22px;display:flex;color:var(--zp-actie-inkt)!important}.zp-actiebalk .is-hoofd{background:var(--zp-actie-inkt);font-weight:600;color:var(--zp-actie)!important}.zp-uitlezing{justify-content:flex-end;align-items:baseline;gap:var(--zp-ruimte-2);min-height:92px;padding:12px var(--zp-ruimte-5);border-radius:var(--zp-rond-groot);background:var(--zp-keuze-zacht);color:var(--zp-inkt);border:2px solid var(--zp-keuze);font-family:var(--zp-letter-cijfer);font-size:var(--zp-cijfer-groot);font-weight:var(--zp-gewicht-waarde);font-variant-numeric:tabular-nums;line-height:1;display:flex}.zp-uitlezing small{font-size:var(--zp-kop);font-weight:var(--zp-gewicht);opacity:.7}.zp-klavier{gap:var(--zp-ruimte-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.zp-klavier button{min-height:var(--zp-toets);border-radius:var(--zp-rond);background:var(--zp-vlak-2);color:var(--zp-inkt);font-family:var(--zp-letter-cijfer);border:0;place-items:center;font-size:28px;font-weight:600;display:grid}.zp-klavier button svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.zp-rij{align-items:center;gap:var(--zp-ruimte-3);width:100%;min-height:var(--zp-raak-groot);padding:6px var(--zp-ruimte-4);border-radius:var(--zp-rond);text-align:left;background:0 0;border:0;display:flex}.zp-rij.is-actief{background:var(--zp-keuze-zacht);box-shadow:inset 0 0 0 1px var(--zp-keuze)}.zp-rij>span:first-child{min-width:0;color:var(--zp-inkt);flex:1}.zp-rij small{font-size:var(--zp-tekst-klein);color:var(--zp-inkt-3);display:block}.zp-bericht{gap:var(--zp-ruimte-3);padding:var(--zp-ruimte-3) var(--zp-ruimte-4);border-radius:var(--zp-rond);background:var(--zp-melding-zacht);color:var(--zp-melding);font-weight:600;display:flex}.zp-bericht.is-goed{background:var(--zp-goed-zacht);color:var(--zp-goed)}.zp-bericht small{font-weight:var(--zp-gewicht);font-size:var(--zp-tekst-klein);color:var(--zp-inkt-2);display:block}.zp-keuzeknop{width:100%;min-height:84px;padding:14px var(--zp-ruimte-5);text-align:left;border-radius:var(--zp-rond);border:var(--zp-lijn-dikte) solid var(--zp-lijn-sterk);background:var(--zp-vlak);font-weight:600;display:block;color:var(--zp-inkt)!important}.zp-keuzeknop small{font-size:var(--zp-tekst-klein);font-weight:var(--zp-gewicht);color:var(--zp-inkt-3);margin-top:2px;display:block}.zp-keuzeknop.is-actie{background:var(--zp-actie);border-color:var(--zp-actie);color:var(--zp-actie-inkt)!important}.zp-keuzeknop.is-actie small{color:inherit;opacity:.8}.zp-vol{gap:var(--zp-ruimte-5);padding:var(--zp-ruimte-5) var(--zp-ruimte-6);flex-direction:column;min-height:0;display:flex}.zp-stappen{gap:var(--zp-ruimte-2);align-items:center;display:flex}.zp-stap{min-height:var(--zp-raak);border-radius:var(--zp-rond-vol);background:var(--zp-vlak);box-shadow:var(--zp-schaduw-zweef);align-items:center;gap:10px;padding:0 20px 0 10px;display:flex;color:var(--zp-inkt-3)!important}.zp-stap b{background:var(--zp-vlak-2);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:600;display:grid}.zp-stap.is-actief{font-weight:var(--zp-gewicht-waarde);color:var(--zp-keuze)!important}.zp-stap.is-actief b{background:var(--zp-keuze);color:var(--zp-keuze-inkt)}.zp-stap.is-klaar b{background:var(--zp-goed-zacht);color:var(--zp-goed)}.zp-stappen.op-doek{position:absolute;top:24px;left:24px}.zp-vol h1,.zp-doek h1{font-size:var(--zp-titel);font-weight:var(--zp-gewicht-waarde);color:var(--zp-inkt);margin:0;line-height:1.2}.zp-kaarten{gap:var(--zp-ruimte-4);flex:1;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.zp-kaart{align-items:stretch;gap:var(--zp-ruimte-1);padding:var(--zp-ruimte-5);text-align:left;border-radius:var(--zp-rond-groot);background:var(--zp-vlak);border:2px solid #0000;flex-direction:column;min-height:0;display:flex;box-shadow:0 1px 2px #171a210d}.zp-kaart svg{width:100%;min-height:0;margin-bottom:var(--zp-ruimte-3);flex:1}.zp-kaart svg polygon{fill:var(--zp-model-vloer);stroke:var(--zp-model-lijn);stroke-width:.08px;stroke-linejoin:round}.zp-kaart b{font-size:var(--zp-kop);font-weight:var(--zp-gewicht-waarde);color:var(--zp-inkt)}.zp-kaart span{font-size:var(--zp-tekst-klein);color:var(--zp-inkt-3);min-height:44px}.zp-kaart.is-actief{border-color:var(--zp-keuze);box-shadow:var(--zp-schaduw-zweef)}.zp-voet{justify-content:space-between;align-items:center;gap:var(--zp-ruimte-4);display:flex}.zp-voet p{max-width:760px;margin:0}.zp-doek .zp-uitleg{margin:0;position:absolute}.zm{stroke:var(--zp-model-lijn);stroke-width:var(--zp-model-lijn-dikte);stroke-linejoin:round}.zm-vloer{fill:var(--zp-model-vloer)}.zm-wand{fill:var(--zp-model-wand)}.zm-wand-2{fill:var(--zp-model-wand-2)}.zm-dak{fill:var(--zp-model-dak)}.zm-nieuw{fill:var(--zp-model-nieuw)}.zm-osb{fill:var(--zp-model-niet-afgewerkt)}.zm-geest{fill:none;stroke:var(--zp-model-lijn);stroke-width:1px;stroke-dasharray:2 6;stroke-linecap:round;opacity:.55}.zm-doorzicht{fill:var(--zp-model-nieuw);fill-opacity:.55;stroke:none}.zm-keuze{fill:var(--zp-keuze);fill-opacity:.22;stroke:var(--zp-keuze);stroke-width:1.5px;stroke-linejoin:round}.zm-keuze-vlak{fill:var(--zp-keuze);fill-opacity:.16;stroke:var(--zp-keuze);stroke-opacity:.35;stroke-width:1px;stroke-linejoin:round}.zm-keuze-lijn{fill:none;stroke:var(--zp-keuze);stroke-width:4px;stroke-linecap:round}.zm-omtrek{fill:none;stroke:var(--zp-inkt-2);stroke-width:5px;stroke-linejoin:round}.zm-maatlijn{fill:none;stroke:var(--zp-inkt-3);stroke-width:1px}.zm-hulplijn{fill:none;stroke:var(--zp-inkt-3);stroke-width:1px;stroke-dasharray:4 5}.zm-tekst{fill:var(--zp-inkt);stroke:none;font-family:var(--zp-letter);font-size:16px;font-weight:600}.zm-tekst.is-klein{fill:var(--zp-inkt-3);font-size:15px;font-weight:500}.zm-muur{fill:var(--zp-inkt-2);stroke:none}.zm-punt{fill:var(--zp-vlak);stroke:var(--zp-model-lijn);stroke-width:1.5px}.zp-greep{width:var(--zp-greep);height:var(--zp-greep);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.zp-greep i{background:var(--zp-keuze);border:3px solid var(--zp-vlak);width:28px;height:28px;box-shadow:var(--zp-schaduw-zweef);border-radius:50%}.zp-greep.is-splits i{background:var(--zp-vlak);border:2px solid var(--zp-keuze);border-radius:6px;transform:rotate(45deg)}.zp-punt{width:var(--zp-greep);height:var(--zp-greep);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.zp-punt i{background:var(--zp-vlak);width:34px;height:34px;color:var(--zp-inkt);border:1.5px solid var(--zp-model-lijn);border-radius:50%;place-items:center;display:grid}.zp-punt i svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.zp-punt.is-actief i{border:2px solid var(--zp-keuze);color:var(--zp-keuze);box-shadow:0 0 0 5px var(--zp-keuze-zacht)}.zp-kiezer{align-items:center;gap:var(--zp-ruimte-3);min-height:var(--zp-raak-groot);border-radius:var(--zp-rond-vol);background:var(--zp-vlak);box-shadow:var(--zp-schaduw-zweef);text-align:left;border:0;padding:0 20px 0 24px;display:inline-flex;color:var(--zp-inkt)!important}.zp-kiezer small{font-size:var(--zp-tekst-klein);color:var(--zp-inkt-3);display:block}.zp-kiezer svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}html,body,#app{background:var(--zp-grond);height:100%;font-family:var(--zp-letter);margin:0}.app{grid-template-rows:var(--zp-kop-hoogte) minmax(0, 1fr);width:100%;height:100%}.app .zp-tabs button.zp-tab{font:inherit;background:0 0;border:0}.app .zp-tabs button.zp-tab.is-actief{background:var(--zp-keuze-zacht)}.app-doek{touch-action:none;position:absolute;inset:0}.app-doek canvas{display:block}.app-laden{height:100%;color:var(--zp-inkt-3);font-size:var(--zp-tekst);place-items:center;display:grid}.app .zp-rond:disabled{opacity:.35;cursor:default}.app-menu{z-index:5;gap:var(--zp-ruimte-3);width:min(420px,100% - 32px);padding:var(--zp-ruimte-4);background:var(--zp-vlak);border-radius:var(--zp-rond-groot);box-shadow:var(--zp-schaduw-zweef);flex-direction:column;display:flex;position:absolute;top:16px;bottom:16px;right:16px;overflow-y:auto}.app-menu .zp-groep{gap:var(--zp-ruimte-2);background:var(--zp-vlak-2);border-radius:var(--zp-rond-groot);padding:var(--zp-ruimte-4);flex-direction:column;display:flex}.app-menu h3{font-size:var(--zp-tekst-label);color:var(--zp-inkt-3);text-transform:uppercase;letter-spacing:.06em;margin:0}.app-menu label.zp-knop{cursor:pointer}.app-paneel,.app .zp-paneel{overflow-y:auto}.app-paneelkop{gap:var(--zp-ruimte-3);justify-content:space-between;align-items:flex-start;display:flex}.app-paneelkop .zp-rond{flex:none}.app-invoer{text-align:right;width:140px;font:inherit;font-size:var(--zp-tekst-groot);font-weight:var(--zp-gewicht-waarde)}.app-tijd{margin-top:auto}.app-lijst{padding:24px calc(var(--zp-paneel-breedte) + 24px) 24px 32px;flex-direction:column;gap:16px;padding-top:104px;display:flex;position:absolute;inset:0;overflow-y:auto}.app-lijstkop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.app-lijstkop h1{font-size:var(--zp-titel);color:var(--zp-inkt);margin:0}.app-lijstkop .zp-seg{border-radius:34px;flex-wrap:wrap;max-width:100%}.app-lijstkop .zp-seg button{flex:auto;min-width:max-content;padding:0 14px}.app-groep{background:var(--zp-vlak);border-radius:var(--zp-rond-groot);padding:8px}.app-groepkop{justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px 8px;display:flex}.app-groepkop h2{font-size:var(--zp-tekst-groot);margin:0}.app .zp-rij{width:100%}@media (max-width:900px){.app .zp-paneel{width:auto;max-height:45%;inset:auto 12px 12px}.app .zp-kop{gap:8px;padding:0 12px}.app .zp-project{min-width:0}.app-lijst{padding:96px 16px 50%}}.app .zp-bericht{flex-direction:column;margin:0}.app-plan{top:96px;bottom:96px;left:24px;right:calc(var(--zp-paneel-breedte) + 16px);position:absolute}.app-plan svg{position:absolute;inset:0;overflow:visible}.app-plan .zp-maat.op-doek{white-space:nowrap;min-height:var(--zp-raak);min-width:var(--zp-raak)}.app-plan .zp-maat small{font-weight:500}.app .zp-maat.is-melding{box-shadow:0 0 0 2px var(--zp-melding), var(--zp-schaduw-zweef)}.app .zp-maat.is-scheef{border-style:solid;border-color:var(--zp-keuze)}.app-trapgat{fill:var(--zp-inkt-3);fill-opacity:.35}.app-stappen{right:calc(var(--zp-paneel-breedte) + 16px);flex-wrap:wrap}.app-stappen .zp-stap{font:inherit;border:0}.app-links-onder{align-items:center;gap:8px;display:flex;bottom:24px;left:24px}.app-verder{right:calc(var(--zp-paneel-breedte) + 16px);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:24px}.app-vol{overflow-y:auto}.app-vol .zp-vol{box-sizing:border-box;height:100%}.app-vol .zp-kaarten{grid-auto-rows:minmax(150px,1fr)}.app-vol .zp-kaart svg{min-height:110px}.app-vol .zp-kaart{cursor:pointer;font:inherit}.app-vormkop{align-items:center;gap:12px;display:flex}.app-klavier{gap:var(--zp-ruimte-3);flex-direction:column;display:flex}.app-klavier h2,.app .zp-paneel h2{margin:0}.app-klein{font-size:var(--zp-tekst-label);color:var(--zp-inkt-3);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:600}.app .zp-uitlezing.is-berekend{background:var(--zp-maat-berekend);color:var(--zp-inkt-2);border-style:dashed}.app-som{overflow-wrap:anywhere;text-align:right}.app .zp-uitlezing{font-size:clamp(28px, 4vw, var(--zp-cijfer-groot));min-height:72px}.app-wis{font-family:var(--zp-letter)!important;font-size:var(--zp-tekst)!important}.app-rij{gap:var(--zp-ruimte-2);display:flex}.app-rij .zp-knop{flex:1}.app-doorsnede{background:var(--zp-vlak-2);border-radius:var(--zp-rond-groot);padding:8px;position:relative}.app-doorsnede svg{width:100%;height:auto;display:block}.app-doorsnede p{margin:4px 8px}.app-knikpil{position:absolute;left:64px}.app-hellingpil{position:absolute;top:16px;right:16px}.app-uit{align-items:center;display:inline-flex}.app-meldingen h3{margin:0}.app-dakkapel{gap:var(--zp-ruimte-2);flex-direction:column;display:flex}.app .zp-knop:disabled{opacity:.4}@media (max-width:900px){.app-plan{inset:84px 12px calc(45% + 24px)}.app-verder{bottom:calc(45% + 24px);right:12px}.app-links-onder{bottom:calc(45% + 24px);left:12px}.app-stappen{top:12px;left:12px;right:12px}.app-stappen .zp-stap{padding:0 12px 0 6px}.app-vol .zp-kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-plan .zp-rond.op-doek{font:inherit;box-shadow:var(--zp-schaduw-zweef);border:0;font-weight:700}.app-plan .zp-rond.op-doek.is-actief{background:var(--zp-keuze);color:var(--zp-keuze-inkt)}.app-plan .zp-rond.op-doek.is-gevel{border:2px dashed var(--zp-inkt-3)}.app-indeling{touch-action:none}.app-indeling svg{cursor:crosshair}.app-wand{fill:var(--zp-model-nieuw);stroke:var(--zp-model-lijn);stroke-width:1px}.app-wand.is-halfhoog{fill:color-mix(in srgb, var(--zp-model-nieuw) 55%, var(--zp-vlak));stroke-dasharray:4 3}.app-wand.is-actief{fill:var(--zp-keuze);stroke:var(--zp-keuze)}.app-verlaagd{fill:color-mix(in srgb, var(--zp-keuze) 12%, transparent);stroke:var(--zp-keuze);stroke-width:1.5px;stroke-dasharray:6 4}.app-verlaagd.is-actief{fill:color-mix(in srgb, var(--zp-keuze) 25%, transparent);stroke-dasharray:none}.app-tekenlijn{stroke:var(--zp-keuze);stroke-width:6px;stroke-linecap:round;opacity:.7}.app-vastklik{fill:var(--zp-vlak);stroke:var(--zp-inkt-3);stroke-width:2.5px;pointer-events:none}.app-vastklik.is-vast{fill:var(--zp-goed);stroke:var(--zp-vlak);stroke-width:3px}.app-vastlijn{stroke:var(--zp-goed);stroke-width:1.5px;stroke-dasharray:8 5;pointer-events:none}.app-actiebalk{left:calc((100% - var(--zp-paneel-breedte)) / 2)}.app .zp-rail{z-index:1}button.app-inklap{justify-content:space-between;align-items:center;gap:var(--zp-ruimte-3);width:100%;min-height:var(--zp-raak);text-align:left;font:inherit;color:var(--zp-inkt);cursor:pointer;border:0;flex-direction:row;display:flex}.app-inklap span{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.app-inklap small{color:var(--zp-inkt-3);font-size:var(--zp-tekst-klein);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app-inklap svg{fill:none;width:22px;height:22px;stroke:var(--zp-inkt-3);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.app-inklapkop{width:100%;min-height:var(--zp-raak);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.app-inklapkop h3{margin:0!important}select.app-keuzeknop{min-height:var(--zp-raak);max-width:60%;font:inherit;font-size:var(--zp-tekst);color:var(--zp-inkt);background:var(--zp-vlak);border:1px solid var(--zp-lijn,var(--zp-inkt-3));border-radius:var(--zp-rond-groot);padding:0 12px}.app-cirkels{left:calc((100% - var(--zp-paneel-breedte)) / 2);z-index:4;width:0;height:0;position:absolute;top:50%}.app-cirkel{left:calc(var(--zp-toets) / -2);top:calc(var(--zp-toets) / -2);width:var(--zp-toets);height:var(--zp-toets);min-height:var(--zp-toets);background:var(--zp-vlak);color:var(--zp-inkt);box-shadow:var(--zp-schaduw-zweef);font:inherit;font-size:var(--zp-tekst-klein);cursor:pointer;border:0;border-radius:50%;padding:6px;line-height:1.15;position:absolute;overflow:hidden}.app-cirkel.is-actief{background:var(--zp-keuze);color:var(--zp-keuze-inkt)}.app-cirkel.is-midden{background:var(--zp-inkt);color:var(--zp-vlak)}.app-cirkel svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}.app .zp-seg.is-breed{border-radius:34px;flex-wrap:wrap}.app .zp-seg.is-breed button{flex:auto;min-width:max-content;padding:0 14px}.app-aanzicht svg{cursor:crosshair}.app-aanzicht-vlak{fill:var(--zp-model-wand);stroke:var(--zp-model-wand);stroke-width:.6px}.app-aanzicht-rand{stroke:var(--zp-inkt-2);stroke-width:2px;stroke-linecap:round}.app-punt i{background:var(--zp-vlak);border:2px solid var(--zp-keuze);width:34px;height:34px;color:var(--zp-keuze);box-shadow:var(--zp-schaduw-zweef);border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:700;display:grid}.app-punt.is-actief i{background:var(--zp-keuze);color:var(--zp-keuze-inkt);border-color:var(--zp-vlak)}.app-punt.is-melding i{border-color:var(--zp-melding);color:var(--zp-melding)}.app-punt.is-licht i{opacity:.5;border-style:dashed}.app-config{flex-wrap:wrap;justify-content:flex-end;align-items:center}.app-config .zp-rij{flex:1 0 100%;min-width:0}.app-config .zp-rond{font-size:var(--zp-tekst-groot);flex:none;font-weight:700}.app-welkewand{max-width:320px;box-shadow:var(--zp-schaduw-zweef)}.app-plan-punt{fill:var(--zp-keuze);stroke:var(--zp-vlak);stroke-width:1.5px}.app-kijkhoek{fill:var(--zp-keuze);fill-opacity:.14;stroke:var(--zp-keuze);stroke-opacity:.5}.app-camera i{background:var(--zp-inkt)}.app-camera.is-actief i{background:var(--zp-keuze)}.app-rail-krap{gap:6px}.app-rail-krap .zp-tool{gap:2px;min-height:0;padding:0}.app-rail-krap .zp-tool i{width:var(--zp-raak);height:var(--zp-raak)}.app-rail-scheiding{border:0;border-top:2px solid var(--zp-lijn-sterk);width:60%;margin:2px auto}.app-meetlat{align-items:center;gap:var(--zp-ruimte-3);min-height:var(--zp-raak-groot);padding:0 var(--zp-ruimte-3) 0 var(--zp-ruimte-4);border-radius:var(--zp-rond);background:var(--zp-vlak);box-shadow:var(--zp-schaduw-zweef);display:flex}.app-meetlat span{flex-direction:column;display:flex}.app-meetlat small{color:var(--zp-inkt-3)}.app-snap{fill:var(--zp-keuze)}.app-meetlijn{fill:none;stroke:var(--zp-keuze);stroke-width:3px}.app-meetpunt{fill:var(--zp-keuze)}.app-qr{border-radius:var(--zp-rond);padding:var(--zp-ruimte-3);background:#fff;align-self:center;width:min(260px,100%)}.app-qr svg{width:100%;height:auto;display:block}.app-fotos{gap:var(--zp-ruimte-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.app-foto{aspect-ratio:1;min-height:var(--zp-raak-groot);border-radius:var(--zp-rond);background:var(--zp-vlak);cursor:pointer;border:0;padding:0;overflow:hidden}.app-foto img{object-fit:cover;width:100%;height:100%;display:block}.app-gsm{max-width:480px;padding:var(--zp-ruimte-5) 16px;gap:var(--zp-ruimte-4);background:var(--zp-vlak-2,#f4f2ee);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.app-gsm h1{margin:0}.app-gsm label.zp-knop{cursor:pointer;box-sizing:border-box}.app-ticketknop{white-space:nowrap;flex:none;font-weight:600;color:#fff!important;background:#c2410c!important;border-color:#c2410c!important}.app-ticketknop svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;display:none}@media (max-width:1200px){.app-ticketknop{width:var(--zp-raak-groot);min-height:var(--zp-raak-groot);border-radius:50%;padding:0}.app-ticketknop svg{display:block}.app-ticketknop span{display:none}.app .zp-project{flex:0 230px;min-width:0}.app .zp-kop>.zp-rond{flex:none}.app .zp-project b,.app .zp-project span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.app-ticket{left:16px;right:auto;top:calc(var(--zp-kop-hoogte) + 8px);z-index:6;text-align:left;width:min(440px,100% - 32px);position:fixed;bottom:16px}.app-ticket .app-paneelkop{align-items:center}.app-ticket .zp-veld{flex-direction:column;align-items:stretch}.app-ticket select.app-keuzeknop{width:100%;max-width:100%}.app-ticket label.zp-knop{cursor:pointer}.app-ticketover{font-size:var(--zp-tekst-groot);color:var(--zp-inkt-2);margin:0;font-weight:400}.app-ticketover b{color:var(--zp-inkt)}.app-ticket .app-tickettekst{border-radius:var(--zp-rond-groot);resize:vertical;min-height:140px;font-size:var(--zp-tekst);padding:12px 16px}.app-tickettekst-lees{white-space:pre-wrap;color:var(--zp-inkt);margin:0}.app-stappen .zp-stap.app-stap-vast{cursor:default}.app-maatlijn{stroke:var(--zp-inkt-3);stroke-width:1.5px;stroke-dasharray:5 4}.app-maatlijn.is-actief{stroke:var(--zp-keuze);stroke-width:4px;stroke-dasharray:none}.app-dakvlakken{align-items:center;gap:var(--zp-ruimte-2);padding:0 var(--zp-ruimte-2);flex-wrap:wrap;display:flex}.app-dakvlakken .zp-rond{flex:none;font-weight:700}.app-dakvlakken .zp-rond.is-actief{background:var(--zp-keuze);color:var(--zp-keuze-inkt)}.app-cirkel.met-beeld{background-position:50%;background-size:cover}.app-cirkel.met-beeld span{color:var(--zp-inkt);background:color-mix(in srgb, var(--zp-vlak) 80%, transparent);border-radius:10px;padding:3px 6px;font-weight:600;display:block}.app-cirkel.met-beeld.is-actief{box-shadow:0 0 0 5px var(--zp-keuze), var(--zp-schaduw-zweef)}.app-punt i.app-toestel{background:#fff;border-radius:6px;gap:2px;width:auto;height:36px;padding:2px;display:flex}.app-punt i.app-toestel img{aspect-ratio:1;border-radius:3px;height:100%;display:block}.app-punt.is-actief i.app-toestel{box-shadow:0 0 0 3px var(--zp-keuze), var(--zp-schaduw-zweef);background:#fff}.app-toestellen{gap:var(--zp-ruimte-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-toestellen li{align-items:center;gap:var(--zp-ruimte-2);background:var(--zp-vlak-2);border-radius:var(--zp-rond);padding:var(--zp-ruimte-2);grid-template-columns:64px 64px 1fr auto;display:grid}.app-toestelbeeld{background:#fff;border-radius:6px;justify-content:center;align-items:center;width:64px;height:48px;display:flex;overflow:hidden}.app-toestelbeeld img{max-width:100%;max-height:100%;display:block}.app-toestelbeeld small{color:#5e6573;text-align:center;font-size:11px;line-height:1.2}.app-symbool{background:#fff;border-radius:6px;width:64px;height:46px}.app-toestellen li>span:nth-child(3){color:var(--zp-inkt);flex-direction:column;gap:2px;min-width:0;font-weight:600;display:flex}.app-toestellen li>span:nth-child(3) small{color:var(--zp-inkt-3);font-size:12px;font-weight:400;line-height:1.3}.app-toestellen li>b{text-align:right;min-width:2ch;color:var(--zp-inkt);font-size:20px}.lijst-rij{align-items:center;gap:var(--zp-ruimte-2);display:flex}.lijst-rij .zp-rij{flex:1;min-width:0}.lijst-rij.is-uit .zp-rij>span:first-child{color:var(--zp-inkt-3)}.lijst-groepkop{align-items:center}.lijst-groepkop h2{flex:1}.lijst-oog{width:var(--zp-raak);height:var(--zp-raak);min-width:var(--zp-raak-min);min-height:var(--zp-raak-min);border-radius:var(--zp-rond-vol);background:var(--zp-vlak-2);color:var(--zp-inkt);cursor:pointer;border:0;flex:none;place-items:center;display:grid}.lijst-oog svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.lijst-oog.is-uit{color:var(--zp-inkt-3);background:var(--zp-vlak-3)}.lijst-verborgen{justify-content:space-between;align-items:center;gap:var(--zp-ruimte-3);background:var(--zp-vlak);border-radius:var(--zp-rond-groot);color:var(--zp-inkt);padding:8px 8px 8px 20px;display:flex}.lijst-verborgen .zp-knop{min-height:var(--zp-raak)}.vol-lijst{flex-direction:column;gap:2px;display:flex}.vol-nieuw{min-height:var(--zp-raak);padding:6px var(--zp-ruimte-4);color:var(--zp-inkt-3);align-items:center;font-style:italic;display:flex}.vol-naam{box-sizing:border-box;width:100%;min-height:var(--zp-raak);font:inherit;font-size:var(--zp-tekst-groot);border:1px solid var(--zp-lijn);border-radius:var(--zp-rond-vol);background:var(--zp-vlak);color:var(--zp-inkt);padding:0 16px}