.aplikacja{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface-raised:#f6f7f8;--surface:#fff;--scena:#eef1f3;--border:#e2e6ea;--border-strong:#cfd6dd;--text:#12171c;--text-muted:#5f6b76;--cien:0 1px 2px #1014180f, 0 8px 24px #1014180f;--accent:#2f6fed;--on-accent:#fff;--accent-hover:#2a63d4;--font-family-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){.aplikacja[data-theme=SYSTEM]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101315;--surface-raised:#171b1f;--surface:#14181b;--scena:#0b0e10;--border:#252b31;--border-strong:#38414a;--text:#e9edf1;--text-muted:#98a4b0;--cien:0 1px 2px #00000080, 0 10px 30px #00000073}}.aplikacja[data-theme=DARK]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101315;--surface-raised:#171b1f;--surface:#14181b;--scena:#0b0e10;--border:#252b31;--border-strong:#38414a;--text:#e9edf1;--text-muted:#98a4b0;--cien:0 1px 2px #00000080, 0 10px 30px #00000073}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:15px/1.5 var(--font-family-sans);margin:0}.aplikacja{flex-direction:column;height:100%;display:flex}.aplikacja[data-osadzenie=standalone]{height:100dvh}.aplikacja[data-zdjecie] .marka,.aplikacja[data-zdjecie] .decyzje,.aplikacja[data-zdjecie] .pasek{display:none}.aplikacja[data-zdjecie] .tresc{grid-template-rows:1fr;grid-template-columns:1fr}.aplikacja{background:var(--bg);color:var(--text);font:15px/1.5 var(--font-family-sans)}.tresc{flex:1;grid-template-columns:1fr 23rem;min-height:0;display:grid}.scena{background:var(--scena);min-height:0;position:relative;overflow:hidden}.scena canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.kadr-reset{z-index:2;cursor:pointer;background:color-mix(in srgb, var(--surface) 88%, transparent);color:inherit;border:1px solid var(--border);font:500 13px/1 var(--font-family-sans);box-shadow:var(--cien);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.5rem;padding:.45rem .7rem;position:absolute;top:.75rem;right:.75rem}.kadr-reset:hover{border-color:var(--accent)}.decyzje{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;gap:1.15rem;padding:1.15rem 1.15rem 2rem;display:flex;overflow-y:auto}.decyzje>section{display:block}@media (max-width:880px){.tresc{grid-template-rows:minmax(15rem,42%) 1fr;grid-template-columns:1fr}.decyzje{border-left:0;border-top:1px solid var(--border)}}.marka{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex}.marka img{width:auto;height:1.5rem}.marka b{font-weight:650}.marka span{color:var(--text-muted);font-size:13px}.decyzja{background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.decyzja:hover{border-color:var(--border-strong)}.etykieta{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.12rem;font-size:13px;font-weight:600;line-height:18px;display:block}.decyzja .wybor{font-weight:550}.decyzja .prawa{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.55rem;font-size:13px;display:flex}.decyzja .prawa>span:last-child:after{content:" ›"}.decyzja:hover .prawa{color:var(--text)}.probka-mini{border:1px solid var(--border-strong);border-radius:.35rem;width:1.5rem;height:1.5rem}.inline-opcje{flex-wrap:wrap;gap:.35rem;margin:.35rem 0 0;display:flex}.inline-opcje button{white-space:nowrap;background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;font:inherit;color:inherit;border-radius:.5rem;flex:auto;padding:.55rem .7rem}.inline-opcje button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.inline-opcje button:disabled{opacity:.45;cursor:not-allowed}.szuflada{z-index:3;border-top:1px solid var(--border);max-height:58%;box-shadow:var(--cien);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.9rem .9rem 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.szuflada header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.szuflada header h2{margin:0;font-size:1rem}.szuflada header button{border:1px solid var(--border);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:.5rem;margin-left:auto;padding:.4rem .7rem}.szuflada .zawartosc{padding:1rem;overflow-y:auto}.rodzina{margin-bottom:1.1rem}.rodzina h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .5rem;font-size:13px;font-weight:600;line-height:18px}.probki{grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr));gap:.45rem;display:grid}.probka{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;font:inherit;color:inherit;text-align:left;border-radius:.6rem;padding:0;overflow:hidden}.probka[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.probka .plama{height:2.6rem;display:block}.probka .opis{padding:.35rem .5rem .45rem;font-size:13px;line-height:18px;display:block}.probka .opis small{color:var(--text-muted);display:block}.pasek{background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--cien);align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.cena{font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;min-width:0;font-size:1.45rem;font-weight:650;line-height:1.15}.cena small{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;white-space:normal;margin-top:.15rem;font-size:13px;font-weight:500;line-height:18px;display:block}.glowny{white-space:nowrap;background:var(--accent);color:var(--on-accent);font:600 15px/1 var(--font-family-sans);cursor:pointer;border:0;border-radius:.55rem;flex-shrink:0;margin-left:auto;padding:.78rem 1.35rem;transition:background .12s}.glowny:hover{background:var(--accent-hover)}.glowny:disabled{opacity:.55;cursor:progress}.krok{justify-items:end;gap:.3rem;margin-left:auto;display:grid}.krok .glowny{margin-left:0}.krok small{color:var(--text-muted);text-align:right;text-wrap:balance;max-width:15rem;font-size:13px;line-height:16px}.bramka{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.bramka form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--cien);border-radius:.8rem;gap:.75rem;width:min(26rem,100%);padding:1.4rem;display:grid}.bramka h3{margin:0;font-size:1.1rem}.bramka p{color:var(--text-muted);margin:0;font-size:13px;line-height:18px}.bramka input{background:var(--surface-raised);border:1px solid var(--border);width:100%;color:inherit;font:inherit;border-radius:.5rem;padding:.65rem .75rem}.bramka label{color:var(--text-muted);align-items:flex-start;gap:.55rem;font-size:13px;line-height:18px;display:flex}.bramka .blad{color:#c0392b;font-size:13px}.aplikacja[data-theme=DARK] .bramka .blad{color:#ff9b8f}.otoczenie{border:1px solid var(--border);background:var(--surface-raised);border-radius:.6rem}.otoczenie summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;list-style:none;display:flex}.otoczenie summary::-webkit-details-marker{display:none}.otoczenie summary:hover .prawa{color:var(--text)}.otoczenie summary .wybor{font-weight:550}.otoczenie summary .prawa{color:var(--text-muted);white-space:nowrap;font-size:13px}.otoczenie summary .prawa:after{content:" ›"}.otoczenie[open] summary .prawa:after{content:" ˄"}.otoczenie[open] summary{border-bottom:1px solid var(--border)}.sterowanie{gap:.8rem;padding:.8rem .9rem .9rem;display:grid}.sterowanie label{color:var(--text-muted);grid-template-columns:1fr auto;align-items:center;gap:.3rem .75rem;font-size:13px;line-height:18px;display:grid}.sterowanie label>span{grid-column:1}.sterowanie b{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;grid-area:1/2;font-size:13px;font-weight:600}.sterowanie input,.sterowanie select{grid-column:1/-1;width:100%;min-height:40px;margin:0}.sterowanie input[type=range]{accent-color:var(--accent)}.sterowanie select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:0 .7rem}@media (pointer:coarse){.sterowanie input,.sterowanie select{min-height:44px}}