body { margin: 0; background: #eef0f2; color: #1b2128; font: 15px/1.45 system-ui, sans-serif; }
main { max-width: 860px; margin: 0 auto; padding: 20px 16px 90px; }
nav { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 16px; }
.card { background: #fff; border: 1px solid #d5dade; border-radius: 8px; padding: 16px; margin-bottom: 12px; }
h1 { margin: 0 0 8px; } h2 { margin: 0 0 10px; font-size: 16px; }
table { width: 100%; border-collapse: collapse; } td, th { text-align: left; padding: 6px 8px; border-bottom: 1px solid #d5dade; }
.scroll { overflow-x: auto; }
label { display: block; margin-bottom: 10px; font-weight: 600; font-size: 13px; }
input { display: block; width: 100%; max-width: 340px; box-sizing: border-box; font: inherit; padding: 7px 9px; margin-top: 3px; }
button { font: inherit; padding: 7px 12px; margin: 0 6px 6px 0; cursor: pointer; }
#result { color: #b8322a; font-weight: 600; }
iframe { display: block; max-width: 100%; border: 1px solid #d5dade; border-radius: 8px; background: #fff; }