.fd-app{--fd-control-font-size:100%;max-width:600px;padding:1rem;border:1px solid #ddd;border-radius:6px;background:#fafafa}.fd-form{display:grid;gap:.75rem}.fd-tabs{display:flex;gap:.25rem;border-bottom:1px solid #ccc}.fd-tab{border:1px solid #ccc;border-bottom:0;border-radius:4px 4px 0 0;background:#eee}.fd-tab.is-active{background:#fff;font-weight:600}.fd-tab-panel{display:none}.fd-tab-panel.is-active{display:grid;gap:.75rem}.fd-form fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;border:1px solid #ccc}.fd-form label{display:flex;flex-direction:column;font-size:.9rem;gap:.2rem}.fd-form [hidden]{display:none!important}.fd-form input,.fd-form select,.fd-form button{font-size:var(--fd-control-font-size)}.fd-form input,.fd-form select,.fd-form button{padding:.4rem}.fd-output{margin-top:1rem;text-align:center;background:#111;min-height:80px}.fd-output img{max-width:100%;height:auto;image-rendering:auto}.fd-status{margin-left:.5rem}
.fd-form button:enabled {
  color: #465943 !important;
  background: #dddddd !important;
  border-color: #465943 !important;
}

.fd-form button:enabled:hover {
  background: #465943 !important;
  color: #ffffff !important;
}