.kdr{--kdr-tekst:#23292e;--kdr-szary:#5d6873;--kdr-linia:#e1e5e9;--kdr-akcent:#0b4f8a;box-sizing:border-box;color:var(--kdr-tekst);width:min(440px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);font-family:var(--font-inter), Inter, system-ui, sans-serif;background:#fff;border:0;border-radius:14px;margin:auto;padding:0;font-size:16px;line-height:1.5;overflow:hidden;box-shadow:0 20px 60px #0000004d}.kdr[open]{flex-direction:column;display:flex}.kdr::backdrop{background:#11182799}.kdr *,.kdr :before,.kdr :after{box-sizing:border-box}.kdr-gora{flex-shrink:0;padding:18px 20px 12px}.kdr-tytul{margin:0;font-size:20px;font-weight:700;line-height:1.25}.kdr-tytul:focus{outline:none}.kdr-opis{color:var(--kdr-szary);margin:4px 0 0;font-size:15px}.kdr-srodek{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:4px 20px 8px;display:flex;overflow-y:auto}.kdr-scena{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,320px,100dvh - 380px);min-width:200px;box-shadow:0 0 0 1px var(--kdr-linia);background:#fff;border-radius:10px;outline:none;flex-shrink:0;align-self:center;position:relative;overflow:hidden}.kdr-scena:active{cursor:grabbing}.kdr-scena:focus-visible{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--kdr-akcent)}.kdr-plotno{width:100%;height:100%;display:block;position:absolute;inset:0}.kdr-kolo{pointer-events:none;border:2px solid #fffffff2;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 999px #11182780}.kdr-podpowiedz{color:#fff;white-space:nowrap;pointer-events:none;background:#111827c7;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:opacity .25s;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.kdr-podpowiedz[data-ukryta=true]{opacity:0}.kdr-powiekszenie{align-items:center;gap:10px;width:100%;display:flex}.kdr-okragly{width:40px;height:40px;color:var(--kdr-tekst);cursor:pointer;background:#fff;border:1px solid #c9d0d6;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.kdr-okragly:hover{background:#f3f5f7}.kdr-suwak{width:100%;min-width:0;height:40px;accent-color:var(--kdr-akcent);cursor:pointer;flex:auto;margin:0}.kdr-wiersz{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;width:100%;display:flex}.kdr-akcje{flex-wrap:wrap;gap:8px;display:flex}.kdr-maly{color:var(--kdr-tekst);min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c9d0d6;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600}.kdr-maly:hover{background:#f3f5f7}.kdr-podglad{color:var(--kdr-szary);align-items:center;gap:8px;font-size:13px;display:flex}.kdr-podglad canvas{border:1px solid var(--kdr-linia);background:#fff;border-radius:50%;display:block}.kdr-podglad-duze{width:48px;height:48px}.kdr-podglad-male{width:28px;height:28px}.kdr-uwaga,.kdr-blad{border-radius:8px;width:100%;margin:0;padding:10px 12px;font-size:14px}.kdr-uwaga{color:#5b4300;background:#fff6d6}.kdr-blad{color:#a12a2a;background:#fbecec;font-weight:600}.kdr-dol{border-top:1px solid var(--kdr-linia);background:#f9fafb;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.kdr-przycisk{min-height:44px;font:inherit;cursor:pointer;color:var(--kdr-tekst);background:#fff;border:1px solid #c9d0d6;border-radius:8px;padding:10px 22px;font-size:15px;font-weight:700}.kdr-przycisk:hover{background:#f3f5f7}.kdr-przycisk-glowny{background:#f6b400;border-color:#f6b400}.kdr-przycisk-glowny:hover{background:#ffc93d}.kdr-przycisk:disabled{opacity:.6;cursor:default}.kdr-okragly:focus-visible,.kdr-maly:focus-visible,.kdr-przycisk:focus-visible,.kdr-suwak:focus-visible{outline:3px solid var(--kdr-tekst);outline-offset:2px}@media (max-width:480px){.kdr-gora{padding:14px 16px 8px}.kdr-srodek{padding-left:16px;padding-right:16px}.kdr-dol{padding:12px 16px}.kdr-przycisk{flex:1 1 0}}