#settingsCards #cellRules{
 position:fixed;inset:auto;margin:0;box-sizing:border-box;
 width:min(350px,calc(100vw - 24px));padding:14px;
 border:1px solid var(--st-line);border-radius:14px;
 background:var(--surface,Canvas);color:var(--text,CanvasText);
 box-shadow:0 12px 40px rgb(0 0 0 / .18);overflow:auto;overscroll-behavior:contain;
}
#settingsCards #cellRules fieldset{border:0;padding:0;margin:0;min-width:0}
#settingsCards #cellRules legend{padding:0 30px 10px 0;font-weight:600;overflow-wrap:anywhere}
#settingsCards #cellRules .cell-rule-options{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:0}
#settingsCards #cellRules .cell-rule-symbols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#settingsCards #cellRules .check-label{min-height:44px;min-width:0;gap:6px;padding:6px 8px;border:1px solid var(--st-line);border-radius:8px}
#settingsCards #cellRules .check-label input{width:18px;height:18px;flex-shrink:0;margin:0}
#settingsCards #cellRules .check-label b{flex-shrink:0}
#settingsCards #cellRules .cell-rule-meaning{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}
#settingsCards #cellRules .check-label:has(input:checked){border-color:var(--st-accent);background:var(--st-accent-soft)}
#settingsCards #cellRules .hint{font-size:.875rem;line-height:1.5;margin:0 0 10px}
#settingsCards #cellRules [data-close-cell-rules]{position:absolute;right:8px;top:8px;width:36px;height:36px;padding:8px;border:0;background:transparent}
#settingsCards #cellRules [data-close-cell-rules] svg{width:20px;height:20px}
#settingsCards #cellRules .cell-rule-scope{gap:6px;font-size:.875rem}
#settingsCards #sheetPreview td[data-fixed^="body:"]{cursor:pointer;opacity:1}
#settingsCards #sheetPreview td[data-fixed^="body:"]:hover{background:var(--st-accent-soft)}
#settingsCards #sheetPreview td[data-fixed^="body:"]:focus-visible{outline:2px solid var(--st-accent);outline-offset:-2px}