:root{font-family:system-ui,sans-serif;color:#20332f;background:#f1f5f3;font-size:16px}*{box-sizing:border-box}body{margin:0;padding:28px 16px}main{max-width:680px;margin:auto;background:#fff;padding:32px;border-radius:18px;box-shadow:0 8px 40px #153c2910}h1{font-size:1.8rem;line-height:1.2;margin:8px 0 20px}.eyebrow{color:#386757;font-weight:600;font-size:.85rem}.field{display:block;margin:20px 0}.field span{display:block;margin-bottom:7px;font-weight:600}input:not([type=checkbox]),textarea,select{font:inherit;padding:12px;border:1px solid #b7c9c1;border-radius:8px;width:100%;background:white}textarea{min-height:100px}input[type=checkbox]{width:20px;height:20px}button{font:inherit;cursor:pointer;border:0;border-radius:8px;background:#17654a;color:white;padding:13px 20px}button:disabled{opacity:.6;cursor:wait}#drop{margin:24px 0 12px;padding:20px;border:2px dashed #9ebcad;border-radius:10px}#drop.over{background:#edf8f1}.files-label{font-weight:700;display:block;margin-bottom:10px}#drop p,.foot{color:#62726c;font-size:.9rem}ul{padding:0;list-style:none}li{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e6ede9;overflow-wrap:anywhere}li span{flex:1}li button{padding:8px 10px;background:#eaf0ed;color:#35473f}#status{line-height:1.5;white-space:pre-line}.error{color:#9c2929}#submit{width:100%;margin-top:16px}@media(max-width:480px){body{padding:12px}main{padding:22px 16px}h1{font-size:1.55rem}}

/* User-defined labels and titles must not widen a mobile layout viewport. */
h1,.field span,.files-label,#status{overflow-wrap:anywhere}main,form,#fields,#drop,li span{min-width:0}input,textarea,select{max-width:100%}li button{flex-shrink:0}