:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#1f2937;background:#f5f7fa;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{padding:24px;background:#0f234b;color:#fff;border-bottom:5px solid #18b6c7}header a{color:#d8e5f4}h1{font-size:1.65rem;margin:10px 0}h2{font-size:1.2rem;margin-top:0}h3{font-size:1rem}main{max-width:1150px;margin:auto;padding:20px}section{background:#fff;border:1px solid #dce2ea;border-radius:10px;padding:20px;margin-bottom:20px}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}label{display:block}input,select,textarea,button{font:inherit}input:not([type=checkbox]),select,textarea{display:block;max-width:100%;padding:9px;border:1px solid #9ca3af;border-radius:5px}textarea{width:100%;resize:vertical}button{background:#0f234b;color:#fff;padding:10px 14px;border:0;border-radius:5px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #18b6c7;outline-offset:2px}article{border-top:1px solid #dce2ea;padding:18px 0}article p{white-space:pre-wrap;overflow-wrap:anywhere}.meta{font-size:.9rem;color:#526079}.warning{color:#9a3412}.success{color:#166534}#feedback{white-space:pre-wrap}#feedback.error{color:#b42318}#feedback:not(:empty){padding:12px;border:1px solid currentColor;border-radius:5px}details{margin-top:12px}summary{cursor:pointer}code{overflow-wrap:anywhere}.badge{font-weight:600}input[type=checkbox]{width:18px;height:18px;vertical-align:middle}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fa;padding:12px}#preview:not(:empty){border:2px solid #18b6c7;padding:16px;margin-top:20px}[hidden]{display:none!important}@media(max-width:600px){main{padding:10px}section{padding:14px}.toolbar button{width:100%}}