:root{font-family:system-ui,sans-serif;color:#17140f;background:#f6efdf;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;padding:24px;border-bottom:1px solid #d6cbb8;font:12px monospace;letter-spacing:.06em}main{max-width:1040px;margin:auto;padding:32px 24px 80px}h1{font-size:clamp(32px,6vw,54px);margin:16px 0}h2{font-size:23px}p{line-height:1.65;color:#655c4d}section{padding:20px 0 32px;border-bottom:1px solid #d6cbb8}form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,3fr);gap:12px;align-items:center}input,select,textarea,button{font:inherit;padding:12px;border:1px solid #b8ac96;background:#fffcf2;color:inherit;min-width:0;border-radius:4px}textarea{resize:vertical;width:100%}button{cursor:pointer;background:#2f7b45;color:white;border-color:#2f7b45;min-height:44px}button:disabled{opacity:.45;cursor:wait}form button{grid-column:2}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:32px 0}.toolbar select{flex:1}.table{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:24px;text-align:left;font-size:14px}td,th{padding:12px;border-bottom:1px solid #d6cbb8}td:last-child{overflow-wrap:anywhere;max-width:300px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:300px;overflow:auto}#status{position:sticky;bottom:8px;background:#fffcf2;border-left:3px solid #2f7b45;padding:16px;box-shadow:0 2px 12px #0001}#status:empty{display:none}#generated{margin-bottom:8px}#locale{font-size:14px}@media(max-width:560px){form{grid-template-columns:1fr;gap:8px}form button{grid-column:1}form label{margin-top:10px}main{padding:24px 16px}.toolbar button{flex:1}header{padding:16px}}