.tool-page{--tool-bg:#fff;--tool-bg-alt:#fafafa;--tool-border:#e5e7eb;--tool-text:#111827;--tool-muted:#6b7280;--tool-body:#374151;--tool-prim:#6366f1;--tool-prim2:#4f46e5;--tool-ok:#10b981;--tool-warn:#f59e0b;--tool-bad:#ef4444;color:var(--tool-text);background:var(--tool-bg)}.tool-page .feature-breadcrumb{padding:22px 16px 0}.tool-hero{text-align:center;background:radial-gradient(circle at 20% 0,rgba(99,102,241,.06),transparent 50%),radial-gradient(circle at 80% 30%,rgba(139,92,246,.05),transparent 50%);padding:48px 16px 32px}.tool-hero-eyebrow{color:var(--tool-prim2);background:rgba(99,102,241,.1);border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.tool-hero h1{letter-spacing:-.01em;margin:0 0 14px;font-size:max(28px,min(4vw,42px));font-weight:800}.tool-hero p{color:var(--tool-body);max-width:720px;margin:0 auto 4px;font-size:16px;line-height:1.6}.tool-hero .tool-hero-microcopy{color:var(--tool-muted);margin-top:10px;font-size:13px}.tool-widget{max-width:1100px;margin:28px auto 0;padding:24px 16px 0}.tool-widget-card{border:1px solid var(--tool-border);background:#fff;border-radius:14px;padding:22px;box-shadow:0 6px 20px rgba(99,102,241,.05)}.tool-grid-2{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (max-width:820px){.tool-grid-2{grid-template-columns:1fr}}.tool-label{color:var(--tool-text);margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.tool-helper{color:var(--tool-muted);margin:4px 0 12px;font-size:12.5px}.tool-input,.tool-textarea,.tool-select{width:100%;color:var(--tool-text);border:1px solid var(--tool-border);background:#fff;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.tool-input:focus,.tool-textarea:focus,.tool-select:focus{border-color:var(--tool-prim);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.tool-textarea{resize:vertical;min-height:140px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5}.tool-drop{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #cbd5e1;border-radius:10px;padding:32px 16px;transition:border-color .15s,background .15s}.tool-drop:hover,.tool-drop.is-active{border-color:var(--tool-prim);background:rgba(99,102,241,.04)}.tool-drop p{color:var(--tool-muted);margin:6px 0 0;font-size:13.5px}.tool-drop input[type=file]{display:none}.tool-btn-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.tool-btn-primary,.tool-btn-secondary,.tool-btn-tertiary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.tool-btn-primary{background:var(--tool-prim);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.tool-btn-primary:hover:not(:disabled){background:var(--tool-prim2);transform:translateY(-1px)}.tool-btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e1}.tool-btn-secondary{color:var(--tool-text);border:1px solid var(--tool-border);background:#fff}.tool-btn-secondary:hover{border-color:var(--tool-prim);color:var(--tool-prim)}.tool-btn-tertiary{color:var(--tool-muted);background:0 0;padding:6px 10px;font-size:13px}.tool-btn-tertiary:hover{color:var(--tool-prim)}.tool-result{color:var(--tool-body);background:#f3f4f6;border-radius:10px;margin-top:18px;padding:14px 18px;font-size:14px}.tool-result-success{color:#065f46;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25)}.tool-result-warn{color:#92400e;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25)}.tool-result-error{color:#991b1b;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25)}.tool-stat{border:1px solid var(--tool-border);background:#fff;border-radius:8px;flex-direction:column;min-width:100px;margin-bottom:8px;margin-right:8px;padding:8px 14px;display:inline-flex}.tool-stat dt{letter-spacing:.05em;text-transform:uppercase;color:var(--tool-muted);font-size:11px;font-weight:600}.tool-stat dd{color:var(--tool-text);margin:2px 0 0;font-size:18px;font-weight:700}.tool-bar-row{align-items:center;gap:12px;margin-bottom:6px;font-size:13px;display:flex}.tool-bar-label{color:var(--tool-text);flex:0 0 140px;font-weight:600}.tool-bar-track{background:#f3f4f6;border-radius:7px;flex:1;height:14px;position:relative;overflow:hidden}.tool-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .3s}.tool-bar-fill-warn{background:linear-gradient(90deg,#f59e0b,#ef4444)}.tool-bar-count{color:var(--tool-muted);text-align:right;flex:0 0 90px;font-family:ui-monospace,monospace;font-size:12.5px}.tool-canvas-wrap{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.tool-canvas-item{text-align:center;background:#f3f4f6;border-radius:8px;padding:8px}.tool-canvas-item canvas,.tool-canvas-item img{border-radius:6px;max-width:100%;height:auto}.tool-canvas-item .tool-canvas-label{color:var(--tool-muted);margin-top:6px;font-size:12px;font-weight:600;display:block}.tool-section{padding:56px 16px}.tool-section-alt{background:var(--tool-bg-alt);border-top:1px solid var(--tool-border);border-bottom:1px solid var(--tool-border)}.tool-section h2{letter-spacing:-.01em;text-align:center;max-width:1180px;margin:0 auto 16px;font-size:max(22px,min(3vw,30px));font-weight:700}.tool-section-body{max-width:820px;color:var(--tool-body);margin:0 auto;font-size:15.5px;line-height:1.65}.tool-section-body p{margin:0 0 14px}.tool-section-body code{background:#f3f4f6;border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.tool-cta-strip{text-align:center;color:#fff;background:linear-gradient(140deg,#0f172a 0%,#1e1b4b 100%);padding:44px 16px 52px}.tool-cta-strip h2{margin:0 0 10px;font-size:max(24px,min(3.5vw,32px));font-weight:800}.tool-cta-strip p{color:rgba(255,255,255,.78);max-width:620px;margin:0 auto 18px}.tool-cta-strip-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:inline-flex}.tool-cta-strip a.tool-btn-primary{color:var(--tool-text);background:#fff}.tool-cta-strip a.tool-btn-primary:hover{background:rgba(255,255,255,.92)}.tool-cta-strip a.tool-btn-secondary{color:#fff;background:0 0;border-color:rgba(255,255,255,.3)}.tool-cta-strip a.tool-btn-secondary:hover{background:rgba(255,255,255,.08);border-color:#fff}[data-theme=dark] .tool-page{--tool-bg:#0b0d10;--tool-bg-alt:#111317;--tool-border:#2a2d35;--tool-text:#f3f4f6;--tool-muted:#a8abb2;--tool-body:#d8dade}[data-theme=dark] .tool-widget-card,[data-theme=dark] .tool-stat,[data-theme=dark] .tool-input,[data-theme=dark] .tool-textarea,[data-theme=dark] .tool-select{color:#f3f4f6;background:#131418}[data-theme=dark] .tool-drop{background:#131418;border-color:#2a2d35}[data-theme=dark] .tool-drop:hover,[data-theme=dark] .tool-drop.is-active{background:rgba(99,102,241,.1)}[data-theme=dark] .tool-result{color:#f3f4f6;background:#1f2937}[data-theme=dark] .tool-result-success{color:#6ee7b7;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35)}[data-theme=dark] .tool-result-warn{color:#fcd34d;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35)}[data-theme=dark] .tool-result-error{color:#fca5a5;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}[data-theme=dark] .tool-bar-track,[data-theme=dark] .tool-canvas-item{background:#1f2937}[data-theme=dark] .tool-section-body code{color:#f3f4f6;background:#1f2937}[data-theme=dark] .tool-btn-secondary{color:#f3f4f6;border-color:var(--tool-border);background:#131418}[data-theme=dark] .tool-btn-secondary:hover{color:#a5b4fc;border-color:#a5b4fc}[data-theme=dark] .tool-btn-primary:disabled{color:#71757e;background:#2a2d35}[data-theme=dark] .tool-cta-strip a.tool-btn-primary{color:#111827;background:#f3f4f6}[data-theme=dark] .tool-cta-strip a.tool-btn-primary:hover{background:#fff}