.dev-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dev-options label,.cron-builder label{display:grid;gap:8px}.cron-builder{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;padding:20px 0;border-bottom:1px solid #dce5df;margin-bottom:20px}.cron-builder button{grid-column:1/-1;justify-self:start}#cron-expression{font:18px Consolas,monospace}#dev-result{margin:20px 0}#dev-result h2{margin:24px 0 14px}#dev-status{margin:18px 0;line-height:1.7}#dev-result table{width:100%;border-collapse:collapse}#dev-result th,#dev-result td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #dce5df}#dev-result code{overflow-wrap:anywhere}body[data-page="jsondiff"] .content-layout{grid-template-columns:minmax(0,1fr)}body[data-page="jsondiff"] .ad-rail{display:none}body[data-page="jsondiff"] .ad-mobile{display:block}.json-diff-table{table-layout:fixed}.json-diff-table th:first-child{width:24%}.json-diff-table pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:13px/1.7 Consolas,monospace}.json-diff-table .json-added td:last-child,.json-diff-table .json-changed td:last-child{background:#dff5ec}.json-diff-table .json-removed td:nth-child(2),.json-diff-table .json-changed td:nth-child(2){background:#fce9e6}.change-kind{display:block;font-size:12px;margin-bottom:8px}.diff-filter{display:flex;align-items:center;gap:12px;margin-top:18px}.diff-filter select{max-width:220px}@media(max-width:650px){.dev-options{grid-template-columns:1fr}.cron-builder{grid-template-columns:1fr 1fr}.json-diff-table{min-width:600px}}

#jsondiff-form .utility-editors>label{margin:0;display:grid;gap:8px}#dev-copy{padding:10px 16px;border-radius:6px;background:#e5eeea;color:#244c3c}#dev-copy:disabled{opacity:.5}.diff-filter select{padding:8px;border:1px solid #c9d6ce;border-radius:6px;background:#fff}

#cron-zone{appearance:auto;-webkit-appearance:menulist;min-height:48px;width:100%;min-width:0;font:16px/1.5 system-ui,sans-serif;padding:10px 12px}#cron-zone option,#cron-zone optgroup{font-size:16px} .dev-options>label{min-width:0}

#cron-form [hidden]{display:none!important}#cron-form .dev-options label,#cron-simple label{margin-top:0}#cron-advanced{padding:18px 0}#cron-generate{width:100%;margin-top:18px}#cron-expression[readonly]{background:#f3f6f8}#cron-mode,#cron-day-rule{min-height:46px;font-size:16px}