.kl-stage{aspect-ratio:1.2}.kl-canvas{visibility:hidden;position:absolute;inset:0}.kl-canvas canvas{width:100%;height:100%;display:block}.kl-stage[data-ready="3d"] .kl-canvas{visibility:visible}.kl-stage[data-ready="3d"] .kl-svg,.kl-stage[data-mode=loading] .kl-svg{visibility:hidden}.kl-loader{z-index:3;color:#514b42;background:radial-gradient(circle at 50% 45%,#f4f2ec,#dcd7cc);place-content:center;justify-items:center;gap:14px;font-size:14px;display:none;position:absolute;inset:0}.kl-stage[data-mode=loading] .kl-loader{display:grid}.kl-spin{border:2px solid #0000001f;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite kl-spin}@keyframes kl-spin{to{transform:rotate(360deg)}}.kl-bar{--p:0;background:#0000001a;border-radius:3px;width:180px;height:3px;overflow:hidden}.kl-bar i{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(var(--p));transition:transform .3s;display:block}.kl-stage .kl-svg{height:100%}.kl-tools{text-align:center;z-index:2;display:none;position:absolute;bottom:18px;left:12px;right:12px}.kl-stage[data-ready="3d"] .kl-tools{display:block}.kl-hint{color:#514b42;letter-spacing:.06em;margin-bottom:8px;font-size:11px;display:block}.kl-views{background:#ffffffeb;border:1px solid #fff;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:3px;padding:5px;display:inline-flex;box-shadow:0 6px 30px #33281b12}.kl-views button{font:600 11px var(--font);color:#383329;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px}.kl-views button:hover{background:#eae5dc}.kl-views button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.kl-plan{pointer-events:none}.kl-tag{text-align:right;pointer-events:none;max-width:calc(100% - 140px)}@media (width<=600px){.kl-stage{aspect-ratio:1}.kl-tools{bottom:10px;left:6px;right:6px}.kl-views button{padding:10px 7px;font-size:10px}}@media (prefers-reduced-motion:reduce){.kl *,.kl :after{transition:none!important;animation:none!important}}.kl{border-block:1px solid var(--line);background:#fff}.kl-pin{align-items:center;min-height:100vh;padding:96px 0 32px;display:flex}.kl-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.kl-stage{--k-handle:#1d1d1d;--k-knob:#b8955a;background:#ecebe6;border-radius:6px;position:relative;overflow:hidden}.kl-svg{width:100%;height:auto;display:block}.kl-svg .k-front,.kl-svg .k-front-raw{fill:var(--k-front);stroke:#0000001f;stroke-width:1px;transition:fill .6s}.kl-svg .k-top-fill{fill:var(--k-top);transition:fill .6s}.kl-stage [class^=h-],.kl-stage [class*=\ h-]{transition:opacity .4s}.kl-stage:not([data-handle=lista]) .h-lista,.kl-stage:not([data-handle=knop]) .h-knop,.kl-stage:not([data-handle=gola]) .h-gola{opacity:0}.kl-stage[data-front=antracit]{--k-handle:#0c0c0c}.kl-stage[data-front=bila] .k-front{stroke:#00000029}.k-island,.k-pend,.k-corner{transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .6s}.kl-stage:not([data-shape=sh3]) .k-island{opacity:0;transform:translateY(160px)}.kl-stage:not([data-shape=sh3]) .k-pend{opacity:0;transform:translateY(-240px)}.kl-stage:not([data-shape=sh2]) .k-corner{opacity:0;transform:translate(140px)}.k-led{transition:opacity .6s}.kl-stage[data-led="0"] .k-led,.kl-stage[data-led="0"] .k-bulb{opacity:0}.kl-stage.sweep .k-sweep{animation:.9s cubic-bezier(.6,0,.3,1) k-sweep}@keyframes k-sweep{0%{opacity:.55;transform:translate(0)skew(-18deg)}to{opacity:0;transform:translate(1500px)skew(-18deg)}}.kl-plan{width:clamp(84px,9vw,120px);color:var(--ink);backdrop-filter:blur(6px);background:#ffffffc7;border-radius:6px;position:absolute;top:14px;left:14px}.kl-plan rect[class^=p-]{fill:var(--accent);transform-box:fill-box;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}.kl-stage:not([data-shape=sh2]) .p-l{opacity:0;transform-origin:top;transform:scaleY(0)}.kl-stage:not([data-shape=sh3]) .p-isl{opacity:0;transform-origin:50%;transform:scale(.4)}.kl-tag{backdrop-filter:blur(6px);background:#ffffffd9;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;position:absolute;top:14px;right:14px}.kl-panel h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,2.7vw,42px);font-weight:800;line-height:1.02}.kl-panel h2 em{color:var(--muted);font-style:normal;font-weight:300}.kl-lead{color:var(--muted);margin:12px 0 20px;font-size:15px}.kl-panel .label,.kl-q{margin-bottom:14px}.kl-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.kl-h{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:9px;font-size:11px;font-weight:700;display:block}.kl-seg{background:var(--bg);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.kl-seg button{font:600 13px var(--font);cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 14px;transition:background .3s,color .3s}.kl-seg button[aria-checked=true]{background:var(--ink);color:#fff}.kl-sw{flex-wrap:wrap;gap:8px;display:flex}.sw{border:1px solid var(--line);font:600 13px var(--font);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 13px 6px 6px;transition:border-color .3s,box-shadow .3s;display:inline-flex}.sw i{border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001f}.sw[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.sw-bila i{background:#f2f1ed}.sw-salvej i{background:#98a38c}.sw-antracit i{background:#3a3c3f}.sw-dub i,.st-dub i{background:repeating-linear-gradient(100deg,#b7895a 0 4px,#a57a4d 4px 6px,#bf9363 6px 11px)}.st-kamen i{background:linear-gradient(130deg,#0000 40%,#a9a6a0 41%,#0000 43%),linear-gradient(30deg,#0000 60%,#bdbab4 61%,#0000 62%),#f4f3f0}.st-beton i{background:radial-gradient(circle at 30% 30%,#b5b3ad 1px,#0000 2px) 0 0/6px 6px,#a3a19b}.kl-led-t{font:600 13px var(--font);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.kl-led-t input{opacity:0;position:absolute}.kl-led-t span{background:var(--line);border-radius:999px;width:40px;height:24px;transition:background .3s;position:relative}.kl-led-t span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.kl-led-t input:checked+span{background:#e2a23b}.kl-led-t input:checked+span:after{transform:translate(16px)}.kl-led-t input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.kl-out{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-top:18px;padding-top:16px;display:flex}.kl-out b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(28px,2.6vw,38px);font-weight:800;display:block}@media (width<=1024px){.kl-pin{min-height:0;padding:80px 0}.kl-grid{grid-template-columns:1fr}}@media (width>=1921px){.kl-grid{width:min(100% - 96px,1800px)}}