:root{color:#172033;background:#f4f6fb;font-family:system-ui,sans-serif}main{max-width:680px;margin:3rem auto;padding:1.5rem}h1{margin-bottom:.2rem}.upload{color:#fff;cursor:pointer;background:#173d82;border-radius:.5rem;margin:1.4rem 0;padding:.8rem 1.1rem;display:inline-block}article,.editor{background:#fff;border-radius:.5rem;margin:.6rem 0;padding:1rem}article{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}article span{color:#465}.upload:focus-within{outline:3px solid #8af}.editor label{margin:1rem 0;font-weight:600;display:block}.editor textarea{width:100%;min-height:4rem;font:inherit;margin-top:.35rem;display:block}.editor button{margin:.4rem .6rem .8rem 0}@media (width<=600px){main{margin:1rem auto;padding:1rem}}