.tool{--t-line: #e7e3f2;--t-soft: #faf9fd;--t-lav: #f0ebfa;--t-ok: #0f7c6e;--t-warn: #a8620a;--t-err: #c2352a;--t-code-bg: #141026;--t-code-ink: #e4dff5;--t-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}.tool *{box-sizing:border-box}.tool [hidden]{display:none!important}.tool .wrap{max-width:1120px;margin:0 auto;padding:0 32px}.tool .tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.tool .tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.tool .page-hero{background:linear-gradient(165deg,#efeafc,#f7ecf2 52%,#fde9dc);padding:60px 0 50px;text-align:center}.tool .crumbs{font-size:13px;color:var(--muted);margin-bottom:18px}.tool .crumbs a{color:var(--muted);text-decoration:none}.tool .crumbs a:hover{color:var(--accent)}.tool .crumbs span{margin:0 7px;opacity:.5}.tool .page-hero h1{font-weight:800;font-size:clamp(30px,4.6vw,52px);color:var(--ink);margin-top:16px;letter-spacing:-.02em;line-height:1.1}.tool .page-hero h1 mark{background:linear-gradient(transparent 58%,#7c5cd647 58%);color:inherit;padding:0 .08em}.tool .page-hero>.wrap>p{font-size:16.5px;line-height:1.7;color:var(--muted);margin:18px auto 0;max-width:62ch}.tool .clouds{height:38px;background:radial-gradient(circle 22px at 22px 38px,#fff 0 22px,transparent 23px) 0 0/44px 38px repeat-x}.tool .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:26px;align-items:start;padding-top:44px}.tool .sticky{position:sticky;top:92px;display:grid;gap:26px}.tool .grid>*,.tool .sticky>*{min-width:0}@media (max-width: 980px){.tool .grid{grid-template-columns:minmax(0,1fr)}.tool .sticky{position:static}}.tool .panel{background:#fff;border:1px solid rgba(33,29,51,.07);border-radius:22px;padding:28px 30px;box-shadow:0 18px 50px -32px #211d3373}.tool .panel h2{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin:0 0 4px}.tool .sub{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 20px}.tool label{font-weight:600;font-size:13.5px;color:var(--ink)}.tool .seg{display:flex;gap:4px;background:var(--t-lav);border-radius:999px;padding:4px;margin:8px 0 18px}.tool .seg button{flex:1;border:0;background:transparent;color:var(--accent);font:600 13.5px Plus Jakarta Sans,system-ui,sans-serif;padding:9px 8px;cursor:pointer;border-radius:999px;transition:background .15s,color .15s}.tool .seg button:hover{background:#7c5cd61f}.tool .seg button[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:0 6px 16px -6px #7c5cd699}.tool .recipes{display:grid;gap:10px;margin-top:14px}.tool details.recipe{border:1px solid var(--t-line);border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}.tool details.recipe[data-on=true]{border-color:#7c5cd673;box-shadow:inset 4px 0 0 var(--accent),0 10px 26px -20px #7c5cd6cc}.tool details.recipe summary{list-style:none;display:flex;gap:11px;align-items:center;padding:13px 15px;cursor:pointer}.tool details.recipe summary::-webkit-details-marker{display:none}.tool details.recipe summary input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.tool .rname{font-weight:600;font-size:14.5px;color:var(--ink)}.tool .rtag{margin-left:auto;font-size:11px;font-weight:700;color:var(--accent);background:var(--t-lav);border-radius:999px;padding:3px 10px;white-space:nowrap}.tool .rbody{padding:0 15px 15px 44px;color:var(--muted);font-size:13.5px;line-height:1.65}.tool .rbody p{margin:0 0 10px}.tool .rbody label{display:block;margin-bottom:6px}.tool textarea,.tool input[type=text],.tool input[type=number]{width:100%;font:13.5px/1.5 var(--t-mono);color:var(--ink);background:var(--t-soft);border:1px solid var(--t-line);border-radius:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.tool textarea:focus,.tool input[type=text]:focus,.tool input[type=number]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cd626}.tool input[type=number]{width:92px}.tool select{font:500 13.5px Plus Jakarta Sans,system-ui,sans-serif;color:var(--ink);background:var(--t-soft);border:1px solid var(--t-line);border-radius:10px;padding:8px 10px}.tool .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.tool .check{display:flex;gap:9px;align-items:center;font-weight:500;font-size:13.5px;color:var(--ink);cursor:pointer}.tool .check input{accent-color:var(--accent);width:17px;height:17px;cursor:pointer}.tool .out{background:linear-gradient(140deg,var(--t-code-bg),#201a3c);color:var(--t-code-ink);border-radius:16px;padding:18px;font:14.5px/1.6 var(--t-mono);word-break:break-all;min-height:62px;white-space:pre-wrap}.tool .meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin:12px 0 14px}.tool .meta .bad{color:var(--t-err);font-weight:700}.tool .engine{font-size:12px;color:var(--muted)}.tool .btn{font:600 13.5px Plus Jakarta Sans,system-ui,sans-serif;border-radius:999px;padding:11px 22px;cursor:pointer;border:1px solid transparent;background:var(--accent);color:#fff;box-shadow:0 8px 20px -8px #7c5cd68c;transition:transform .15s,box-shadow .15s,background .15s,color .15s}.tool .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -8px #7c5cd6a6}.tool .btn.ghost{background:var(--t-lav);color:var(--accent);box-shadow:none}.tool .btn.ghost:hover{background:var(--accent);color:#fff;box-shadow:0 8px 20px -8px #7c5cd68c}.tool .path{font-size:13px;line-height:1.65;color:var(--ink);background:var(--t-soft);border-radius:12px;padding:12px 14px;margin-top:14px}.tool .path:empty{display:none}.tool .notes{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:13.5px;line-height:1.6}.tool .notes li{padding:4px 0 4px 14px;border-left:3px solid var(--t-warn);color:var(--t-warn)}.tool .notes li.err{border-color:var(--t-err);color:var(--t-err);font-weight:600}.tool .notes li.ok{border-color:var(--t-ok);color:var(--t-ok)}.tool .results{max-height:360px;overflow:auto;border:1px solid var(--t-line);border-radius:14px;margin-top:12px}.tool .results:empty{display:none}.tool .results div{font:13px/1.5 var(--t-mono);padding:8px 12px;border-bottom:1px solid var(--t-line);display:flex;gap:10px}.tool .results div:last-child{border-bottom:0}.tool .results .dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--t-line)}.tool .results .hit .dot{background:var(--t-ok)}.tool .results .hit{background:#7c5cd609}.tool .results mark{background:var(--t-lav);color:#5b3fb0;font-weight:600;border-radius:3px;padding:0 2px}.tool .results .m{margin-left:auto;flex:none;color:var(--muted);font-size:12px;text-align:right;white-space:nowrap;line-height:1.4}.tool .results .txt{min-width:0;overflow-wrap:anywhere}.tool .score{font-size:22px;font-weight:800;color:var(--accent);letter-spacing:-.01em}.tool .summary{margin-top:16px;overflow-x:auto}.tool .summary table{width:100%;border-collapse:collapse;font-size:13.5px}.tool .summary th,.tool .summary td{text-align:right;padding:9px 10px;border-bottom:1px solid var(--t-line);white-space:nowrap}.tool .summary th:first-child,.tool .summary td:first-child{text-align:left}.tool .summary thead th{font-weight:700;color:var(--muted);font-size:12.5px}.tool .summary tbody th{font-weight:600;color:var(--ink)}.tool .summary tbody td:nth-child(2){font-weight:700;color:var(--accent)}.tool .insight{margin:14px 0 0;font-size:14px;line-height:1.7;color:var(--ink)}.tool .insight strong{background:linear-gradient(transparent 60%,#7c5cd647 60%);font-weight:700}.tool .share{display:grid;gap:7px;margin-top:14px;font-size:12.5px;color:var(--muted)}.tool .bar{height:8px;background:var(--t-lav);border-radius:999px;overflow:hidden}.tool .bar span{display:block;height:100%;background:var(--accent);border-radius:999px}.tool .muted{color:var(--muted);font-size:12.5px;line-height:1.65;margin-top:10px}.tool .explain{display:grid;gap:0;margin-top:16px;border:1px solid var(--t-line);border-radius:14px;overflow:hidden}.tool .explain:empty{display:none}.tool .explain div{display:grid;grid-template-columns:minmax(96px,28%) 1fr;gap:14px;padding:10px 14px;border-bottom:1px solid var(--t-line);font-size:13.5px;line-height:1.6}.tool .explain div:nth-child(odd){background:var(--t-soft)}.tool .explain div:last-child{border-bottom:0}.tool .explain code{font-family:var(--t-mono);color:var(--accent);font-weight:600;word-break:break-all}.tool .explain span{color:var(--muted)}.tool .explain .bad code,.tool .explain .bad span{color:var(--t-err)}.tool .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--t-code-bg);color:#fff;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;opacity:0;transition:opacity .2s;pointer-events:none;z-index:100;box-shadow:0 16px 40px -14px #211d33b3}.tool .toast.show{opacity:1}@media (prefers-reduced-motion: reduce){.tool .toast{transition:none}}.tool .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tool .prose{max-width:74ch;margin:64px auto 0}.tool .prose h2{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em;margin:44px 0 14px;line-height:1.25}.tool .prose h3{font-size:17px;font-weight:700;color:var(--ink);margin:26px 0 8px}.tool .prose p{font-size:15.5px;line-height:1.8;color:var(--muted);margin:0 0 14px}.tool .prose ol,.tool .prose ul{margin:0 0 16px;padding-left:22px}.tool .prose li{font-size:15.5px;line-height:1.8;color:var(--muted);margin-bottom:8px}.tool .prose code{font-family:var(--t-mono);font-size:13.5px;background:var(--t-lav);color:#5b3fb0;padding:2px 7px;border-radius:6px}.tool .faq-item{border-bottom:1px solid var(--t-line);padding:18px 0}.tool .faq-item:last-child{border-bottom:0}.tool .faq-item h3{margin:0 0 8px}.tool .faq-item p{margin:0}.tool .closing{padding-bottom:80px}@media (max-width: 600px){.tool .wrap{padding:0 16px}.tool .panel{padding:22px 18px;border-radius:18px}.tool .rbody{padding-left:15px}.tool .explain div{grid-template-columns:1fr;gap:4px}}