:root{font-family:Arial,sans-serif;color:#17212b;background:#faf8f3}*{box-sizing:border-box}body{margin:0}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #e5e0d7}.brand{font-size:12px;letter-spacing:2px}.small{font-size:12px;color:#85745d}main{max-width:760px;margin:0 auto;padding:42px 24px 30px;text-align:center}h1{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:0 0 12px}.intro{color:#787870;font-size:14px;margin-bottom:28px}.controls{max-width:400px;margin:auto;text-align:left}label{font-size:12px;display:block;margin:16px 0 8px}label span{float:right;color:#96958e}input{width:100%;height:46px;border:1px solid #d7d2c8;border-radius:6px;background:#fffdfa;padding:10px 14px;font-size:15px;text-align:center;color:inherit}#initials{font-family:Georgia,serif;font-size:22px;letter-spacing:6px;text-transform:uppercase}.shapes{display:flex;gap:10px;margin-top:16px}button{cursor:pointer;border:1px solid #d7d2c8;background:transparent;border-radius:6px;padding:12px;font-size:14px;color:inherit}.shapes button{flex:1}.shapes button[aria-pressed=true]{background:#17212b;color:#fff;border-color:#17212b}#preview{max-width:475px;margin:24px auto 12px}#preview svg{display:block;width:100%;height:auto}.download{background:#17212b;color:#fff;width:100%;max-width:400px;border-color:#17212b;height:48px}.download:disabled{opacity:.4;cursor:default}#status{font-size:12px;color:#837660;min-height:18px}footer{text-align:center;font-size:11px;color:#928c81;padding:20px}input:focus-visible,button:focus-visible{outline:2px solid #9b8251;outline-offset:3px}@media(max-width:500px){main{padding-top:26px}h1{font-size:30px}header{height:58px;padding:0 20px}.small{font-size:10px}#preview{margin-top:14px}}