*{box-sizing:border-box}body{margin:0;background:#f6f3ec;color:#252c30;font:17px/1.65 system-ui,sans-serif}main{max-width:920px;margin:7vh auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d4c9;padding-bottom:18px}.logo{font-weight:750;letter-spacing:-1px;font-size:30px}a{color:var(--accent)}.intro{max-width:640px;margin:48px 0 28px}h1{font-size:clamp(32px,6vw,56px);line-height:1.15;letter-spacing:-2px}p{color:#596064}.card{background:#fff;border:1px solid #dfdfd5;border-radius:18px;padding:24px}textarea{width:100%;min-height:240px;border:1px solid #ccd0ca;border-radius:10px;padding:16px;font:15px/1.6 ui-monospace,monospace;resize:vertical}button{background:var(--accent);border:0;border-radius:8px;color:white;padding:12px 18px;margin:10px 8px 0 0;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #3c74ac;outline-offset:3px}#status{min-height:30px;margin:12px 0;overflow-wrap:anywhere}footer{margin-top:42px;border-top:1px solid #d4d4c9;padding-top:16px;font-size:14px;color:#596064}small{color:#596064}