/* assets/style.css - simple clean styles */
body{font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:#f7f8fa; color:#111; margin:0; padding:20px;}
.container{max-width:900px;margin:20px auto;background:#fff;padding:24px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.06);}
h1{margin:0 0 8px;font-size:22px;}
form{display:flex;gap:8px;align-items:center;margin-bottom:12px;}
input[name="url"]{flex:1;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;}
button{padding:10px 14px;border-radius:8px;border:0;background:#0b79f7;color:#fff;cursor:pointer;}
button:hover{opacity:0.95;}
.jsonCheckbox{margin-left:8px;font-size:13px;}
.hops{padding-left:20px;}
.hop-header{display:flex;justify-content:space-between;align-items:center;background:#fbfdff;padding:10px;border-radius:8px;margin-bottom:6px;border:1px solid #eef;}
.code{font-size:13px;color:#666;}
details pre{background:#111;color:#fff;padding:10px;border-radius:6px;overflow:auto;}
.note{background:#fff6d9;padding:8px;border-radius:6px;margin-top:6px;border:1px solid #f0e1b8;}
.error{background:#ffecec;padding:8px;border-radius:6px;border:1px solid #f5c2c2;color:#8a1f1f;}
footer{text-align:center;font-size:13px;color:#666;margin-top:18px;}