.sp-tool{border:var(--border);background:var(--surface);border-radius:var(--radius-md);padding:var(--sp-5);margin:var(--sp-5) 0}.sp-tool[hidden],.sp-tool [hidden]{display:none}.sp-tool__top{gap:var(--sp-3);flex-wrap:wrap;align-items:flex-end;display:flex}.sp-tool__buttons{gap:var(--sp-3);margin:var(--sp-3) 0;flex-wrap:wrap;align-items:center;display:flex}.toolpage .sp-tool__note{color:var(--muted);margin:var(--sp-2) 0;font-size:13px}.toolpage .sp-tool__h{margin:var(--sp-5) 0 var(--sp-2);font-size:18px}.toolpage .sp-tool__h4{margin:var(--sp-4) 0 var(--sp-2)}.sp-import{border:1px solid var(--inactive);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-3)}.sp-import summary,.sp-group summary{cursor:pointer;color:var(--ink);font-weight:600}.sp-import summary:focus-visible,.sp-group summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sp-import textarea,.sp-tool textarea{font-family:var(--font-mono);resize:vertical;font-size:13px;line-height:1.5}.sp-report ul,.sp-warn,.sp-diff{margin:var(--sp-2) 0;padding-left:1.2em}.sp-report li,.sp-warn li,.sp-diff li{margin-bottom:4px;font-size:14px!important}.sp-report .sp-report__sum{color:var(--ink);font-size:15px}.sp-warn li{color:var(--accent)}.sp-group{border-top:1px solid var(--line);padding:var(--sp-3) 0}.sp-group[hidden]{display:none}.sp-ed{padding:var(--sp-3) 0;border-bottom:1px dotted var(--line);grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.sp-ed[hidden]{display:none}.sp-ed__label{font-size:14px}.sp-ed__ctl{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.sp-ed input,.sp-ed select,.sp-ed textarea{background:var(--bg);color:var(--ink);border:1px solid var(--inactive);border-radius:var(--radius-sm);font:14px var(--font-mono);box-sizing:border-box;flex:200px;min-width:0;max-width:100%;padding:8px 10px}.sp-ed input:focus,.sp-ed select:focus,.sp-ed textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.sp-ed input[aria-invalid=true],.sp-ed select[aria-invalid=true],.sp-ed textarea[aria-invalid=true]{border-color:var(--problem)}.sp-ed.is-changed input,.sp-ed.is-changed select,.sp-ed.is-changed textarea{border-color:var(--accent)}.sp-ed__meta{color:var(--muted);gap:var(--sp-3);flex-wrap:wrap;font-size:12px;display:flex}.sp-ed__reset{border:1px solid var(--inactive);color:var(--text-2);border-radius:var(--radius-sm);font:13px var(--font-display);cursor:pointer;background:0 0;padding:6px 10px}.sp-ed__reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sp-ed__msg{margin:0;font-size:13px!important}.sp-ed__msg span{display:block}.toolpage .sp-ed__msg--err{color:var(--problem)}.toolpage .sp-ed__msg--warn{color:var(--accent)}.sp-status{font-family:var(--font-mono);color:var(--ink)!important;font-size:14px!important}.sp-check{gap:var(--sp-2);color:var(--text-2);margin:var(--sp-2) 0;align-items:center;font-size:15px;display:flex}.sp-check input{width:18px;height:18px}.sp-copied{color:var(--ok);font-size:14px}.sp-copied.sp-err{color:var(--problem)}.sp-diff .sp-why{color:var(--muted);font-size:13px;display:block}.sp-tool button:disabled{opacity:.5;cursor:not-allowed}.sp-tool .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolpage__inner{max-width:760px}.toolpage--wide .toolpage__inner{max-width:900px}.toolpage h1{letter-spacing:-.03em;font-size:clamp(30px,5vw,48px);line-height:1.08}.toolpage__lead{margin:var(--sp-3) 0;color:var(--ink);font-size:17px}.toolpage__edition{color:var(--muted);margin:0 0 var(--sp-3);font-size:13px}.toolpage h2{margin:var(--sp-7) 0 var(--sp-3);color:var(--ink);font-size:24px}.toolpage h3{margin:var(--sp-4) 0 6px;color:var(--ink);font-size:17px}.toolpage h4{margin:var(--sp-3) 0 4px;color:var(--muted);font-size:14px;font-weight:600}.toolpage p,.toolpage li{color:var(--text-2);font-size:16px;line-height:1.6}.toolpage p{margin:0 0 var(--sp-3)}.toolpage a{color:var(--accent)}.toolpage code{font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;font-size:.92em}.toolpage__small{color:var(--muted)!important;font-size:13px!important}.toolpage__sources{color:var(--muted);padding-left:1.2em;font-size:13px}.toolpage__legal{color:var(--muted)!important;font-size:13px!important}.sp-field{color:var(--muted);flex-direction:column;flex:160px;gap:4px;font-size:13px;display:flex}.sp-field--wide{flex-basis:100%}.sp-field input,.sp-field select,.sp-field textarea{background:var(--bg);color:var(--ink);border:1px solid var(--inactive);border-radius:var(--radius-sm);font:15px var(--font-mono);box-sizing:border-box;width:100%;min-width:0;padding:10px 12px}.sp-field input:focus,.sp-field select:focus,.sp-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.sp-filters{gap:var(--sp-3);margin:var(--sp-4) 0;flex-wrap:wrap;align-items:flex-end;display:flex}.sp-filters[hidden],.sp-item[hidden],.sp-empty[hidden]{display:none}.sp-count{color:var(--muted);font-size:13px;margin:0 0 var(--sp-3)!important}.sp-list{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.sp-item{border:var(--border);background:var(--surface);border-radius:var(--radius-md);padding:var(--sp-4);scroll-margin-top:80px}.toolpage .sp-key{margin:0 0 6px;font-size:18px}.sp-tags{flex-wrap:wrap;gap:6px;display:flex;margin:0 0 var(--sp-2)!important;font-size:12px!important}.sp-tags span{border:1px solid var(--inactive);border-radius:var(--radius-sm);color:var(--muted);padding:1px 8px}.sp-tags .sp-tag--inf{color:var(--accent);border-color:var(--accent)}.sp-tags .sp-tag--warn{color:var(--problem);border-color:var(--problem)}.sp-meta{gap:6px var(--sp-3);margin:var(--sp-2) 0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));font-size:13px;display:grid}.sp-meta div{min-width:0}.sp-meta dt{color:var(--muted);font-size:12px}.sp-meta dd{color:var(--ink);overflow-wrap:anywhere;margin:0}.toolpage .sp-desc{margin:0 0 6px}.toolpage .sp-friends{color:var(--muted);margin:0 0 4px;font-size:14px}.sp-empty{color:var(--muted)}.sp-removed{padding-left:1.2em}.sp-preset{border:var(--border);border-radius:var(--radius-md);padding:var(--sp-4);margin:var(--sp-3) 0;background:var(--surface)}.sp-preset h3{margin-top:0}.sp-preset ul{margin:0 0 var(--sp-2);padding-left:1.2em}.sp-preset li{margin-bottom:6px}.toolpage .sp-caution{border-left:3px solid var(--accent);padding-left:var(--sp-3);color:var(--ink)}
