:root{font-family:Arial,Helvetica,sans-serif;color:#292d28;background:#f5f3ee;font-synthesis:none;--orange:#dd4d14;--muted:#73786f;--line:#dedfd5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,label.dropzone{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}main{min-height:100vh;display:grid;place-items:center;padding:24px 16px}#workspace{width:100%;max-width:480px;display:flex;flex-direction:column;gap:14px}.dropzone{position:relative;border:1.5px dashed #c6ccb9;border-radius:14px;background:#fffdf9;min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:var(--orange);background:#fff5ed}.dropzone:focus-within{outline:3px solid #e7a27b;outline-offset:3px}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{width:44px;height:44px;background:#e9eedd;border-radius:12px;display:grid;place-items:center;font-size:29px;color:#677b43;margin-bottom:8px}.dropzone strong{font-size:15px}.dropzone>span:not(.upload-icon){font-size:13px;color:var(--muted)}.dropzone u{text-decoration-color:#a8b294;text-underline-offset:4px;color:#4d6041}.file-info{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:#fffdf9;border:1px solid var(--line);border-radius:10px}.file-info strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.text-button{border:0;background:none;color:#646b60;font-size:13px;padding:4px}.text-button:hover{color:var(--orange)}select{padding:12px;border:1px solid var(--line);border-radius:8px;background:white;width:100%;color:inherit}.primary{border:0;border-radius:8px;background:var(--orange);color:white;padding:15px 19px;font-size:14px;font-weight:600;transition:background .2s}.primary:hover{background:#bd3e0c}.warnings{margin:0;padding:12px 16px 12px 32px;background:#fff4e4;border:1px solid #f0dfc4;border-radius:8px;font-size:12px;line-height:1.6}.status,.error{padding:14px;border-radius:8px;font-size:13px;line-height:1.5;text-align:center}.status{color:var(--muted)}.error{background:#ffebe4;color:#a53415}input:focus,select:focus,button:focus-visible{outline:3px solid #e7a27b;outline-offset:3px}
