.tools-shell{max-width:1100px;padding-bottom:70px}.tools-hero{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:54px 0 30px;border-bottom:1px solid var(--docs-line)}.tools-hero h1{margin:0;font-size:clamp(40px,6.6vw,70px);line-height:.98;letter-spacing:-.065em}.tools-hero h1 span{color:#f3b849}.tools-hero .docs-lede{max-width:630px;margin:17px 0 0;font-size:15px}.tools-privacy{display:flex;align-items:center;gap:10px;min-width:228px;padding:13px;border:1px solid rgba(16,185,129,.22);border-radius:7px;background:rgba(16,185,129,.035)}.tools-led{width:7px;height:7px;flex:none;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.1)}.tools-privacy b,.tools-privacy span{display:block}.tools-privacy b{font:12px "JetBrains Mono",ui-monospace,monospace;color:#9ce5c9}.tools-privacy div>span{margin-top:4px;color:var(--docs-dim);font:12px "JetBrains Mono",ui-monospace,monospace}.tools-privacy-code{margin-left:auto;color:var(--docs-dim);font:12px "JetBrains Mono",ui-monospace,monospace}.tool-tabs{display:flex;gap:6px;overflow-x:auto;margin:17px 0;padding:5px;border:1px solid var(--docs-line);border-radius:7px;background:rgba(13,14,18,.72);scrollbar-width:thin}.tool-tabs button{min-height:40px;padding:0 13px;border:1px solid transparent;border-radius:4px;color:var(--docs-muted);background:transparent;font-size:13px;white-space:nowrap;cursor:pointer}.tool-tabs button[aria-selected="true"]{border-color:rgba(245,158,11,.36);color:#f7c86d;background:rgba(245,158,11,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.tool-tabs button:focus-visible,.tool-actions button:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.tool-panel{padding:22px;border:1px solid var(--docs-line);border-radius:9px;background:linear-gradient(145deg,rgba(245,158,11,.035),transparent 48%),rgba(13,14,18,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 36px rgba(0,0,0,.14)}.tool-panel[hidden]{display:none}.tool-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:19px}.tool-panel-head .page-eyebrow{margin:0 0 7px;color:var(--docs-amber);font:12px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em}.tool-panel-head h2{margin:0;font-size:25px;letter-spacing:-.045em}.tool-panel-head p:not(.page-eyebrow){margin:6px 0 0;color:var(--docs-muted);font-size:13px;line-height:1.6}.tool-panel-head>span{padding:6px 8px;border:1px solid var(--docs-line);border-radius:4px;color:var(--docs-dim);font:12px "JetBrains Mono",ui-monospace,monospace;white-space:nowrap}.tool-panel>label,.contrast-inputs label{display:grid;gap:7px;margin:0 0 7px;color:var(--docs-muted);font-size:13px}.tool-panel textarea,.tool-panel input[type="text"]{display:block;width:100%;min-height:180px;max-height:440px;resize:vertical;padding:12px;border:1px solid var(--docs-line);border-radius:5px;color:#eceef2;background:#08090c;font:13px/1.65 "JetBrains Mono",ui-monospace,monospace;tab-size:2}.tool-panel input[type="text"]{min-height:45px}.tool-panel textarea:focus,.tool-panel input:focus-visible{outline:2px solid rgba(245,158,11,.65);outline-offset:2px}.tool-actions{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.tool-actions button{min-height:40px;padding:0 12px;border:1px solid var(--docs-line);border-radius:5px;color:var(--docs-ink);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#12141a;font-size:13px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.tool-actions button:hover{border-color:rgba(245,158,11,.4);background-color:#191a1f;transform:translateY(-1px)}.tool-actions .tool-primary{border-color:rgba(245,158,11,.45);color:#201506;background:linear-gradient(180deg,#ffd27a,#f4aa24);font-weight:700}.tool-actions .tool-primary:hover{background:linear-gradient(180deg,#ffdc96,#f5b23b)}.tool-output{min-height:52px;max-height:260px;overflow:auto;margin:0;padding:12px;border:1px solid var(--docs-faint);border-radius:5px;color:#d2d6de;background:rgba(5,6,8,.72);font:13px/1.6 "JetBrains Mono",ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.tool-output-short{font-size:16px}.tool-status{min-height:20px;margin:8px 0 0;color:var(--docs-dim);font-size:13px;line-height:1.5}.tool-status[data-state="error"]{color:#ffaaa0}.contrast-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contrast-inputs label{padding:11px;border:1px solid var(--docs-faint);border-radius:6px;background:rgba(6,7,10,.6)}.contrast-inputs input{width:100%;height:42px;border:0;border-radius:4px;background:transparent;cursor:pointer}.contrast-preview{display:grid;gap:5px;margin-top:13px;padding:18px;border:1px solid var(--docs-line);border-radius:6px;font-size:17px}.contrast-preview span{font-size:13px}.contrast-result{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;align-items:center;margin-top:12px;padding:13px;border:1px solid var(--docs-faint);border-radius:6px}.contrast-result>span{color:var(--docs-dim);font:12px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em}.contrast-result>strong{font:20px "JetBrains Mono",ui-monospace,monospace}.contrast-result>div{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.contrast-result>div span{padding:6px 8px;border:1px solid var(--docs-line);border-radius:4px;font:12px "JetBrains Mono",ui-monospace,monospace}.contrast-pass{color:#72ddb6;background:rgba(16,185,129,.07)}.contrast-fail{color:#ff9e96;background:rgba(239,68,68,.07)}.tools-disclosure{margin-top:14px;padding:14px;border-left:2px solid var(--docs-amber);background:rgba(245,158,11,.035)}.tools-disclosure b{font-size:13px}.tools-disclosure p{margin:5px 0 0;color:var(--docs-muted);font-size:13px;line-height:1.55}@media(max-width:760px){.tools-hero{align-items:flex-start;flex-direction:column;padding-top:37px}.tools-privacy{width:100%}.tool-panel{padding:15px}.tool-panel-head{flex-direction:column}.tool-panel-head>span{align-self:flex-start}}@media(max-width:480px){.contrast-inputs{grid-template-columns:1fr}.tool-actions button{flex:1 1 calc(50% - 7px);padding:0 8px}.tool-actions .tool-copy{flex-basis:100%}.tool-panel-head h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.tool-actions button{transition:none}.tool-actions button:hover{transform:none}}
@media(max-width:760px){.tool-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.tool-tabs button{min-width:0;padding:0 4px;font-size:12px}}
.tool-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.markdown-preview{min-height:110px;max-height:420px;overflow:auto;margin-top:12px;padding:16px;border:1px solid var(--docs-line);border-radius:5px;color:var(--docs-ink);background:rgba(5,6,8,.72);line-height:1.65}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{letter-spacing:-.03em}.markdown-preview blockquote{margin:10px 0;padding:4px 12px;border-left:2px solid var(--docs-amber);color:var(--docs-muted)}.markdown-preview code,.markdown-preview pre{font:13px/1.6 "JetBrains Mono",ui-monospace,monospace}.markdown-preview code{padding:2px 4px;border:1px solid var(--docs-faint);border-radius:3px;background:rgba(255,255,255,.035)}.markdown-preview pre{overflow:auto;padding:12px;border:1px solid var(--docs-faint);border-radius:4px;background:#08090c}.markdown-preview pre code{padding:0;border:0;background:transparent}.diff-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diff-inputs label{display:grid;gap:7px;color:var(--docs-muted);font-size:13px}.diff-inputs textarea{width:100%;min-height:130px;max-height:300px;resize:vertical;padding:12px;border:1px solid var(--docs-line);border-radius:5px;color:#eceef2;background:#08090c;font:13px/1.6 "JetBrains Mono",ui-monospace,monospace}.diff-output{max-height:340px;overflow:auto;border:1px solid var(--docs-faint);border-radius:5px;background:#08090c;font:13px/1.7 "JetBrains Mono",ui-monospace,monospace}.diff-line{display:grid;grid-template-columns:24px minmax(0,1fr);padding:1px 9px}.diff-line code{overflow-wrap:anywhere;white-space:pre-wrap}.diff-add{color:#a5e6ca;background:rgba(16,185,129,.08)}.diff-remove{color:#ffaaa0;background:rgba(239,120,111,.08)}.tool-panel input[type=number]{width:min(100%,220px);min-height:42px;padding:8px 10px;border:1px solid var(--docs-line);border-radius:5px;color:var(--docs-ink);background:#08090c;font:14px "JetBrains Mono",ui-monospace,monospace}.tool-panel .tool-check-label{display:flex;align-items:center;gap:9px;margin:11px 0;color:var(--docs-muted)}.tool-check-label input{width:16px;height:16px;accent-color:#f59e0b}@media(max-width:760px){.tool-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-tabs button{min-width:0;padding:0 4px;font-size:12px}.diff-inputs{grid-template-columns:1fr}.diff-inputs textarea{min-height:110px}}
