/* Te same próbki w pracowni i w pełnym pokazie. */
.ww-styl{padding:16px;border-radius:12px;background:var(--paper);color:var(--ink)}
.ww-styl h3{font:700 14px 'Manrope',sans-serif;margin:0 0 12px}
.ww-styl-wybory{display:grid;gap:8px}.ww-styl-panel{min-width:0;border:1px solid #929a85;border-radius:8px;background:#fff}
.ww-styl-panel>summary{min-height:48px;padding:12px;cursor:pointer;font:700 13px/1.5 'DM Sans',sans-serif}
.ww-styl-panel>summary>span{display:block;margin-left:14px;font-weight:400;color:#515947}
.ww-palety{min-width:0;margin:0;padding:8px;border:0}.ww-palety legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ww-palety>div,.ww-kroje{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;gap:8px;max-height:330px;overflow:auto;overscroll-behavior:contain;padding:6px}
.ww-kroje{margin:8px}.ww-paleta{margin:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:7px;min-width:0;min-height:88px;padding:7px;border:1px solid #929a85;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;text-align:left}
.ww-paleta:hover,.ww-kroj:hover{border-color:#5839c8;background:#f7f4ff}
.ww-paleta--aktywna,.ww-kroj--aktywny{border:2px solid #5839c8!important;background:#f1edff!important;padding:6px}
.ww-probka{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:5px;grid-column:1/-1;width:100%;height:72px;padding:8px;border:1px solid #0002;border-radius:4px;background:var(--k2);color:var(--k3);overflow:hidden}
.ww-probka b{font:800 16px/1.2 'Manrope',sans-serif}.ww-probka i{height:3px;width:70%;background:var(--k3);opacity:.4}.ww-probka em{font:700 9px/1.2 'DM Sans',sans-serif;font-style:normal;padding:5px 7px;background:var(--k1);color:var(--k2);border-radius:2px}
.ww-probka--oryginal{padding:0;background:var(--paper);color:var(--ink)}.ww-probka--oryginal img{width:100%;height:100%;object-fit:cover;object-position:top}
.ww-paleta-nazwa{font:700 12px/1.4 'DM Sans',sans-serif;overflow-wrap:anywhere}.ww-paleta-check{visibility:hidden;color:#5839c8;font-size:12px;font-weight:800}.ww-paleta--aktywna .ww-paleta-check{visibility:visible}
.ww-kroj{margin:0;display:flex;flex-direction:column;align-items:start;gap:7px;min-width:0;padding:10px;border:1px solid #929a85;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;text-align:left}
.ww-kroj--aktywny{padding:9px}.ww-kroj>strong{font:700 16px 'Manrope',sans-serif}.ww-kroj>span{font:400 13px/1.5 'DM Sans',sans-serif}
.ww-kroj-nazwa{font:700 11px/1.4 'DM Sans',sans-serif;color:#5839c8}.ww-kroj .ww-kroj-naglowek,.pw-pigulka .ww-kroj-naglowek{font:700 22px/1.2 var(--font-naglowka);letter-spacing:-.02em}
.ww-kroj .ww-kroj-tekst,.pw-pigulka .ww-kroj-tekst{font:400 13px/1.5 var(--font-tekstu)}.ww-kroj-para{font:400 10px/1.4 'DM Sans',sans-serif;color:#515947}
/* Narzędzia pełnego pokazu odsuwają scenę, zamiast zasłaniać stronę. */
.urzadzenia-okno.pw-styl-otwarty .urzadzenia-scena{padding-right:340px}
.pw-szyna{top:96px;right:10px;bottom:10px;width:320px;padding:12px;border-radius:14px;align-items:stretch;background:var(--paper);box-shadow:0 4px 16px #1112;backdrop-filter:none}
.pw-szyna-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-items:stretch;gap:10px;padding:6px;scrollbar-width:thin}
.pw-probka{margin:0;width:auto;height:auto;min-height:112px;border:1px solid #929a85;border-radius:8px;padding:7px;background:#fff;box-shadow:none;display:flex;flex-direction:column;gap:7px;align-items:stretch;transform:none!important}
.pw-probka .ww-probka{flex:none}.pw-probka>small{font:700 12px/1.4 'DM Sans',sans-serif;color:var(--ink);text-align:left}
.pw-probka.w-aktywna{outline:2px solid #5839c8;outline-offset:0;background:#f1edff}
.pw-pigulka{margin:0;height:auto;min-height:120px;width:auto;min-width:0;display:flex;flex-direction:column;align-items:start;gap:7px;padding:10px;border:1px solid #929a85;border-radius:8px;box-shadow:none;outline:none;white-space:normal;font:700 14px/1.5 'DM Sans',sans-serif;text-align:left}
.pw-pigulka.w-aktywna{outline:2px solid #5839c8;outline-offset:0;box-shadow:none;background:#f1edff;color:var(--ink)}
:is(.pw-pigulka,.pw-probka,.ww-kroj,.ww-paleta,.pw-zamknij,.pw-wybor):focus-visible{outline:3px solid #4426ae;outline-offset:3px}
@media(max-width:1099px){.ww-styl-wybory{grid-template-columns:repeat(2,minmax(0,1fr))}.ww-styl-panel[open]{grid-column:1/-1}.ww-styl-panel>summary>span{display:inline;margin-left:6px}.ww-palety>div,.ww-kroje{max-height:240px}.ww-styl{padding:12px}}
@media(max-width:920px){.pw-szyna{inset:auto 0 0;width:auto;height:40%;padding:10px;border-radius:14px 14px 0 0}.pw-szyna .pw-zamknij{width:36px;height:36px;align-self:end}.pw-szyna-lista{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;flex:1}.urzadzenia-okno.pw-styl-otwarty .urzadzenia-scena{padding-right:0;padding-bottom:40svh}}
@media(forced-colors:active){.ww-probka{forced-color-adjust:none}.ww-paleta--aktywna,.ww-kroj--aktywny{outline:2px solid Highlight}}

@media(max-width:1099px){.ww-styl-panel{scroll-margin-top:calc(var(--ww-pasek) + min(38svh,400px) + 112px)}}