*{box-sizing:border-box}body{margin:0;background:#f4f6f0;color:#163b32;font:16px/1.55 system-ui,sans-serif}main{max-width:860px;margin:auto;padding:32px 24px}header,.bar{display:flex;justify-content:space-between;align-items:center;gap:16px}header strong{font-size:27px}header span{font-size:10px;letter-spacing:2px}h1{font-size:clamp(36px,6vw,58px);line-height:1.08;letter-spacing:-2px;margin:42px 0 18px}h2{font-size:23px}p{color:#61746c}.notice,#status:not(:empty){padding:14px;background:#e7efdc;border-radius:10px;font-size:13px}form,article{background:#fff;border:1px solid #dae2d7;border-radius:14px;padding:24px;margin:20px 0}label{display:block;margin:14px 0;font-size:14px}input,textarea{display:block;width:100%;padding:12px;border:1px solid #c9d5c6;border-radius:7px;font:inherit;margin-top:6px}textarea{min-height:100px}button{background:#174737;color:white;border:0;border-radius:8px;padding:12px 18px;font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:wait}:focus-visible{outline:3px solid #8caa40;outline-offset:3px}.job{padding:16px;background:white;border-bottom:1px solid #dae2d7}.job small{display:block;color:#61746c}footer{font-size:12px;margin-top:35px;color:#61746c}[hidden]{display:none!important}@media(max-width:520px){.bar{flex-wrap:wrap}form,article{padding:18px}header span{max-width:110px;text-align:right}}
#details,.job{overflow-wrap:anywhere}

#preview{display:block;width:100%;max-height:650px;object-fit:contain;background:#edf0e8;border-radius:10px;margin:20px 0}