.ot-icoon{flex:none;display:block}.ot-knop{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:44px;height:44px;padding:0 .5rem;border:1px solid transparent;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.ot-breed:focus-visible,.ot-knop:focus-visible,.ot-letter:focus-visible,.ot-mobiel__item:focus-visible,.ot-mobiel__klaar:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}@media (hover:hover){.ot-knop:hover:not(:disabled){background:var(--surface-alt)}.ot-knop--gevaar:hover:not(:disabled){background:var(--mp-rood-100);color:var(--mp-rood-700)}.ot-knop[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 6px);z-index:20;padding:.3rem .55rem;border-radius:6px;background:var(--mp-inkt);color:#fff;font-size:.75rem;font-weight:500;line-height:1.3;white-space:nowrap;transform:translateX(-50%);pointer-events:none;animation:ot-tip 0s .45s both}}@keyframes ot-tip{0%{visibility:hidden}to{visibility:visible}}.ot-knop.is-actief{border-color:var(--ink);background:var(--surface-alt)}.ot-knop:disabled{opacity:.35;cursor:default}.ot-knop__tekst{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ot-breed{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;min-height:44px;margin-top:.4rem;padding:0 .75rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--ink);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.ot-breed--inline{width:auto;flex:1 1;margin-top:0}.ot-breed:disabled{opacity:.4;cursor:default}@media (hover:hover){.ot-breed:hover:not(:disabled){border-color:var(--ink)}}.ot-zwevend{position:absolute;top:0;left:0;z-index:5;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 28px -14px rgb(18 26 36/45%),0 1px 2px rgb(18 26 36/8%);transition:transform 90ms ease-out;will-change:transform}@media (prefers-reduced-motion:reduce){.ot-zwevend{transition:none}}.ot-zwevend__scheiding{width:1px;height:24px;margin:0 2px;background:var(--line)}.ot-zwevend__groep{position:relative}.ot-zwevend__menu{position:absolute;top:calc(100% + 8px);left:50%;z-index:6;display:grid;grid-template-columns:repeat(3,44px);grid-gap:2px;gap:2px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 28px -14px rgb(18 26 36/45%);transform:translateX(-50%)}.ot-paneel{display:grid;grid-gap:0;gap:0;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);overflow:clip}.ot-paneel__kop{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-bottom:1px solid var(--line)}.ot-paneel__soort{display:inline-flex;align-items:center;gap:.4rem;font-weight:700}.ot-paneel__titel{margin-left:auto;color:var(--ink-muted);font-size:.8125rem}.ot-paneel__klaar{margin:-.4rem -.5rem -.4rem 0}.ot-paneel>.ot-hint,.ot-paneel>.ot-sectie,.ot-paneel>.ot-tekstveld,.ot-paneel>.ot-waarschuwing{margin:0;padding:.6rem .9rem}.ot-paneel>.ot-sectie+.ot-sectie,.ot-paneel>.ot-tekstveld+.ot-sectie{border-top:1px solid var(--line)}.ot-sectie__kop{display:block;margin:0 0 .45rem;color:var(--ink-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ot-rij{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.ot-rij .ot-knop{border-color:var(--line)}.ot-rij .ot-knop.is-actief{border-color:var(--ink)}.ot-rij--uitlijnen{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr))}.ot-tekstveld{display:block}.ot-tekstveld .input{width:100%}.ot-letters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;margin-bottom:.5rem}.ot-letter{min-height:44px;padding:0 .6rem;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:1.05rem;line-height:1.1;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ot-letter.is-actief{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.ot-schuif{display:grid;grid-gap:.35rem;gap:.35rem;margin-top:.5rem}.ot-sectie>.ot-schuif:first-child{margin-top:0}.ot-schuif__label{display:flex;justify-content:space-between;gap:.5rem;font-size:.8125rem}.ot-schuif__label strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ot-draaischuif,.ot-schuif input[type=range]{width:100%;min-height:44px;accent-color:var(--mp-inkt);touch-action:pan-y}.ot-draaischuif{flex:1 1;min-width:90px}.ot-maten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.ot-maat{display:grid;grid-gap:.2rem;gap:.2rem}.ot-maat__label{color:var(--ink-muted);font-size:.75rem}.ot-maat__label:empty{display:none}.ot-maat__veld{display:flex;align-items:center;min-height:44px;padding:0 .6rem;border:1px solid var(--color-border-control);border-radius:8px;background:#fff}.ot-maat__veld:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.ot-maat__veld input{width:100%;min-width:0;border:0;background:none;color:var(--ink);font:inherit;font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;outline:none}.ot-maat__eenheid{color:var(--ink-muted);font-size:.8125rem}.ot-rij .ot-maat{width:5.5rem}.ot-hint{color:var(--ink-muted);font-size:.75rem;line-height:1.45}.ot-waarschuwing{border-left:3px solid var(--mp-rood-700);color:var(--mp-rood-700)}.ot-info,.ot-waarschuwing{margin:0;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4}.ot-info{display:flex;align-items:flex-start;gap:.5rem;border-radius:6px;background:var(--surface-sunken,#f2f4f6);color:var(--ink-muted,#4a5560)}.ot-info .ot-icoon{flex:none;margin-top:1px}.ot-info--balk{margin:.4rem .75rem 0}.ot-stip{display:inline-block;width:14px;height:14px;border:1px solid rgb(0 0 0/25%);border-radius:50%;vertical-align:middle}.ot-mobiel{display:flex;flex-direction:column;min-width:0;background:var(--surface-raised);border-top:1px solid var(--line)}.ot-mobiel__vel{max-height:min(46vh,calc(var(--app-h, 100dvh) * .46));padding:0 1rem .75rem;overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--line)}.ot-mobiel__velkop{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0 -1rem .5rem;padding:.25rem .5rem .25rem 1rem;background:var(--surface-raised);font-weight:700}.ot-mobiel__vel .ot-sectie+.ot-sectie{margin-top:.75rem}.ot-mobiel__velkop+.ot-sectie>.ot-sectie__kop,.ot-mobiel__velkop+.ot-waarschuwing+.ot-sectie>.ot-sectie__kop{display:none}.ot-mobiel__vel .ot-letters{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-waarschuwing--balk{padding-inline:1rem;border-left:0;border-bottom:1px solid var(--line)}.ot-mobiel__balk{display:flex;align-items:stretch;min-height:64px}.ot-mobiel__klaar{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:56px;border:0;border-right:1px solid var(--line);background:none;color:var(--ink);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.ot-mobiel__rij{display:flex;flex:1 1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.ot-mobiel__rij::-webkit-scrollbar{display:none}.ot-mobiel__item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:52px;min-height:64px;padding:.35rem .25rem;border:0;background:none;color:var(--ink-muted);font:inherit;scroll-snap-align:start;cursor:pointer}.ot-mobiel__item.is-actief{color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.ot-mobiel__item--gevaar{color:var(--mp-rood-700)}.ot-mobiel__label{font-weight:600}.ot-mobiel__label,.ot-mobiel__waarde{font-size:.6875rem;line-height:1.15;white-space:nowrap}.ot-mobiel__waarde{max-width:56px;overflow:hidden;color:var(--ink);text-overflow:ellipsis}.ot-waarde-tekst{font-weight:700}.configurator--app .ot-mobiel{grid-area:tabs;padding-bottom:0}.configurator--app[data-selectie=true] .configurator__panel,.configurator--app[data-toetsenbord=true] .ot-mobiel__balk{display:none}.ot-mobiel--vast{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;padding-bottom:env(safe-area-inset-bottom,0)}@media (any-pointer:coarse){.ot-paneel .ot-hint:last-child{display:none}}.kl-editor__kopacties{display:flex;align-items:center;gap:4px}.kl-editor__kopacties .editor-app__icoon{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:none;color:var(--ink);cursor:pointer}.kl-editor__kopacties .editor-app__icoon:disabled{opacity:.3;cursor:default}.kl-plek__inhoud .ot-paneel{margin-top:.5rem}@media (min-width:900px){.ot-paneel-plek{max-height:calc(100vh - 8rem);overflow-y:auto;overscroll-behavior:contain;border-radius:12px;scrollbar-width:thin}.ot-paneel-plek .ot-paneel__kop{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--surface-raised)}}.ot-rij--formaat{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr))}.ot-rij--formaat .ot-breed--inline{grid-column:1/-1;width:100%}.ot-rij--draai{display:grid;grid-template-columns:auto auto minmax(60px,1fr) 5rem}.ot-rij--draai .ot-maat{width:auto}.ot-inkleuren .swatches--rij,.ot-sectie .swatches--rij{flex-wrap:wrap;overflow:visible}.ot-klaplijst{display:grid;grid-gap:0;gap:0}.ot-klap+.ot-klap{border-top:1px solid var(--line)}.ot-klap__kop{display:flex;align-items:center;gap:.6rem;width:100%;min-height:48px;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:.9375rem;text-align:left;cursor:pointer}.ot-klap__label{font-weight:600}.ot-klap__waarde{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;overflow:hidden;color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis}.ot-klap__kop .ot-icoon{transition:transform .15s ease}.ot-klap.is-open .ot-klap__kop .ot-icoon:last-child{transform:rotate(180deg)}.ot-klap__inhoud{padding-bottom:.75rem}.ot-klap__inhoud .ot-sectie__kop{display:none}.ot-rij--stijl{margin-top:.5rem}.ot-rij--stijl .ot-knop{padding-inline:.75rem}.ot-stip{border-color:var(--line);box-shadow:inset 0 0 0 1px rgb(0 0 0/12%)}.ot-zwevend .ot-knop--gevaar{color:var(--mp-rood-700)}.ot-knop--menu{gap:0;padding-inline:.35rem}.ot-zwevend__melding{position:absolute;top:calc(100% + 6px);left:0;max-width:320px;padding:.45rem .7rem;border-left:3px solid var(--mp-rood-700);border-radius:6px;background:#fff;box-shadow:0 8px 20px -12px rgb(18 26 36/45%);color:var(--mp-rood-700);font-size:.8125rem;line-height:1.35;width:max-content}.ot-zwevend--mobiel{padding:2px}.configurator--app[data-gereedschap=open] .opgeslagen-regel,.configurator--app[data-gereedschap=open] .ot-zwevend,.configurator--app[data-gereedschap=open] .zoombalk{display:none}@media (min-width:900px){.configurator:not(.configurator--app) .zoombalk{top:.6rem;bottom:auto}}.kl-editor{grid-template-columns:minmax(0,1fr)}.kl-editor>*,.kl-editor__lijf>*{min-width:0}.kl-editor .ot-mobiel{max-width:100vw}.kl-editor__doek{position:relative}.kl-editor__doek.is-ingezoomd .kl-editor__zijde:not(.is-gekozen){display:none}.kl-editor__doek.is-ingezoomd .kl-editor__zijden{grid-template-columns:minmax(0,1fr);max-width:min(640px,100%)}.kl-zoomknop{display:block;min-height:44px;margin:0 auto 8px;padding:0 1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-raised);color:var(--ink);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.kl-editor--gereedschap .kl-editor__paneel,.kl-editor--gereedschap .kl-editor__voet,.kl-editor--gereedschap .kl-tabs,.kl-editor--gereedschap .kl-zoomknop{display:none}.kl-editor--gereedschap .ot-mobiel__vel{max-height:42vh}.ot-paneel__voet{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;padding:.6rem .9rem;border-top:1px solid var(--line);background:var(--surface-raised)}.ot-kleurwaarde{display:inline-flex;align-items:center;gap:3px;max-width:56px;overflow:hidden}.ot-kleurwaarde>span:last-child:not(.ot-stip){overflow:hidden;text-overflow:ellipsis}