:root { --zielen: #0B5345; --tekst: #17231F; --tlo: #F4F1EA; --karta: #FFFFFF; --ramka: #4A524C; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, "Segoe UI", sans-serif; color: var(--tekst); background: var(--tlo); }
header { background: var(--zielen); color: #fff; padding: 12px 16px; }
h1 { margin: 0; font-size: 1.25rem; }
main { max-width: 960px; margin: 0 auto; padding: 16px; }
model-viewer { width: 100%; height: 60vh; min-height: 320px; background: var(--karta); border: 1px solid var(--ramka); border-radius: 10px; }
#przycisk-ar { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); padding: 14px 22px;
  font-size: 1rem; font-weight: 700; color: #fff; background: var(--zielen); border: 0; border-radius: 10px; }
#postep { position: absolute; top: 0; left: 0; right: 0; height: 6px; background: #D5DBD7; }
#postep-pasek { height: 100%; width: 0; background: var(--zielen); transition: width .2s; }
#opcje, #wybor-modelu { background: var(--karta); border: 1px solid var(--ramka); border-radius: 10px; padding: 12px 16px; margin-top: 12px; }
#wybor-modelu label { font-weight: 700; margin-right: 10px; }
#wybor-modelu select { font-size: 1rem; padding: 10px 12px; min-height: 44px; border: 2px solid var(--ramka); border-radius: 8px; background: var(--karta); color: var(--tekst); }
.przelacznik:has(#plaza:disabled) { opacity: .5; }
fieldset { border: 0; padding: 0; margin: 0 0 12px; display: flex; gap: 8px; flex-wrap: wrap; }
legend { font-weight: 700; margin-bottom: 8px; }
.liner { padding: 13px 14px; border: 2px solid var(--ramka); border-radius: 8px; background: var(--karta); font-size: .95rem; min-height: 44px; }
.liner[aria-pressed="true"] { border-color: var(--zielen); outline: 3px solid var(--zielen); }
.probka { display: inline-block; width: 16px; height: 16px; border-radius: 4px; vertical-align: middle; margin-right: 6px; border: 1px solid var(--ramka); }
.przelacznik { font-size: 1rem; }
#komunikat { min-height: 1.4em; font-weight: 600; }
#podpowiedz-ar { font-size: .9rem; color: var(--tekst); background: #E8F3EF; border: 1px solid var(--zielen); border-radius: 8px; padding: 8px 12px; }
#otworz-safari { display: inline-block; margin-top: 8px; padding: 12px 18px; min-height: 44px; line-height: 20px;
  background: var(--zielen); color: #fff; font-weight: 700; border-radius: 8px; text-decoration: none; }