.u18-tool-app{padding:28px;border:1px solid #dbe3df;border-radius:20px;background:#fff;margin:28px 0;color:#162d2a;max-width:100%;box-sizing:border-box}.u18-tool-app *, .tool-search *{box-sizing:border-box}.u18-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.u18-field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;min-width:0}.u18-field.full{grid-column:1/-1}.u18-field input,.u18-field select,.u18-field textarea,.u18-output{font:inherit;min-width:0;width:100%;border:1px solid #c6d2cb;border-radius:9px;padding:12px;background:#fafcf9;color:#162d2a}.u18-field textarea,.u18-output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;font-weight:400}.u18-field input[type=file]{white-space:normal;max-width:100%;overflow:hidden}.u18-check{display:flex;align-items:center;gap:9px;font-size:14px}.u18-check input{width:18px;height:18px}.u18-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.u18-actions button,.u18-image-result button,.u18-special button{font:inherit;font-size:14px;font-weight:650;border:1px solid #c9d5ce;background:#f4f7ef;border-radius:9px;padding:11px 18px;color:#162d2a;cursor:pointer}.u18-actions .button-primary,.u18-image-result .button-primary,.u18-special .button-primary{background:#173b31;border-color:#173b31;color:#fff}.u18-tool-app button:disabled{opacity:.5;cursor:wait}.u18-tool-app :focus-visible{outline:3px solid #396b50;outline-offset:3px}.u18-status{min-height:24px;font-size:14px;margin-top:16px}.u18-status.is-error{color:#a22828}.u18-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.u18-metric{background:#f1f7e9;padding:18px;border-radius:12px}.u18-metric strong,.u18-metric span{display:block}.u18-metric strong{font-size:28px;line-height:1.2;overflow-wrap:anywhere}.u18-metric span{font-size:12px;margin-top:6px;color:#466255}.u18-privacy,.u18-note{font-size:13px;line-height:1.6;color:#52635b}.u18-note{background:#f4f6f2;border-left:3px solid #c7d1b4;padding:12px}.u18-privacy{border-top:1px solid #e5ebe3;padding-top:14px}.json-node{margin:8px 0 8px 14px;padding:6px;border-left:1px solid #d3dfcf}.json-node summary{cursor:pointer;font-family:monospace}.json-value{margin:8px 16px;font-family:monospace;overflow-wrap:anywhere}.u18-qr{max-width:100%;height:auto;display:block;margin:16px auto}.u18-source-image,.u18-output-image{display:block;max-width:100%;height:auto;max-height:400px;object-fit:contain;margin:auto;border-radius:8px}.u18-image-preview,.u18-image-result{margin-top:20px;overflow:hidden}.u18-image-preview p,.u18-image-result p{font-size:14px;overflow-wrap:anywhere}.u18-metadata{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:10px;font-size:14px}.u18-metadata dt{font-weight:700}.u18-metadata dd{margin:0;overflow-wrap:anywhere}.u18-diff{max-height:500px;overflow:auto;border:1px solid #dbe3df;border-radius:8px}.u18-diff pre{margin:0;padding:5px 10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.diff-added{background:#e6f5df}.diff-removed{background:#ffeded}.diff-same{background:#fafafa}.u18-timer{display:block;text-align:center;font-size:clamp(22px,6vw,58px);font-variant-numeric:tabular-nums;padding:25px 0}.u18-laps{max-height:300px;overflow:auto}.u18-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.search-results[hidden],.u18-tool-app [hidden]{display:none!important}
@media(max-width:600px){.u18-tool-app{padding:18px}.u18-fields{grid-template-columns:1fr}.u18-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.u18-metric{padding:13px}.u18-metric strong{font-size:23px}.u18-metadata{grid-template-columns:1fr}.u18-metadata dd{margin-bottom:8px}.u18-actions button{flex:1}}