*{box-sizing:border-box}body{font-family:Segoe UI,Arial,sans-serif;margin:0;background:#f6f7f9;color:#202124}main{padding:16px}.brand{display:flex;flex-direction:column;margin-bottom:18px}.brand b{font-size:24px}.brand span{font-size:13px;color:#666}label{display:block;font-weight:600;font-size:13px;margin:14px 0 6px}textarea{width:100%;resize:vertical;border:1px solid #c8ccd0;border-radius:6px;padding:9px;font:14px Segoe UI,Arial;background:white}button{border:1px solid #bbb;background:#fff;border-radius:6px;padding:9px 11px;cursor:pointer}.primary{width:100%;background:#1f1f1f;color:#fff;border-color:#1f1f1f;font-weight:600}.styles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:8px}.styles button{font-size:12px;padding:7px 4px}#status{min-height:20px;margin-top:10px;font-size:12px;color:#555}.hint{font-size:11px;color:#777;line-height:1.35}