*{box-sizing:border-box}
.hiec-wrapper{max-width:650px;margin:20px auto;padding:20px;background:#f4f5f7;border-radius:18px;color:#222;font-family:Arial,sans-serif}
.hiec-wrapper label{display:block;margin:14px 0;font-weight:600}
.hiec-wrapper input{width:100%;padding:14px;border:1px solid #ccc;border-radius:10px;margin-top:6px;font-size:16px}
.hiec-wrapper button{width:100%;padding:14px;margin-top:10px;border:0;border-radius:10px;background:#444;color:#fff;cursor:pointer}
.hiec-wrapper button:hover{opacity:.9}
#hiec-result{margin-top:20px;background:#fff;padding:20px;border-radius:14px;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.hiec-actions{display:grid;gap:8px}
.hiec-note{font-size:14px;margin-top:15px}
.hiec-theme{background:#222!important}
.hiec-dark{background:#1c1c1c;color:#eee}
.hiec-dark #hiec-result{background:#2b2b2b}
@media(min-width:700px){.hiec-actions{grid-template-columns:1fr 1fr}}
input:focus,button:focus{outline:3px solid #999}