:root{font-family:system-ui,sans-serif;color:#1d1d1f;background:#f4f5f7}main{max-width:960px;margin:0 auto;padding:24px}section{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 4px #0002}label{display:block;font-size:13px;font-weight:600;margin:12px 0 4px}input,textarea{width:100%;box-sizing:border-box;font:12px ui-monospace,monospace;padding:8px;border:1px solid #ccc;border-radius:6px;margin-top:4px}textarea{resize:vertical;word-break:break-all}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}button{margin-top:10px;padding:8px 14px;border:0;border-radius:6px;background:#5b2d90;color:#fff;cursor:pointer}button.copy{background:#e6e0f0;color:#5b2d90}.note{color:#555}.error{color:#c00;font-weight:600}@media (max-width: 640px){.grid{grid-template-columns:1fr}}