.fco-wrap{max-width:700px;margin:auto;padding:20px;box-sizing:border-box;font-family:Arial}
.fco-wrap *{box-sizing:border-box}
label{display:block;margin:15px 0;font-weight:bold}
input{width:100%;padding:12px;border-radius:10px;border:1px solid #ccc;margin-top:5px}
button{padding:12px 15px;border:0;border-radius:10px;margin:5px}
#result{margin-top:20px;padding:20px;background:#f2f2f2;border-radius:12px;overflow-wrap:break-word}
.actions{display:flex;flex-wrap:wrap}
.dark .fco-wrap{background:#222;color:#fff}
.dark #result{background:#333}
@media(max-width:600px){.actions button{width:100%}}