.zn-page{padding-top:32px;padding-bottom:24px;max-width:1000px}.zn-intro{margin:26px 0}.zn-intro h1{font-size:32px;line-height:1.35;margin:0 0 14px}.zn-intro p{color:#64748b;max-width:760px;line-height:1.85}.zn-workspace{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:30px}.zn-workspace label{display:block;font-weight:600;margin-bottom:10px}.zn-input-row{display:flex;gap:12px;align-items:stretch}.zn-input-row input{flex:1;min-width:0}.zn-input-row input,.zn-input-row select{border:1px solid #cbd5e1;border-radius:6px;padding:12px;font:inherit;background:#fff;color:#243247}.zn-input-row button{white-space:nowrap}.zn-status{min-height:1.7em;color:#475569;margin:16px 0 0}.zn-status.is-error{color:#b42318}.zn-result{margin-top:22px;padding-top:20px;border-top:1px solid #e2e8f0}.zn-result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.zn-result-heading h2{font-size:20px;margin:0}.zn-result dl{margin:20px 0 0}.zn-result dl>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;border-bottom:1px solid #edf0f5;padding:13px 0}.zn-result dt{color:#64748b}.zn-result dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;color:#243247}.zn-source{font-size:12px;color:#64748b;margin-top:18px;line-height:1.9}.zn-result pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;padding:16px;font-size:14px}.zn-workspace :focus-visible{outline:2px solid #2563eb;outline-offset:3px}@media(max-width:600px){.zn-intro h1{font-size:26px}.zn-workspace{padding:20px}.zn-input-row{flex-wrap:wrap}.zn-input-row input{flex-basis:100%;width:100%}.zn-input-row button{flex:1}.zn-result dl>div{grid-template-columns:1fr;gap:6px}.zn-result-heading button{font-size:13px;padding:9px 12px}}
.zn-table-wrap{overflow-x:auto}.zn-table-wrap table{width:100%;border-collapse:collapse;font-size:13px;white-space:normal}.zn-table-wrap th,.zn-table-wrap td{padding:9px;text-align:left;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere}.zn-table-wrap th{background:#f8fafc;color:#475569}