*{box-sizing:border-box}body{margin:0;background:#e9e3dd;color:#302b3d;font:16px/1.5 system-ui}main{max-width:1140px;margin:auto;padding:24px}header p:first-child{font-size:12px;letter-spacing:.18em}h1{font:60px Georgia;margin:8px 0}h2{font:27px Georgia}section{padding:24px;background:#fffaf3;border:1px solid #cabdb1;border-radius:24px}.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}button,select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #98869d;border-radius:8px;background:#fffaf3;color:#302b3d;cursor:pointer}button:disabled{opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid #bc8c46}.work{display:grid;grid-template-columns:2fr 3fr;gap:16px}article{min-width:0}h3{font:23px Georgia}canvas{width:100%;height:auto;background:#f1e9db;border-radius:14px;border:1px solid #b5a9a5;display:block}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.controls label{display:flex;flex-direction:column;gap:6px}input{width:100%;min-height:40px}#save{background:#334a6a;color:white}#gallery{display:flex;gap:8px;flex-wrap:wrap}#feedback,#progress{font-weight:650}footer,details{margin:22px 0;font-size:14px}@media(max-width:650px){main{padding:12px}section{padding:12px}h1{font-size:44px}.work{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr}.bar button{flex:1}}