.window-array{display:flex;gap:5px;overflow-x:auto;padding:20px 2px 12px;margin:12px 0}.window-cell{flex:1;min-width:36px;text-align:center}.window-cell strong{display:grid;place-items:center;min-height:52px;background:#f6f8fc;border:2px solid #d7e3f4;border-radius:8px;font-size:16px;transition:background .25s,border-color .25s}.window-cell.inside strong{background:#eaf2ff;border-color:#174ea6}.window-cell.active strong{background:#174ea6;color:white}.window-cell.best strong{border-color:#007c9c;background:#d7f2ff;color:#101e36}.window-cell small{display:block;font-size:10px;margin-top:5px}.window-cell span{display:block;min-height:18px;font-size:10px;font-weight:700;color:#174ea6}.window-state{font-size:13px;white-space:pre-wrap}.demo .inputs{grid-template-columns:minmax(0,1fr) 60px}.demo .inputs input{min-width:0}.demo .inputs button{grid-column:1/-1}.pattern-examples li{margin-bottom:8px}@media(prefers-reduced-motion:reduce){.window-cell strong{transition:none}}