:root{font-family:Segoe UI,Arial,sans-serif;color:#152b37;background:#f3f6f8;line-height:1.5}body{margin:0}main{max-width:1050px;margin:auto;padding:32px 24px}header{margin-bottom:24px}h1{font-size:32px;line-height:1.2;margin:14px 0}h2{font-size:21px;margin:0 0 10px}p{margin:10px 0;color:#405762}.badge{display:inline-block;background:#fff0c9;border:1px solid #ba8321;color:#704b00;padding:5px 12px;border-radius:5px;font-size:13px;font-weight:700;letter-spacing:.05em}section{background:#fff;border:1px solid #d7e0e6;border-radius:12px;padding:22px;margin-bottom:20px}label{display:block;font-weight:600}select{margin:8px 0;max-width:100%;width:100%;font:inherit;padding:10px;border:1px solid #9baeb8;border-radius:5px;background:white}.enable{margin:20px 0;display:flex;align-items:center;gap:10px}input{width:18px;height:18px;accent-color:#166777}.buttons{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;font-weight:600;border:1px solid #166777;border-radius:6px;padding:10px 17px;color:white;background:#166777;cursor:pointer}button.secondary{color:#166777;background:white}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e8a729;outline-offset:3px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tag{display:inline-block;background:#edf3f6;padding:3px 8px;font-size:12px;border-radius:4px}.result{margin:20px 0;font-family:Consolas,monospace;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:100px;color:#172f3d}#state{font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}footer{font-size:12px;color:#50646f;padding:0 0 25px}@media(max-width:700px){main{padding:22px 14px}.columns{grid-template-columns:1fr;gap:0}h1{font-size:27px}section{padding:17px}}

/* Mobile presentation only; matching, activation and worker code are unchanged. */
*{box-sizing:border-box}main{padding:24px 16px}.columns{grid-template-columns:repeat(2,minmax(0,1fr))}.columns section{min-width:0}.columns h2{overflow-wrap:anywhere}button,select{min-height:48px}.enable input{width:24px;height:24px;flex-shrink:0}button{touch-action:manipulation}select{font-size:16px}#description,#difference,#test-details{overflow-wrap:anywhere}
@media(max-width:700px){main{padding:18px 12px}section{padding:14px}.columns{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.columns section{padding:12px}.columns h2{font-size:17px}.columns .tag{font-size:11px}.columns .result{font-size:14px;line-height:1.5}.columns p{font-size:13px}.buttons button{flex:1 1 130px}.enable{align-items:flex-start}.enable input{margin-top:3px}h1{font-size:26px}}
@media(max-width:359px){main{padding:14px 8px}.columns{gap:6px}.columns section{padding:8px}.columns h2{font-size:15px}.columns .result{font-size:13px}}