.ww-kafelek{position:relative;display:flex;flex:1 1 170px;min-width:0;align-items:stretch;border:1px solid var(--line);border-radius:9px;cursor:grab}
.ww-postep .ww-kafelek>a{padding:10px 8px;min-height:58px;gap:8px;margin-right:60px;border:0;border-radius:8px 0 0 8px}
.ww-kafelek[hidden]{display:none}
.ww-usun{position:absolute;right:0;top:0;width:32px;height:32px;min-height:0;padding:0;box-sizing:border-box;border:0;border-radius:0 9px 0 9px;background:transparent;color:var(--ink);font-size:22px;cursor:pointer}
.ww-ruchy{position:absolute;bottom:0;right:2px;display:flex}
.ww-ruchy button{border:0;background:transparent;color:var(--ink);width:28px;height:26px;min-height:0;padding:0;box-sizing:border-box;cursor:pointer;font-size:17px}
.ww-kafelek button:hover{background:var(--white)}
.ww-kafelek button:disabled{visibility:hidden}
.ww-kafelek:has(a.ww-krok--aktywny){background:var(--lime);border-color:var(--lime)}
.ww-kafelek.ww-cel{outline:3px solid var(--purple);outline-offset:3px}
.ww-kafelek.ww-ciagniety{opacity:.55}
.ww-uklad{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:8px;font-size:12px;color:var(--muted)}
.ww-uklad>span:first-child{margin-right:auto}
.ww-uklad summary{cursor:pointer;min-height:32px;padding:7px 0;color:var(--ink)}
.ww-uklad button{min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);cursor:pointer;font:inherit}
.ww-uklad details>div{display:flex;flex-wrap:wrap;gap:8px;max-width:600px;padding-block:8px}
.ww-uklad [role=status]:empty{display:none}
@media(hover:hover) and (pointer:fine){.ww-kafelek:not(:hover):not(:focus-within) :is(.ww-usun,.ww-ruchy){opacity:0}.ww-kafelek:focus-within :is(.ww-usun,.ww-ruchy){opacity:1}}
@media(pointer:coarse){.ww-postep .ww-kafelek>a{min-height:88px;margin-right:88px}.ww-usun{width:44px;height:44px}.ww-ruchy button{width:44px;height:44px}}
@media(max-width:700px){.ww-kreator[data-sekcje]:not([data-sekcje=""]) .ww-postep{flex-wrap:nowrap;overflow-x:auto;padding:4px 3px 8px;scrollbar-width:thin}.ww-kreator[data-sekcje]:not([data-sekcje=""]) .ww-postep>:is(a,.ww-kafelek){flex:0 0 200px}.ww-uklad{gap:4px 12px}.ww-uklad>span:first-child{flex-basis:100%}}
.ww-uklad details[open]>div{position:absolute;left:0;right:0;max-width:none;max-height:45svh;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:12px;box-shadow:0 8px 24px #0002;z-index:8}
.ww-kafelek b{white-space:nowrap;flex-shrink:0;min-width:2ch}
/* Telefon: pasek kroków był przyklejonym blokiem 243 px z krokami po 200×102 px — widać było
   półtora kroku, a kafle części leżały pod długą listą gotowych stron. Kroki mają szerokość
   treści i przewijają się w bok z przyciąganiem; × i strzałki w kolumnie 48 px (cele ≥ 24 px). */
@media(max-width:700px){.ww-kreator[data-sekcje]:not([data-sekcje=""]) .ww-postep>:is(a,.ww-kafelek){flex:0 0 auto;scroll-snap-align:start}
.ww-postep{scroll-snap-type:x proximity}.ww-postep a{min-height:48px}.ww-postep .ww-kafelek>a{min-height:56px;margin-right:48px;padding:6px 8px;flex-direction:row;gap:6px}
.ww-usun{width:48px;height:28px}.ww-ruchy{right:0}.ww-ruchy button{width:24px;height:28px}
.ww-uklad>span:first-child{display:none}.ww-orientacja{margin-bottom:4px}}
/* Szkic kreatora w tej przeglądarce (wybor-szkic.js): jawna informacja + Wznów / Usuń szkic. */
.ww-szkic{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:12px 0 0;font-size:13px;color:var(--muted)}
.ww-szkic button{min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);cursor:pointer;font:inherit}
.ww-szkic button[hidden]{display:none}