main{max-width:800px;margin:auto;padding:20px}label{display:block;margin-block:16px 6px}button,select,input[type=file],#back{min-height:44px;min-width:44px}#back{display:inline-flex;align-items:center}textarea,select,input{max-width:100%;box-sizing:border-box}textarea{width:100%}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:16px}.badge{border-inline-start:4px solid #778899;padding:12px}#preview{max-width:100%;max-height:360px;object-fit:contain;margin-block:16px}#result{border:1px solid #778899;padding:16px;overflow-wrap:anywhere}button{padding:10px 16px}section{margin-block:20px}

.file-picker{position:relative;display:flex;align-items:center;min-height:44px;padding:12px;border:1px solid #778899;border-radius:8px;cursor:pointer}.file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-picker:focus-within{outline:3px solid currentColor;outline-offset:3px}