#live-demo{padding:1.5rem;background-color:#1e1e1e;border-radius:12px;max-width:320px;margin:2rem 0;box-shadow:0 0 20px #00000040}#live-demo input[type=text]{width:100%;padding:10px 0;margin-bottom:10px;border:1px solid #444;border-radius:3px;background-color:#2a2a2a;color:#f0f0f0;font-size:16px;text-indent:10px}#live-demo p{margin:0}#live-demo button{width:100%;padding:10px;background-color:#3e8240;border:none;border-radius:3px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s ease}#live-demo button:hover{background-color:#45a047}#result{margin-top:15px;padding:10px;background-color:#2c2c2c;color:#e0e0e0;border:1px solid #444;border-radius:3px;font-size:15px;text-align:center;height:20px;line-height:20px}