*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top,#26303a,#0d0f13 60%);color:#fff;font-family:Arial,sans-serif;padding-bottom:40px}
header{display:flex;justify-content:space-between;padding:18px 5%;background:#11141a;border-bottom:1px solid #303641}
header a{color:#f2c94c;text-decoration:none;font-weight:bold}
.painel{width:min(900px,92%);margin:28px auto;background:#1b1e24;padding:28px;border-radius:20px}
h1{text-align:center;color:#f2c94c;font-size:clamp(32px,6vw,52px);margin:0}
.painel>p{text-align:center;color:#aeb5c0}
.card{margin-top:16px;padding:18px;background:#12151a;border:1px solid #303641;border-radius:14px}
h2{color:#f2c94c;margin-top:0}
label{display:block;margin:12px 0 6px}
.radios{display:flex;gap:22px;flex-wrap:wrap}.radios label{display:flex;gap:8px;align-items:center}
button,select,input[type=file]{width:100%;min-height:44px;padding:10px;color:#fff;background:#272c34;border:1px solid #464d58;border-radius:8px}
button{font-weight:bold;cursor:pointer}.destaque{background:#f2c94c;color:#111}
.botoes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
input[type=range]{width:100%;accent-color:#f2c94c}
.grade{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.valor{text-align:center;font-size:30px;font-weight:bold;color:#f2c94c}
#status{margin-top:16px;padding:13px;background:#111318;border-left:5px solid #ff5c5c;border-radius:8px}
#status.ok{border-left-color:#55d187}
@media(max-width:700px){.grade,.botoes{grid-template-columns:1fr}}
.pedal{background:linear-gradient(145deg,#704212,#2e1907);border:4px solid #1b0e04}
.logo{text-align:center;font-size:36px;font-weight:900;color:#ffe0a0;margin-bottom:15px}