.phk{color-scheme: light;
  --papier:#FFFDF8; --szalwia:#EEF2E6; --szalwia-2:#E2E9D6; --las:#3B5B2E; --las-ciemny:#22311B;
  --pomarancz:#C64F14; --pomarancz-ciemny:#A9420F; --tekst:#24301F; --tekst-2:#5B6654; --linia:#D7DECB; --karta:#FFFFFF;
  --uwaga-tlo:#FFF2DC; --uwaga:#86470C; --blad-tlo:#FBE6E3; --blad:#A1251B; --ok:#2F6B2A; --ok-tlo:#E5F1E1; --zaznacz:#1F7AE0;
  --f-naglowek:'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
  --f-tekst:'Source Sans 3', 'Source Sans Pro', system-ui, -apple-system, sans-serif;}
.phk,.phk *{box-sizing:border-box}
.phk [hidden],.phk[hidden]{display:none!important}
.phk{background:var(--papier);color:var(--tekst);font-family:var(--f-tekst);font-size:16px;line-height:1.5;margin:0}
.phk button,.phk input,.phk textarea,.phk select{font:inherit;color:inherit}
.phk button{cursor:pointer}
.phk :focus-visible{outline:3px solid var(--pomarancz);outline-offset:2px}
.phk .podglad-bar{background:var(--las-ciemny);color:#E6EDDB;font-size:14px;padding:8px 16px;text-align:center}
.phk .podglad-bar b{color:#FFC59E;letter-spacing:.08em}
.phk .sklep{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:12px 24px;border-bottom:1px solid var(--linia);flex-wrap:wrap}
.phk .marka{display:flex;align-items:center;gap:10px;font-family:var(--f-naglowek);font-size:26px;letter-spacing:.02em;color:var(--las-ciemny)}
.phk .marka img{width:40px;height:40px}
.phk .menu{display:flex;gap:6px 20px;flex-wrap:wrap;font-weight:600;font-size:15px}
.phk .menu .akt{color:var(--las);box-shadow:inset 0 -2px var(--pomarancz)}
.phk .wrap{max-width:1220px;margin:0 auto;padding:28px 24px 64px}
.phk .eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--las)}
.phk .intro h1{font-family:var(--f-naglowek);font-weight:400;font-size:clamp(40px,6vw,62px);line-height:.95;margin:4px 0 8px;color:var(--las-ciemny);text-wrap:balance}
.phk .intro p{max-width:66ch;color:var(--tekst-2);margin:0}
.phk .akceptacja{margin-top:20px;border:2px solid var(--las);border-radius:18px;background:var(--karta);padding:16px 18px;display:grid;gap:10px}
.phk .akceptacja h2{font-family:var(--f-naglowek);font-weight:400;font-size:30px;line-height:1;margin:0;color:var(--las-ciemny)}
.phk .opinie{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.phk .opinia{border-radius:10px;padding:8px 12px;background:var(--szalwia);font-size:14px}
.phk .opinia.akcept{background:var(--ok-tlo)}
.phk .opinia b{display:block;font-size:13px}
.phk .opinia small{color:var(--tekst-2)}
.phk .kreator{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;margin-top:24px;align-items:start}
.phk .lewa{position:sticky;top:calc(var(--phk-gora,0px) + 12px);max-height:calc(100vh - var(--phk-gora,0px) - 24px);overflow:auto;display:grid;gap:12px;min-width:0;padding-bottom:4px;overscroll-behavior:contain}
.phk .stol{position:relative;background:var(--szalwia);border-radius:18px;padding:14px 14px 10px;display:grid;justify-items:center;gap:8px}
.phk #plakietka{width:100%;max-width:440px;aspect-ratio:1/1;height:auto;display:block;touch-action:none;user-select:none;-webkit-user-select:none}
.phk #plakietka [data-id]{cursor:move}
.phk #plakietka [data-uchwyt="skala"]{cursor:nwse-resize}
.phk #plakietka [data-uchwyt="obrot"]{cursor:grab}
.phk #plakietka.przybliz{cursor:grab}
.phk .zoom{position:absolute;top:8px;right:8px;display:flex;gap:2px;align-items:center;background:rgba(255,253,248,.92);border:1px solid var(--linia);border-radius:10px;padding:2px}
.phk .zoom button{border:none;background:none;min-width:30px;height:30px;border-radius:8px;font-weight:700;font-size:16px;padding:0 6px}
.phk .zoom button:hover{background:var(--szalwia)}
.phk .zoom span{font-size:12px;min-width:38px;text-align:center;font-variant-numeric:tabular-nums;color:var(--tekst-2)}
.phk .chipy{display:flex;gap:6px 8px;flex-wrap:wrap;justify-content:center}
.phk .chip{font-size:13px;background:var(--papier);border:1px solid var(--linia);border-radius:999px;padding:2px 10px;color:var(--tekst-2);font-variant-numeric:tabular-nums}
.phk .chip b{color:var(--tekst);font-weight:700}
.phk .chip.zle{background:var(--blad-tlo);border-color:#E9B8B1;color:var(--blad)}
.phk .chip.zle b{color:var(--blad)}
.phk .chip.cena-chip b{color:var(--pomarancz-ciemny)}
.phk .narzedzia{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.phk .narzedzia .sep{flex:1}
.phk .nb{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linia);background:var(--karta);border-radius:10px;padding:7px 11px;font-weight:600;font-size:14px;line-height:1.2}
.phk .nb:hover{border-color:var(--las)}
.phk .nb:disabled{opacity:.45;cursor:not-allowed}
.phk .nb svg{width:16px;height:16px;flex:none}
.phk .nb .plus{color:var(--pomarancz-ciemny);font-weight:800}
.phk .menu-ozdob{position:relative}
.phk .menu-ozdob .lista{position:absolute;z-index:8;top:calc(100% + 4px);left:0;background:var(--karta);border:1px solid var(--linia);border-radius:12px;box-shadow:0 10px 30px rgba(34,49,27,.18);padding:6px;display:grid;gap:2px;min-width:170px}
.phk .menu-ozdob .lista button{display:flex;align-items:center;gap:10px;border:none;background:none;border-radius:8px;padding:7px 10px;text-align:left;font-size:14px}
.phk .menu-ozdob .lista button:hover{background:var(--szalwia)}
.phk .menu-ozdob .lista svg{width:20px;height:20px}
.phk .wlasciwosci{border:1px solid var(--linia);border-radius:18px;background:var(--karta);padding:14px 16px 16px;min-width:0}
.phk .wl-glowa{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.phk .wl-glowa .wl-h{font-family:var(--f-naglowek);font-weight:400;font-size:24px;line-height:1;margin:0;color:var(--las-ciemny);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.phk .wl-akcje{display:flex;gap:4px;flex-wrap:wrap}
.phk .ik{border:1px solid var(--linia);background:var(--papier);border-radius:8px;min-width:34px;height:34px;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.phk .ik:hover{border-color:var(--las)}
.phk .ik.usun{color:var(--blad)}
.phk .ik:disabled{opacity:.4;cursor:not-allowed}
.phk .ik svg{width:16px;height:16px}
.phk .wl-siatka{display:grid;gap:12px}
.phk .wl-rzad{display:grid;gap:4px}
.phk .wl-rzad>.etykieta{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:14px}
.phk .wl-rzad>.etykieta span{font-weight:400;color:var(--tekst-2);font-variant-numeric:tabular-nums}
.phk .wl-rzad>.etykieta span.zle{color:var(--uwaga);font-weight:700}
.phk .wl-rzad input[type=range]{width:100%;accent-color:var(--las)}
.phk .dwa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.phk .pusty-panel{color:var(--tekst-2);font-size:15px;margin:0}
.phk .pusty-panel kbd{font-family:inherit;font-size:12px;border:1px solid var(--linia);border-bottom-width:2px;border-radius:5px;padding:0 4px;background:var(--papier)}
.phk .komunikaty{display:grid;gap:8px}
.phk .komunikaty:empty{display:none}
.phk .kom{font-size:14px;line-height:1.4;border-radius:10px;padding:8px 12px;background:var(--uwaga-tlo);color:var(--uwaga)}
.phk .kom.blad{background:var(--blad-tlo);color:var(--blad)}
.phk .kom.info{background:var(--szalwia);color:var(--tekst-2)}
.phk .kom button{border:none;background:none;padding:0;color:inherit;text-decoration:underline;font-weight:700;font-size:inherit}
.phk .popraw{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px dashed var(--las);border-radius:12px;padding:8px 10px 8px 12px;background:var(--ok-tlo);font-size:14px}
.phk .popraw .btn{padding:7px 12px;font-size:14px}
.phk .cena{display:grid;gap:4px}
.phk .cw{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-variant-numeric:tabular-nums}
.phk .cw span:first-child{color:var(--tekst-2)}
.phk .cw.razem{align-items:baseline;border-top:1px solid var(--linia);margin-top:6px;padding-top:8px}
.phk .cw.razem span:first-child{color:var(--tekst);font-weight:700}
.phk .cw.razem span:last-child{font-family:var(--f-naglowek);font-size:34px;line-height:1;color:var(--pomarancz-ciemny);letter-spacing:.01em}
.phk .drobne{font-size:13px;color:var(--tekst-2);margin:0}
.phk .kroki{display:grid;gap:14px;counter-reset:krok;min-width:0}
.phk .krok{background:var(--karta);border:1px solid var(--linia);border-radius:18px;padding:18px 20px 20px;min-width:0}
.phk .krok .krok-h{display:flex;align-items:center;gap:10px;font-family:var(--f-naglowek);font-weight:400;font-size:27px;letter-spacing:.02em;line-height:1;margin:0 0 14px;color:var(--las-ciemny)}
.phk .krok .krok-h::before{counter-increment:krok;content:counter(krok);width:30px;height:30px;border-radius:50%;background:var(--las);color:#fff;font-family:var(--f-tekst);font-weight:700;font-size:15px;display:grid;place-items:center;flex:none}
.phk .krok .krok-h small{font-family:var(--f-tekst);font-size:14px;letter-spacing:0;color:var(--tekst-2);margin-left:auto;font-weight:400}
.phk .szablony{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.phk .szablon{display:grid;gap:4px;justify-items:center;text-align:center;padding:8px 4px;border:1px solid var(--linia);border-radius:14px;background:var(--papier)}
.phk .szablon svg{width:100%;max-width:84px;aspect-ratio:1/1;height:auto}
.phk .szablon b{font-size:14px;line-height:1.2}
.phk .ksztalty{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.phk .ksztalt{display:grid;gap:2px;justify-items:center;text-align:center;padding:8px 4px 6px;border:1px solid var(--linia);border-radius:12px;background:var(--papier);font-size:13px;font-weight:600;line-height:1.2}
.phk .ksztalt svg{width:44px;height:44px}
.phk .ksztalt small{font-weight:400;font-size:11px;color:var(--pomarancz-ciemny)}
.phk [aria-pressed="true"]{border-color:var(--las)!important;box-shadow:inset 0 0 0 2px var(--las);background:var(--szalwia)!important}
.phk .seg{display:flex;flex-wrap:wrap;gap:8px}
.phk .seg button{border:1px solid var(--linia);background:var(--papier);border-radius:10px;padding:8px 14px;font-weight:600;min-width:60px;font-variant-numeric:tabular-nums}
.phk .seg.male{gap:6px}
.phk .seg.male button{padding:6px 10px;min-width:0;font-size:14px}
.phk .seg button small{display:block;font-weight:400;font-size:12px;color:var(--tekst-2)}
.phk .wyrownaj{display:flex;flex-wrap:wrap;gap:4px}
.phk .pole{display:grid;gap:4px;margin-top:14px}
.phk .pole:first-child{margin-top:0}
.phk .pole>label,.phk .etykieta{font-weight:600;font-size:15px}
.phk input[type=text],.phk input[type=email],.phk input[type=number],.phk input[type=date],.phk textarea{width:100%;border:1px solid #C9D2BC;border-radius:10px;padding:9px 12px;background:var(--papier)}
.phk textarea{min-height:76px;resize:vertical}
.phk .kolor{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--linia);border-radius:12px;background:var(--papier);padding:6px 10px}
.phk .kolor .probka{width:30px;height:30px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);flex:none}
.phk .kolor .opis{display:grid;line-height:1.25;min-width:0;flex:1;font-size:14px}
.phk .kolor .opis small{color:var(--tekst-2);font-size:12px}
.phk .kolor .zmien{font-size:13px;color:var(--las);font-weight:700}
.phk .tkaniny{margin-top:4px}
.phk .tk-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:2px}
.phk .tkanina{display:grid;justify-items:center;align-content:start;gap:4px;padding:6px 2px 5px;border:1px solid transparent;border-radius:12px;background:none;font-size:11px;line-height:1.15;color:var(--tekst-2);text-align:center;hyphens:auto;overflow-wrap:anywhere}
.phk .tkanina i{width:32px;height:32px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.phk .tkanina:hover{background:var(--szalwia)}
.phk .tkanina[aria-pressed="true"]{border-color:var(--las);background:#fff;color:var(--tekst);font-weight:700}
.phk .tkanina[aria-pressed="true"] i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff,0 0 0 4px var(--las)}
.phk .tk-wszystkie{margin-top:8px}
.phk .tk-wszystkie summary{cursor:pointer;font-weight:700;color:var(--las);padding:6px 0}
.phk .tk-grupa{margin:10px 0 2px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-2)}
.phk .ark-glowa{display:none}
.phk .tryb-wejdz{position:absolute;top:8px;left:8px;z-index:3;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid var(--linia);border-radius:10px;background:rgba(255,253,248,.92);font-weight:700;font-size:13px;color:var(--tekst)}
.phk .tryb-wejdz:hover{border-color:var(--las)}
.phk .tryb-edycji{position:fixed;inset:0;z-index:100000;background:var(--szalwia);display:grid;grid-template-rows:auto minmax(0,1fr);color:var(--tekst);font-family:var(--f-tekst)}
.phk .te-gora{display:flex;align-items:center;gap:14px;padding:8px 12px 8px 18px;background:var(--las-ciemny);color:#fff;min-height:52px}
.phk .te-gora h2{font-family:var(--f-naglowek);font-weight:400;font-size:22px;letter-spacing:.03em;line-height:1;margin:0;color:#fff;white-space:nowrap}
.phk .te-info{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.phk .te-info span{font-size:12.5px;background:rgba(255,255,255,.12);border-radius:999px;padding:3px 10px;white-space:nowrap}
.phk .te-info span.zle{background:#B3261E}
.phk .te-zamknij{margin-left:auto;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#fff;color:var(--las-ciemny);font-weight:700;font-size:14px;padding:8px 14px;white-space:nowrap}
.phk .te-zamknij span{font-size:18px;line-height:1}
.phk .te-srodek{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(320px,400px);min-height:0}
.phk .te-narzedzia{background:var(--karta);border-right:1px solid var(--linia);padding:12px 10px;overflow:auto}
.phk .te-narzedzia .narzedzia{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:6px}
.phk .te-narzedzia .narzedzia .sep{flex:none;height:1px;background:var(--linia);margin:4px 0}
.phk .te-narzedzia .nb{justify-content:flex-start;width:100%}
.phk .te-narzedzia .menu-ozdob{position:relative}
.phk .te-scena{display:grid;place-items:center;min-height:0;min-width:0;padding:18px;overflow:hidden}
.phk .te-scena .stol{position:relative!important;top:auto!important;margin:0!important;width:min(100%,calc(100vh - 165px));max-height:100%;border-radius:18px;box-shadow:0 10px 30px rgba(34,49,27,.12);background:var(--papier)}
.phk .te-scena #plakietka{max-width:none!important;width:100%}
.phk .te-scena .tryb-wejdz,.phk .tryb-edycji .cena-chip{display:none}
.phk .te-panel{background:var(--karta);border-left:1px solid var(--linia);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}
.phk .te-karty{display:flex;border-bottom:1px solid var(--linia)}
.phk .te-karty button{flex:1;padding:13px 4px 11px;border:0;border-bottom:3px solid transparent;background:none;font-weight:700;font-size:14px;color:var(--tekst-2)}
.phk .te-karty button[aria-selected="true"]{color:var(--las);border-bottom-color:var(--las)}
.phk .te-tresc{overflow:auto;padding:14px 16px 24px;min-height:0;overscroll-behavior:contain}
.phk .te-tresc .krok{border:0;border-radius:0;padding:0;background:none;box-shadow:none;margin:0}
.phk .te-tresc .krok .krok-h{font-size:22px;margin-bottom:10px}
.phk .te-tresc .krok .krok-h::before{display:none}
.phk .te-tresc .wlasciwosci{border:0;padding:0;box-shadow:none;background:none}
.phk .te-tresc .popraw,.phk .te-tresc .komunikaty{margin-top:12px}
.phk .te-tresc .szablony{grid-template-columns:repeat(2,minmax(0,1fr))}
.phk .pasek-el{position:absolute;z-index:6;display:flex;gap:2px;padding:4px;background:#fff;border:1px solid var(--linia);border-radius:12px;box-shadow:0 6px 18px rgba(34,49,27,.18)}
.phk .pasek-el button{display:inline-flex;align-items:center;gap:6px;height:34px;min-width:34px;padding:0 8px;border:0;border-radius:8px;background:none;font-size:13px;font-weight:700;color:var(--tekst);white-space:nowrap;justify-content:center}
.phk .pasek-el button:hover{background:var(--szalwia)}
.phk .pasek-el svg{width:18px;height:18px;flex:none}
.phk .pasek-el .kropka{width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.phk .pasek-el .kropka.wiele{background:conic-gradient(#E0457B,#EFC43A,#3B9B57,#1F7AE0,#8E5BD0,#E0457B)}
.phk .pasek-el button[data-a="usun"]{color:#B3261E}
.phk .edycja-tekstu{position:absolute;z-index:7;white-space:pre;line-height:1;outline:2px solid #1F7AE0;outline-offset:4px;border-radius:2px;min-width:.6em;caret-color:#1F7AE0;cursor:text;-webkit-user-select:text;user-select:text}
.phk .edycja-tekstu:focus{outline:2px solid #1F7AE0}
.phk .edycja-tekstu.na-luku{transform:translate(-50%,-100%);background:#fff;color:var(--tekst);font:600 15px/1.3 var(--f-tekst);padding:6px 12px;border-radius:10px;box-shadow:0 6px 18px rgba(34,49,27,.2);outline-offset:0;max-width:92%;overflow:hidden}
.phk .menu-kontekst{position:fixed;z-index:100002;min-width:230px;background:#fff;border:1px solid var(--linia);border-radius:12px;box-shadow:0 12px 30px rgba(34,49,27,.22);padding:6px}
.phk .menu-kontekst button{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:8px 10px;border:0;background:none;border-radius:8px;font-size:14px;text-align:left;color:var(--tekst)}
.phk .menu-kontekst button:hover,.phk .menu-kontekst button:focus-visible{background:var(--szalwia);outline:none}
.phk .menu-kontekst button[data-a="usun"]{color:#B3261E}
.phk .menu-kontekst kbd{font:12px var(--f-tekst);color:var(--tekst-2);background:none;border:0;padding:0}
.phk .menu-kontekst hr{border:0;border-top:1px solid var(--linia);margin:4px 2px}
.phk .podpowiedz-ruch{position:absolute;z-index:7;pointer-events:none;background:var(--las-ciemny);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap;transform:translate(14px,-140%)}
.phk .podpowiedz-ruch.zle{background:#B3261E}
.phk .filtry{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin}
.phk .filtry button{flex:none;border:1px solid var(--linia);background:var(--papier);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;color:var(--tekst)}
.phk .filtry button i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.phk .filtry button[aria-pressed="true"]{background:var(--las);border-color:var(--las);color:#fff}
.phk .tk-kontrast{display:block;margin-top:6px;padding:8px 10px;border-radius:10px;background:#FFF4E5;color:var(--tekst)}
.phk .czcionki{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.phk .czcionki button{border:1px solid var(--linia);border-radius:10px;background:var(--papier);padding:6px 2px;display:grid;gap:0;justify-items:center}
.phk .czcionki .wz{font-size:clamp(13px,4.2vw,19px);line-height:1.25;color:var(--las-ciemny);max-width:100%;overflow:hidden;white-space:nowrap}
.phk .czcionki small{font-size:11px;color:var(--tekst-2)}
.phk .przelacznik{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.phk .przelacznik input{width:18px;height:18px;accent-color:var(--las)}
.phk .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:9px 16px;font-weight:700;border:1px solid var(--las);background:var(--papier);color:var(--las);text-align:center}
.phk .btn:hover{background:var(--szalwia)}
.phk .btn.glowny{background:var(--pomarancz);border-color:var(--pomarancz);color:#fff}
.phk .btn.glowny:hover{background:var(--pomarancz-ciemny)}
.phk .btn:disabled{opacity:.55;cursor:not-allowed}
.phk .btn.glowny:disabled{background:#D9CFC6;border-color:#D9CFC6;color:#fff;opacity:1}
.phk .btn.duzy{width:100%;padding:14px 18px;font-size:18px}
.phk .akcje-dod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.phk .plik-wejscie{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.phk .graf-mini{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center}
.phk .graf-mini img,.phk .graf-mini svg{width:64px;height:64px;object-fit:contain;background:repeating-conic-gradient(#E3E7DB 0 25%,#F6F8F1 0 50%) 0 0/12px 12px;border-radius:8px}
.phk .graf-mini b{word-break:break-all;line-height:1.25;font-size:14px}
.phk .nici-grafiki{display:flex;flex-wrap:wrap;gap:6px}
.phk .nic-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linia);background:var(--papier);border-radius:999px;padding:3px 10px 3px 4px;font-size:12px}
.phk .nic-chip i{width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.phk .warstwy{display:grid;gap:4px;margin:12px 0 0;padding:0;list-style:none}
.phk .warstwa{display:flex;align-items:center;gap:4px;border:1px solid var(--linia);border-radius:10px;background:var(--papier);padding:4px;position:relative}
.phk .warstwa.akt{border-color:var(--zaznacz);box-shadow:inset 0 0 0 1px var(--zaznacz);background:#F1F6FD}
.phk .warstwa.cel-przed::before,.phk .warstwa.cel-po::after{content:"";position:absolute;left:6px;right:6px;height:3px;border-radius:2px;background:var(--zaznacz)}
.phk .warstwa.cel-przed::before{top:-4px}
.phk .warstwa.cel-po::after{bottom:-4px}
.phk .warstwa.ciagniety{opacity:.5}
.phk .warstwa .chwyt{border:none;background:none;width:24px;height:30px;cursor:grab;touch-action:none;color:var(--tekst-2);display:grid;place-items:center;padding:0}
.phk .warstwa .chwyt svg{width:14px;height:14px}
.phk .warstwa .wybierz{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:none;background:none;padding:4px 0;text-align:left;font-size:14px}
.phk .warstwa .wybierz span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phk .warstwa .kropka{width:14px;height:14px;border-radius:50%;background:var(--c);flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.phk .warstwa .typ{font-size:11px;color:var(--tekst-2);text-transform:uppercase;letter-spacing:.06em;flex:none}
.phk .warstwa .ik{min-width:30px;height:30px;padding:0 6px}
.phk .warstwa .ik.wl{color:var(--zaznacz);border-color:var(--zaznacz)}
.phk .notka{font-size:14px;color:var(--tekst-2);background:var(--szalwia);border-radius:10px;padding:10px 12px;margin:10px 0 0}
.phk .podsum{display:grid;gap:12px}
.phk .zgoda{display:flex;gap:10px;align-items:flex-start;font-size:15px;cursor:pointer}
.phk .zgoda input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--las)}
.phk .wiecej{font-size:14px;margin:10px 0 0;color:var(--tekst-2)}
.phk .wiecej button{border:none;background:none;padding:0;color:var(--las);font-weight:700;text-decoration:underline}
.phk .link-pole{display:flex;gap:6px;flex-wrap:wrap}
.phk .link-pole input{flex:1;min-width:0;font-size:13px}
.phk .udost{border:1px solid var(--linia);border-radius:14px;padding:12px 14px;background:var(--szalwia);display:grid;gap:8px}
.phk .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100001;background:var(--las-ciemny);color:#fff;border-radius:12px;padding:10px 14px;display:flex;gap:14px;align-items:center;font-size:15px;box-shadow:0 10px 30px rgba(0,0,0,.25);width:max-content;max-width:calc(100vw - 32px)}
.phk .toast button{border:none;background:none;color:#FFC59E;font-weight:700;padding:0;white-space:nowrap}
.phk dialog{border:none;border-radius:18px;padding:0;width:min(680px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 48px));background:var(--papier);color:var(--tekst);box-shadow:0 20px 60px rgba(34,49,27,.35)}
.phk dialog::backdrop{background:rgba(34,49,27,.45)}
.phk .okno{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;padding:18px 18px 14px;max-height:inherit}
.phk .okno-gora{display:flex;justify-content:space-between;align-items:center;gap:10px}
.phk .okno-gora h3{font-family:var(--f-naglowek);font-weight:400;font-size:28px;margin:0;color:var(--las-ciemny);line-height:1}
.phk .zamknij{border:none;background:var(--szalwia);width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1}
.phk .szukaj{width:100%;border:1px solid #C9D2BC;border-radius:10px;padding:9px 12px;background:#fff}
.phk #paleta .okno{grid-template-rows:auto auto auto minmax(0,1fr) auto}
.phk .siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;overflow:auto;padding:2px;min-height:120px;align-content:start}
.phk .nic,.phk .motyw-btn{display:grid;justify-items:center;gap:2px;border:1px solid var(--linia);border-radius:12px;background:#fff;padding:8px 4px;text-align:center}
.phk .nic .kolko{width:36px;height:36px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.phk .nic .kod{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.phk .nic .nazwa,.phk .motyw-btn span{font-size:11px;line-height:1.2;color:var(--tekst-2)}
.phk .motyw-btn svg{width:44px;height:44px;color:var(--las-ciemny)}
.phk .grupa{grid-column:1/-1;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--las);margin:6px 0 0}
.phk .pusto{grid-column:1/-1;color:var(--tekst-2);font-size:14px;padding:12px}
.phk .okno-dol{display:grid;gap:6px}
.phk .formularz{display:grid;gap:12px;overflow:auto;padding:2px}
.phk .checki{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 12px}
.phk .checki label{display:flex;gap:8px;align-items:center;font-size:15px}
.phk .checki input{width:18px;height:18px;accent-color:var(--las)}
.phk .zalacznik{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;background:var(--szalwia);border-radius:12px;padding:8px}
.phk .zalacznik svg{width:72px;height:72px}
.phk .sukces{background:var(--ok-tlo);color:var(--ok);border-radius:12px;padding:12px 14px;font-size:15px}
.phk .po{margin-top:36px;border:2px solid var(--las);border-radius:20px;padding:22px;background:var(--karta)}
.phk .po h2{font-family:var(--f-naglowek);font-weight:400;font-size:36px;margin:4px 0 6px;color:var(--las-ciemny);line-height:1}
.phk .koszyk{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;margin-top:16px;align-items:start}
.phk .koszyk .miniatura{background:var(--szalwia);border-radius:12px;padding:8px}
.phk .koszyk .miniatura svg{width:100%;height:auto;display:block}
.phk .meta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:8px 0 0;font-size:14px}
.phk .meta dt{color:var(--tekst-2)}
.phk .meta dd{margin:0;overflow-wrap:anywhere}
.phk .proces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none;counter-reset:p}
.phk .proces li{background:var(--szalwia);border-radius:14px;padding:12px 14px;font-size:14px;counter-increment:p}
.phk .proces li::before{content:counter(p);display:block;font-family:var(--f-naglowek);font-size:28px;line-height:1;color:var(--las)}
.phk .proces b{display:block;font-size:15px}
.phk .wlasciciel{margin-top:40px;border-top:2px dashed var(--linia);padding-top:24px}
.phk .wlasciciel h2{font-family:var(--f-naglowek);font-weight:400;font-size:34px;margin:4px 0 10px;color:var(--las-ciemny);line-height:1}
.phk .wlasciciel ol{display:grid;gap:10px;padding-left:22px;max-width:82ch;margin:0}
.phk .wlasciciel li::marker{font-weight:700;color:var(--las)}
.phk .wersja{display:grid;grid-template-columns:auto minmax(0,1fr) 84px auto;gap:6px;align-items:center}
.phk .wersja input[type=number]{padding:9px 8px;text-align:right}
.phk .wersje-lista{display:grid;gap:6px;margin-top:8px}
.phk .wersje-suma{font-size:14px;font-variant-numeric:tabular-nums}
.phk .wersje-suma.zle{color:var(--blad);font-weight:700}
.phk .wersje-suma.dobrze{color:var(--ok)}
.phk .wersje-akcje{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.phk select{border:1px solid #C9D2BC;border-radius:10px;padding:8px 10px;background:var(--papier);max-width:100%}
.phk .btn.maly{padding:5px 12px;font-size:14px;border-radius:99px}
.phk .intro-akcje{margin-top:10px}
.phk .link-tekst{border:none;background:none;padding:0;color:var(--las);font-weight:700;text-decoration:underline;font-size:inherit}
.phk .samouczek{position:fixed;inset:0;z-index:40;pointer-events:none}
.phk .sam-tlo{position:fixed;inset:0;pointer-events:auto;background:transparent}
.phk .sam-podsw{position:fixed;left:0;top:0;border-radius:16px;box-shadow:0 0 0 9999px rgba(34,49,27,.55);outline:3px solid var(--pomarancz);transition:transform .25s ease,width .25s ease,height .25s ease;pointer-events:none}
.phk .sam-dymek{position:fixed;left:0;top:0;pointer-events:auto;background:var(--karta);border-radius:16px;padding:16px 18px;width:min(340px,calc(100vw - 32px));box-shadow:0 16px 40px rgba(0,0,0,.3);display:grid;gap:8px}
.phk .sam-dymek .sam-h{font-family:var(--f-naglowek);font-weight:400;font-size:26px;line-height:1;margin:0;color:var(--las-ciemny)}
.phk .sam-dymek p{margin:0;font-size:15px}
.phk .sam-licznik{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--las)}
.phk .sam-akcje{display:flex;justify-content:space-between;gap:8px;margin-top:4px}
@media (prefers-reduced-motion:reduce){.phk .sam-podsw{transition:none}}
.phk .pasek{display:none}
@media (max-width:960px){.phk .szablony{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.phk .wrap{padding:18px 16px 110px}
.phk .kreator{grid-template-columns:minmax(0,1fr);gap:12px}
.phk .lewa{display:contents}
.phk .stol{position:sticky;top:var(--phk-gora,0px);z-index:5;border-radius:0 0 14px 14px;margin:0 -16px;padding:8px 16px 6px;gap:4px;box-shadow:0 6px 14px rgba(34,49,27,.12)}
.phk #plakietka{max-width:min(240px,36vh)}
.phk .lewa>.komunikaty,.phk .lewa>.popraw-lewa{display:none}
.phk .chip{font-size:12px}
.phk .pasek{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:6;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--las-ciemny);color:#fff}
.phk .pasek .suma{font-family:var(--f-naglowek);font-size:28px;line-height:1;color:#FFB98F}
.phk .pasek small{display:block;font-size:12px;color:#C9D4BC}
.phk .koszyk{grid-template-columns:minmax(0,1fr)}
.phk .koszyk .miniatura{max-width:180px}
.phk .proces{grid-template-columns:repeat(2,minmax(0,1fr))}
.phk .toast{bottom:80px}
.phk .pasek-el{left:50%!important;top:auto!important;bottom:2px;transform:translateX(-50%)}
.phk .wlasciwosci.arkusz{position:fixed;left:0;right:0;bottom:0;z-index:9;height:var(--ark-h,44vh);overflow:auto;overscroll-behavior:contain;margin:0;border:0;border-radius:0;box-shadow:none;background:var(--karta);padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px))}
.phk .ark-glowa:not([hidden]){display:flex;position:fixed;left:0;right:0;bottom:var(--ark-h,44vh);z-index:9;align-items:center;gap:8px;padding:4px 12px 4px 56px;background:var(--karta);border-radius:18px 18px 0 0;box-shadow:0 -10px 24px rgba(34,49,27,.2);border-bottom:1px solid var(--linia);touch-action:none}
.phk .ark-uchwyt{flex:1;height:34px;border:0;background:none;display:grid;place-items:center;cursor:grab}
.phk .ark-uchwyt::before{content:'';width:46px;height:5px;border-radius:3px;background:#C3CBB6}
.phk .ark-gotowe{border:0;background:var(--las);color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:7px 16px}
.phk .pasek.ukryty{display:none}
.phk .te-gora{padding:6px 8px 6px 14px;min-height:46px;gap:8px}
.phk .te-gora h2{font-size:18px}
.phk .te-info{display:none}
.phk .te-srodek{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}
.phk .te-scena{padding:8px 10px 4px}
.phk .te-scena .stol{width:min(100%,40vh);padding:6px 8px 4px}
.phk .te-narzedzia{order:2;border:0;border-top:1px solid var(--linia);border-bottom:1px solid var(--linia);padding:6px 8px;overflow-x:auto;overflow-y:hidden}
.phk .te-narzedzia .narzedzia{flex-direction:row;gap:6px;width:max-content}
.phk .te-narzedzia .narzedzia .sep{width:1px;height:auto;margin:0 2px}
.phk .te-narzedzia .nb{width:auto}
.phk .te-panel{order:3;border:0}
.phk .te-karty button{padding:10px 2px 8px;font-size:13px}
.phk .stol.ma-arkusz #plakietka{max-width:min(210px,30vh)}
.phk .toast{z-index:100001}
.phk .pasek-el button span{display:none}
.phk .stol.ma-pasek .chipy{visibility:hidden}
.phk .krok,.phk .wlasciwosci,.phk .akceptacja,.phk .narzedzia{scroll-margin-top:calc(var(--phk-gora,0px) + var(--phk-stol,0px) + 10px)}}
@media (max-width:520px){.phk .szablony{grid-template-columns:repeat(3,minmax(0,1fr))}
.phk .krok{padding:16px 14px 18px}
.phk .sklep{padding:10px 16px}
.phk .menu{font-size:14px;gap:4px 14px}
.phk .proces{grid-template-columns:minmax(0,1fr)}
.phk .dwa,.phk .akcje-dod{grid-template-columns:minmax(0,1fr)}
.phk .wersja{grid-template-columns:auto minmax(0,1fr) 70px auto}
.phk .nb{padding:7px 9px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.phk,.phk *{scroll-behavior:auto!important}}
.phk{font-family:var(--f-tekst);font-size:16px;line-height:1.5;color:var(--tekst);text-align:left}.phk button,.phk input,.phk textarea,.phk select{text-transform:none;letter-spacing:normal;box-shadow:none;min-height:auto;margin:0;text-shadow:none}.phk button{line-height:1.2;padding:1px 6px;border-radius:0}.phk select{line-height:normal}.phk li{margin:0}.phk input[type=file]{padding:0;border:0;border-radius:0;background:none}.phk input[type=range]{-webkit-appearance:auto;appearance:auto;padding:0;border:0;border-radius:0;background:none;height:auto;width:100%}.phk h1,.phk h2,.phk h3{text-transform:none;letter-spacing:normal}.phk p{margin-top:0}.phk svg{max-width:none}.phk img{max-width:100%;height:auto}.phk ul{list-style:none}.phk .wrap{padding-top:8px}