/* webdevtoolsbase shared forms CSS: inputs, buttons, controls, upload/drop-zone controls. */

.ctl input[type=range]{width:100%;accent-color:var(--accent)}

.ctl.chk{cursor:pointer;flex-direction:row;align-items:center;gap:.4rem}

.ctl.chk input{width:auto;height:15px;margin:0;accent-color:var(--accent)}

/* Pass 4 form safety */
input,select,textarea,button{max-width:100%}
button,input[type=button],input[type=submit],input[type=reset]{font:inherit}

/* Pass 7: accessible focus ring for color-converter big input (input.bigin) */
input.bigin:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
input.bigin:focus{outline:2px solid var(--accent);outline-offset:2px}