:root{color:#edf6ef;font-synthesis:none;background:#111512;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body{background:linear-gradient(135deg,#111512 0%,#171c18 55%,#101511 100%);min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}main{min-height:100vh;padding:42px clamp(18px,4vw,64px)}header{justify-content:space-between;align-items:end;gap:30px;max-width:1500px;margin:auto auto 28px;display:flex}.eyebrow{color:#9df98d;letter-spacing:.18em;font-size:11px}h1{letter-spacing:-.07em;margin:10px 0 12px;font-family:system-ui,sans-serif;font-size:clamp(40px,6vw,78px);line-height:.95}header p{color:#8d998f;margin:0;font-family:system-ui,sans-serif}.status{color:#8d998f;background:#171e19;border:1px solid #2c382e;align-items:center;gap:10px;padding:13px 16px;font-size:11px;display:flex}.status i{background:#88f479;border-radius:50%;width:9px;height:9px;box-shadow:0 0 16px #88f479}.status b{color:#c4d1c6;font-weight:500}.workspace{grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr) minmax(400px,1.5fr);gap:10px;max-width:1500px;margin:auto;display:grid}.panel{background:#171c18;border:1px solid #303832;flex-direction:column;min-height:580px;display:flex}.panel-title{letter-spacing:.08em;color:#c5cec7;border-bottom:1px solid #303832;justify-content:space-between;align-items:center;height:54px;padding:0 17px;font-size:11px;display:flex}.panel-title em{color:#707c73;font-style:normal}.panel-title button{color:#758078;background:0 0;border:0;font-size:10px}.panel-title .danger{color:#ff725e}.panel-title .safe{color:#88f479}.input-panel textarea{resize:none;color:#dbe6dd;background:#121613;border:0;outline:none;flex:1;padding:20px;font-size:13px;line-height:2}.hint{color:#657068;border-top:1px solid #2b332d;margin:0;padding:13px 18px;font-size:10px}.rule-block{border-bottom:1px solid #2b332d;padding:21px}.rule-block>label,.toggle-row>label{color:#78837b;margin-bottom:11px;font-size:10px;display:block}.pair{grid-template-columns:1fr 18px 1fr;align-items:center;gap:5px;display:grid}.pair span{text-align:center;color:#4d5a50}.rule-block input{color:#e8f2ea;background:#101411;border:1px solid #354039;outline:none;width:100%;min-width:0;padding:11px}.rule-block input:focus{border-color:#8bf17a}.toggle-row{justify-content:space-between;display:flex}.toggle{background:#3c453e;border:0;width:35px;height:18px;padding:2px}.toggle i{background:#9ca59e;width:14px;height:14px;transition:all .2s;display:block}.toggle.on{background:#77df68}.toggle.on i{background:#142016;transform:translate(17px)}.triple{grid-template-columns:1fr 1fr 1fr;gap:8px;transition:all .2s;display:grid}.triple.disabled{opacity:.25;pointer-events:none}.triple label{color:#69746c;font-size:9px}.triple input{margin-top:7px}.segments{border:1px solid #354039;grid-template-columns:repeat(4,1fr);display:grid}.segments button{color:#707b73;background:0 0;border:0;border-right:1px solid #354039;padding:9px 3px;font-size:9px}.segments button:last-child{border:0}.segments button.active{color:#102011;background:#91f281}.preview-panel{min-width:0}.table-wrap{flex:1;max-height:493px;overflow:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px}th{text-align:left;color:#69746c;background:#1f2520;border-bottom:1px solid #333b35;padding:11px;font-weight:400;position:sticky;top:0}th:first-child{width:48px}th:nth-child(2){width:40%}td{white-space:nowrap;text-overflow:ellipsis;color:#707b73;border-bottom:1px solid #292f2a;padding:13px 11px;overflow:hidden}td b{color:#d9e4db;font-weight:400}tr.conflict{background:#ff4b3714}tr.conflict td:last-child b{color:#ff806d}td span{float:right;color:#ff725e;border:1px solid #734239;padding:2px 4px;font-size:9px}.copy{color:#102011;background:#91f281;border:0;margin:14px;padding:15px;font-size:11px;font-weight:700}.copy:disabled{opacity:.3;cursor:not-allowed}.empty{text-align:center;color:#526056;flex:1;place-content:center;gap:8px;display:grid}.empty strong{color:#849087;font-weight:400}.empty span{font-size:10px}@media (width<=1100px){.workspace{grid-template-columns:1fr 1fr}.preview-panel{grid-column:1/-1;min-height:450px}}@media (width<=700px){main{padding:25px 12px}header{align-items:start}.status{display:none}.workspace{flex-direction:column;display:flex}.panel{min-height:430px}.rules-panel{min-height:auto}.preview-panel{min-height:460px}.pair{grid-template-columns:1fr 14px 1fr}h1{font-size:48px}}