#appearanceSettings{margin:18px 0;border-top:1px solid var(--line);padding-top:8px}#appearanceSettings>summary{font-weight:650;min-height:44px;padding:12px 0;cursor:pointer}#appearanceSettings p{font-size:13px;line-height:1.6}#appearanceCurrent{font-weight:600}
#appearanceDialog{width:min(680px,calc(100vw - 24px));max-width:none;max-height:90dvh;overflow-y:auto;padding:24px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px}#appearanceDialog::backdrop{background:#152c2370}.appearance-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.appearance-heading h2{font-size:25px;line-height:1.3}.appearance-heading button{flex:none;min-height:44px}#appearanceDialog>p{font-size:14px;line-height:1.65}#appearanceDialog fieldset{border:0;padding:0;margin:20px 0}#appearanceDialog legend{font-weight:650;margin-bottom:12px}.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-option{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:8px;padding:14px;border:2px solid var(--line);border-radius:12px;background:white;color:#253b32;cursor:pointer}.appearance-option.is-selected{border-color:var(--ink);outline:1px solid var(--ink)}.appearance-option:focus-within{outline:3px solid #b6532d;outline-offset:3px}.appearance-option input{grid-row:2/5;align-self:start;margin:3px 0;width:18px;height:18px;accent-color:var(--ink)}.appearance-preview{grid-column:1/-1;display:block;background:var(--preview-paper);border:1px solid #d4d7d2;border-radius:7px;overflow:hidden;height:76px;margin-bottom:12px}.appearance-preview-nav{display:block;height:17px;background:var(--preview-ink);width:100%}.appearance-preview-cards{display:flex;gap:6px;padding:9px}.appearance-preview-cards i{display:block;flex:1;height:35px;background:white;border:1px solid var(--preview-soft);border-radius:3px;border-top:10px solid var(--preview-soft)}.appearance-option-title{font-weight:700;font-size:14px}.appearance-option-description{grid-column:2;font-size:12px;line-height:1.5;margin-top:4px;color:#59665b}.appearance-choice-state{grid-column:2;min-height:18px;margin-top:6px;font-size:11px;font-weight:650;color:#253b32}.appearance-note{font-size:12px;line-height:1.6;color:var(--muted)}.appearance-buttons{display:flex;gap:10px;margin-top:18px;position:sticky;bottom:-24px;background:var(--paper);padding:12px 0;margin-bottom:0}.appearance-buttons>button{min-height:46px}.appearance-error{color:#a03c27}#appearanceDialog [role=status]{font-size:13px;line-height:1.5}#appearanceDialog button:disabled{opacity:.65;cursor:wait}
@media(max-width:480px){#appearanceDialog{padding:18px;max-height:92dvh}.appearance-heading{gap:10px}.appearance-heading h2{font-size:22px}.appearance-options{gap:10px}.appearance-option{padding:10px;column-gap:5px;grid-template-columns:20px minmax(0,1fr)}.appearance-option-title{font-size:13px}.appearance-option-description{font-size:11px}.appearance-preview{height:65px}.appearance-preview-cards{padding:7px;gap:4px}.appearance-preview-cards i{height:30px}.appearance-buttons{position:sticky;bottom:-18px;background:var(--paper);padding:12px 0;margin-bottom:0}.appearance-buttons>button{flex:1;padding:12px 8px;font-size:13px}}

/* Paleta działa również, gdy arkusz z wariantami nie został załadowany. */
:root[data-theme="blue"]{--ink:#243f53;--muted:#536775;--paper:#f2f6f8;--line:#bacbd7}
:root[data-theme="lavender"]{--ink:#493b58;--muted:#6a5b76;--paper:#f6f3f8;--line:#d0c2d8}
:root[data-theme="sand"]{--ink:#604331;--muted:#78604f;--paper:#f8f4ee;--line:#d8c7b4}
#appearanceDialog [role=status]:not(:empty){padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-weight:600}