.live-generation{scroll-margin-top:20px}.live-generation label{display:block}.live-filters{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:14px}.live-generation input:not([type=checkbox]),.live-generation select,.live-generation textarea{width:100%;min-width:0;box-sizing:border-box}.live-generation select{max-width:100%}.live-generation .actions{flex-wrap:wrap}.live-timeline{padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.live-timeline li{border-top:3px solid #b8c7d8;padding:12px 0}.live-timeline strong,.live-timeline span,.live-timeline small{display:block}.live-timeline span{font-size:.85rem;margin-top:8px}.live-timeline .completed{border-color:#238277}.live-timeline .running{border-color:#246bd1}.live-timeline .failed,.live-timeline .warning,.live-timeline .blocked{border-color:#a44c16}.live-history{display:flex;gap:14px;align-items:end}.live-history label{flex:1}.live-rule{border-top:1px solid #c9d6e6;margin-top:24px;padding-top:16px;min-width:0}.live-rule button{margin:8px 8px 8px 0}.live-rule blockquote{white-space:pre-wrap;max-height:180px;overflow:auto}.live-generation pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto}.live-access{padding:10px 14px;background:#edf3fc;border-left:3px solid #3477ba}.live-test-table{overflow:auto}.live-test-table table{width:100%;border-collapse:collapse}.live-test-table th,.live-test-table td{text-align:left;padding:10px;border-bottom:1px solid #d6e0eb}.live-run-state{font-weight:700}.live-generation details{margin:14px 0}.live-generation summary{cursor:pointer}.live-generation{min-width:0}.live-generation [hidden]{display:none!important}@media(max-width:1000px){.live-filters{grid-template-columns:1fr 1fr}.live-timeline{grid-template-columns:1fr}.live-timeline li{padding:8px 0}.live-timeline span{margin-top:3px}}@media(max-width:520px){.live-filters{grid-template-columns:1fr}.live-history{align-items:stretch;flex-direction:column}.live-generation .panel-heading{display:block}}

.live-generation input:not([type=checkbox]),.live-generation textarea{font:inherit;color:#153b59;background:#fff;border:1px solid #bed0e6;border-radius:5px;padding:12px;margin-top:5px}.live-generation input:focus-visible,.live-generation textarea:focus-visible{outline:2px solid #236bd1;outline-offset:2px}

.rule-diff{border:1px solid #bed0e6;border-radius:8px;margin:20px 0;padding:16px;min-width:0}.diff-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diff-controls label{min-width:0}.diff-headings,.diff-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.diff-headings{background:#eaf0f7;padding:10px;gap:12px}.diff-code{max-height:560px;overflow:auto;border:1px solid #c5d3e3;background:#fff}.diff-cell{display:flex;gap:8px;padding:2px 6px;min-width:0;border-right:1px solid #d6e0eb}.diff-cell code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;min-width:0;color:#17344b}.diff-number{font:11px/1.8 monospace;color:#53677a;min-width:26px;text-align:right;user-select:none}.diff-removed{background:#ffe9e8;border-left:3px solid #b83832}.diff-added{background:#e3f4e8;border-left:3px solid #217640}.diff-empty{background:#f3f5f8}.diff-no-line{font-size:11px;color:#596879}.diff-gap{font-size:12px;padding:8px;color:#4b6076;background:#edf2f8}.diff-code>p{padding:12px}.rule-diff h4{font-size:1.1rem;margin-top:0}.diff-code:focus-visible{outline:2px solid #246bd1;outline-offset:2px}@media(max-width:640px){.diff-controls{grid-template-columns:1fr}.rule-diff{padding:10px}.diff-number{min-width:16px}.diff-cell{padding:2px;gap:3px}.diff-cell code{font-size:11px}}

#live-policy{max-height:280px;overflow:auto;border:1px solid #c3d3e1;border-radius:7px;background:#fff;padding:5px}.live-policy-label{font-size:12px;margin-bottom:8px}#generate-rule .live-policy-option{display:flex;align-items:center;gap:12px;padding:10px;margin:0;border-radius:4px;font-size:12px;cursor:pointer}#generate-rule .live-policy-option:hover,#generate-rule .live-policy-option:focus-within{background:#edf5ff}#generate-rule .live-policy-option:has(input:checked){background:#e5f1ff}#generate-rule .live-policy-option:has(input:disabled){opacity:.65;cursor:default}#generate-rule .live-policy-option input{min-height:0;width:17px;height:17px;flex-shrink:0;margin:0;accent-color:#086bdf}#generate-rule .live-policy-option span{overflow-wrap:anywhere;min-width:0}.live-selection-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.live-selection-footer button{font-size:12px;padding:6px 10px}#generate-rule .live-selection-footer .hint{margin:0}.live-test-settings{max-width:180px;margin-top:12px}@media(max-width:520px){.live-selection-footer{flex-wrap:wrap}}

#generate-rule #live-policy-dropdown{position:relative;margin:0}#live-policy-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;box-sizing:border-box;border:1px solid #c3d3e1;border-radius:7px;background:#fff;padding:10px 14px;font-size:12px;list-style:none;cursor:pointer}#live-policy-toggle::-webkit-details-marker{display:none}#live-policy-toggle::after{content:'';width:7px;height:7px;border-right:2px solid #355775;border-bottom:2px solid #355775;transform:rotate(45deg);margin-right:3px}#live-policy-dropdown[open] #live-policy-toggle::after{transform:rotate(225deg)}#live-policy-toggle:focus-visible{outline:2px solid #236bd1;outline-offset:2px}#live-policy-dropdown #live-policy{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:20;box-sizing:border-box;box-shadow:0 10px 25px #143d5e24;max-height:280px;overscroll-behavior:contain}
