:root{--bg:#101522;--card:#1a2233;--text:#f6f8fc;--muted:#b7c2d8;--accent:#70e1c8;--danger:#ffb4a6}*{box-sizing:border-box}body{min-width:320px;margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}main{width:min(100% - 2rem,860px);margin:auto;padding:1rem 0 3rem}header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.6rem 0}label{display:grid;gap:.35rem;color:var(--muted);font-weight:600}select,button,textarea{font:inherit}select,button{min-height:44px;border:1px solid #41506b;border-radius:.65rem;padding:.5rem .8rem;background:var(--card);color:var(--text)}button{cursor:pointer;font-weight:700}#run{background:var(--accent);color:#08241f;border-color:var(--accent)}textarea{width:100%;min-height:150px;resize:vertical;padding:.75rem;border:1px solid #41506b;border-radius:.65rem;background:var(--card);color:var(--text)}section{margin-top:2rem;padding:clamp(1rem,4vw,2rem);border:1px solid #34425d;border-radius:1rem;background:#141c2b}h1{font-size:clamp(1.6rem,5vw,2.6rem);margin-top:0}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.result{display:block;min-height:4rem;overflow-wrap:anywhere;margin-top:1rem;padding:1rem;border-radius:.65rem;background:#0c1220;font-size:1.15rem;white-space:pre-wrap}.result.success{color:var(--accent)}.result.error{color:var(--danger)}.result.code{font-family:ui-monospace,monospace;font-size:.9rem}.note,footer{color:var(--muted);font-size:.9rem}.skip{position:absolute;transform:translateY(-200%)}.skip:focus{transform:none;top:.5rem;left:.5rem;background:white;color:black;padding:.5rem}button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:520px){main{width:min(100% - 1.25rem,860px)}header{align-items:flex-start}header label{max-width:52%}}