.uf-tool{margin:2rem 0;padding:clamp(1rem,3vw,1.8rem);border:1px solid #9ec945;border-radius:18px;background:#f0f6e7;color:#172019}
.dark .uf-tool{background:#1c261e;color:#edf2e9;border-color:#526a36}
.uf-tool .uf-kicker{font:700 .75rem/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;margin:0 0 .5rem}
.uf-tool h2{margin-top:0!important;font-size:1.4rem!important}.uf-tool p{line-height:1.65}
.uf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}
.uf-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.uf-field label{font-weight:650;font-size:.94rem}.uf-field small{font-size:.8rem;line-height:1.5;opacity:.85}
.uf-tool input,.uf-tool select{width:100%;min-height:46px;padding:.65rem .7rem;border:1px solid #7f8b75;border-radius:8px;background:#fff;color:#192315;font:inherit;min-width:0}
.dark .uf-tool input,.dark .uf-tool select{background:#101811;color:#f0f4ed;border-color:#66725e}
.uf-tool input:focus-visible,.uf-tool select:focus-visible,.uf-tool button:focus-visible,.uf-result:focus-visible{outline:3px solid #629b23;outline-offset:3px}
.uf-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.25rem 0}.uf-actions button{min-height:46px;padding:.7rem 1.1rem;border:1px solid #56722d;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.4;cursor:pointer;background:#c2f85c;color:#172019}.uf-actions button[type=reset]{background:transparent;color:inherit}
.uf-result{padding:1.2rem;margin-top:1rem;border-left:4px solid #7b8674;background:#fff;border-radius:4px 12px 12px 4px;scroll-margin-top:7rem}.dark .uf-result{background:#111b14}
.uf-result[data-state=conflict]{border-left-color:#de695c}.uf-result[data-state=boundary],.uf-result[data-state=unknown]{border-left-color:#cda849}.uf-result[data-state=conditional]{border-left-color:#81aadd}.uf-result h3{margin:0!important;font-size:1.08rem!important}
.uf-result ul{list-style:disc;padding-left:1.2rem;margin-top:1rem}.uf-result li+li{margin-top:.5rem}
.uf-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.8rem;margin:1rem 0}.uf-metrics div{padding:.75rem;background:rgba(120,140,110,.12);border-radius:8px}.uf-metrics dt{font-size:.78rem}.uf-metrics dd{font:700 1.3rem/1.6 ui-monospace,monospace;margin:.25rem 0 0}
.uf-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.5rem 0}.uf-evidence div{padding:1rem;border:1px solid #93a08b;border-radius:10px}.uf-evidence strong{display:block;margin-bottom:.5rem}.uf-evidence p{margin:0!important;font-size:.9rem}
.uf-formula{padding:1rem 1.2rem;border-left:4px solid #87b7e0;border-radius:6px;background:rgba(115,147,172,.1);font-family:ui-monospace,monospace;line-height:1.8;overflow-wrap:anywhere}
.uf-note{padding:1rem;border:1px solid #b5974e;border-radius:10px;margin:1.5rem 0}.uf-offer{padding:1rem;border:1px solid #7f8b75;border-radius:10px;margin:1rem 0}.uf-offer[hidden]{display:none!important}.uf-offer a{display:inline-block;margin:.5rem .8rem .2rem 0;text-decoration:underline}
@media(max-width:600px){.uf-grid,.uf-evidence{grid-template-columns:1fr}.uf-tool{padding:1rem}.uf-actions button{flex:1 1 180px}.uf-metrics{grid-template-columns:1fr}.uf-field select{font-size:.95rem}}
@media print{.uf-actions{display:none}.uf-tool{break-inside:avoid}.uf-offer{display:none}}
