.tool-page{--brand-600: var(--color-brand-600);--brand-700: var(--color-brand-700);--brand-500: var(--color-brand-500);--brand-50: var(--color-brand-50);--ink: #1f2937;--muted: #6b7280;--surface: #ffffff;--bg: #f4f6f8;--hl-bg: #fef3c7;--hl-ink: #92400e;--radius: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 14px rgba(0, 0, 0, .05);flex:1;background:var(--bg);color:var(--ink);line-height:1.75;font-size:16px}.tool-page .wrap{max-width:1080px;margin:0 auto;padding:0 20px}.tool-page .crumbs{font-size:.82rem;color:var(--muted);padding:18px 0 0}.tool-page .crumbs a{color:var(--muted);text-decoration:none}.tool-page .crumbs a:hover{color:var(--brand-600)}.tool-page .crumbs b{color:var(--ink);font-weight:600}.tool-page .tool-tabs{display:flex;gap:8px;overflow-x:auto;padding:14px 0 4px;-webkit-overflow-scrolling:touch}.tool-page .ttab{flex:0 0 auto;border:1px solid #dde4e2;background:#fff;border-radius:99px;padding:6px 16px;font-size:.88rem;color:var(--ink);white-space:nowrap;text-decoration:none}.tool-page .ttab:hover{border-color:var(--brand-600);color:var(--brand-600)}.tool-page .ttab.on{background:var(--brand-600);border-color:var(--brand-600);color:#fff;font-weight:700}.tool-page .tool-head{margin:14px 0 12px}.tool-page .tool-head h1{font-size:1.5rem;font-weight:800;margin:0;color:var(--ink)}.tool-page .tool-head p{color:var(--muted);font-size:.92rem;margin:4px 0 0}.tool-page .demo-banner{background:var(--hl-bg);color:var(--hl-ink);border-radius:10px;padding:10px 16px;font-size:.88rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.tool-page .demo-banner a{font-weight:700;color:var(--hl-ink);text-decoration:none;white-space:nowrap}.tool-page .demo-banner a:hover{text-decoration:underline}.tool-page .tool-legend{margin-bottom:16px}.tool-page .tool-mount{margin-bottom:24px}.tool-page .tool-mount>.legend,.tool-page .tool-mount>.re-note,.tool-page .tool-mount>footer{display:none!important}.tool-page .related{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:60px}.tool-page .related h3{font-size:.95rem;font-weight:700;margin:0 0 10px}.tool-page .related a{display:inline-flex;align-items:center;gap:6px;border:1px solid #dde4e2;border-radius:99px;padding:5px 14px;font-size:.85rem;margin:0 8px 8px 0;color:var(--ink);text-decoration:none}.tool-page .related a:hover{border-color:var(--brand-600);color:var(--brand-600)}