:root { font: 16px/1.5 system-ui, sans-serif; color: #162d37; background: #eef3f4; }
body { margin: 0; }
main { max-width: 1200px; margin: auto; padding: 24px; }
h1 { margin: 0; font-size: 1.7rem; }
button, input { font: inherit; padding: 7px 10px; }
button { cursor: pointer; }
button:disabled { cursor: default; }
button:focus-visible, input:focus-visible { outline: 3px solid #21778d; outline-offset: 2px; }
#controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#controls[hidden], [hidden] { display: none; }
#status { padding: 12px; border-left: 4px solid #21778d; background: white; }
#error { color: #b3353a; }
#editor { margin-top: 16px; }