*{box-sizing:border-box}body{background:#f5f5f7;font-family:system-ui,-apple-system,sans-serif;margin:0}.container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}h1{margin-top:0}button{background:#1a56db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}button:hover{background:#1e40af}.error,.result{border-radius:6px;margin-top:1.5rem;padding:1rem}.result{background:#d1fae5;color:#065f46}.error{background:#fee2e2;color:#991b1b}pre{background:#0000000d;border-radius:4px;overflow-x:auto;padding:.75rem}