.universal-tool-router{border:1px solid var(--tools-border);background:#fffdf8f5;border-radius:28px;grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);gap:clamp(28px,5vw,72px);width:min(100% - 48px,1390px);margin:18px auto 0;padding:clamp(24px,4vw,48px);display:grid}.universal-tool-router__intro{align-self:start;padding-top:5px}.universal-tool-router__intro h2{color:var(--tools-ink);font:500 clamp(34px,4vw,54px)/1 var(--serif);letter-spacing:-.04em;margin:0}.universal-tool-router__intro>span{max-width:410px;color:var(--tools-muted);margin-top:18px;font-size:13px;line-height:1.6;display:block}.universal-tool-router__workbench{min-width:0}.universal-tool-router__workbench form>label{color:var(--tools-ink);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.universal-tool-router__workbench form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.universal-tool-router__workbench input[type=url]{border:1px solid var(--tools-border);min-width:0;min-height:48px;color:var(--tools-ink);font:13px var(--sans);background:#fff;border-radius:14px;padding:0 14px}.universal-tool-router__workbench button{color:#fff;min-height:48px;font:750 12px var(--sans);cursor:pointer;background:#101722;border:1px solid #101722;border-radius:14px;padding:0 17px}.universal-tool-router__workbench button:disabled{cursor:not-allowed;opacity:.45}:is(.universal-tool-router__workbench input:focus-visible,.universal-tool-router__workbench button:focus-visible,.universal-tool-router__file label:focus-within){outline-offset:2px;outline:3px solid #5fc6dc3d}.universal-tool-router__separator{place-items:center;height:30px;display:grid;position:relative}.universal-tool-router__separator:before{background:var(--tools-border);content:"";width:100%;height:1px;position:absolute}.universal-tool-router__separator span{z-index:1;color:#7b878e;text-transform:uppercase;background:#fffdf8;padding:0 8px;font-size:9px;font-weight:750}.universal-tool-router__file input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.universal-tool-router__file label{cursor:pointer;background:#edf8fa;border:1px dashed #88b5c1;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:14px 16px;display:flex}.universal-tool-router__file strong{color:#174e60;font-size:12px}.universal-tool-router__file span{color:#64747e;text-align:right;font-size:10px}.universal-tool-router__error{color:#7a3024;background:#fff5f1;border:1px solid #d9a69b;border-radius:11px;margin:12px 0 0;padding:10px 12px;font-size:11px}.universal-tool-router__result{border:1px solid var(--tools-border);background:#fff;border-radius:18px;min-height:168px;margin-top:18px;overflow:hidden}.universal-tool-router__result>header{border-bottom:1px solid var(--tools-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex}.universal-tool-router__result>header h3{color:var(--tools-ink);font:500 22px/1.1 var(--serif);margin:0}.universal-tool-router__result>header p{color:var(--tools-muted);margin:7px 0 0;font-size:10px;line-height:1.45}.universal-tool-router__result>header>b{color:#17677d;text-transform:uppercase;background:#e4f5f8;border-radius:999px;padding:5px 8px;font-size:8px}.universal-tool-router__result ol{margin:0;padding:0;list-style:none}.universal-tool-router__result li+li{border-top:1px solid #e2e8ea}.universal-tool-router__result li a{min-height:70px;color:inherit;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:14px;padding:13px 16px;text-decoration:none;display:grid}:is(.universal-tool-router__result li a:hover,.universal-tool-router__result li a:focus-visible){background:#f3fafb;outline:0}.universal-tool-router__result li strong,.universal-tool-router__result li span{display:block}.universal-tool-router__result li strong{font-size:12px}.universal-tool-router__result li span{color:var(--tools-muted);margin-top:4px;font-size:10px}.universal-tool-router__result li small{color:#65757f;font-size:9px}.universal-tool-router__result li>a>b{border:1px solid var(--tools-border);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.universal-tool-router__empty{place-content:center;justify-items:center;gap:12px;min-height:168px;display:grid}.universal-tool-router__empty>span{background:#e7f7f9;border:1px solid #b9d7de;border-radius:50%;width:58px;height:58px;position:relative}.universal-tool-router__empty i{background:#2388a2;border-radius:50%;width:5px;height:5px;position:absolute}.universal-tool-router__empty i:first-child{top:15px;left:16px}.universal-tool-router__empty i:nth-child(2){top:25px;right:14px}.universal-tool-router__empty i:last-child{background:#ed8b43;bottom:13px;left:26px}.universal-tool-router__empty p{color:#77848c;margin:0;font-size:10px}@media (max-width:800px){.universal-tool-router{grid-template-columns:1fr}.universal-tool-router__intro>span{max-width:620px}}@media (max-width:700px){.universal-tool-router{border-radius:22px;width:calc(100% - 24px);padding:24px 16px}.universal-tool-router__workbench form>div{grid-template-columns:1fr}.universal-tool-router__file label{flex-direction:column;align-items:flex-start;gap:5px}.universal-tool-router__file span{text-align:left}.universal-tool-router__result li a{grid-template-columns:minmax(0,1fr) 22px}.universal-tool-router__result li small{display:none}}@media (prefers-reduced-motion:reduce){.universal-tool-router__result li a{scroll-behavior:auto}}
