:root{--tool-primary:#dc2626;--tool-primary-dark:#b91c1c;--tool-gradient:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);--tool-light:#fef2f2}[data-theme="dark"]{--tool-light:rgba(220,38,38,0.15)}.bp-mode-toggle{display:inline-flex;gap:2px;background:var(--ms-panel-bg-soft,var(--bg-secondary));padding:3px;border-radius:var(--ms-radius-pill,999px);border:1px solid var(--ms-line,var(--border))}.bp-mode-btn{padding:5px 14px;font-weight:600;font-size:12px;border:none;cursor:pointer;background:transparent;color:var(--ms-muted,var(--text-secondary));border-radius:var(--ms-radius-pill,999px);transition:color 0.15s,background 0.15s;font-family:var(--ms-font-sans,var(--font-sans));white-space:nowrap}.bp-mode-btn.active{background:var(--ms-panel-bg,var(--bg-primary));color:var(--ms-accent,var(--tool-primary));box-shadow:var(--ms-shadow-sm,0 1px 3px rgba(0,0,0,0.08))}.bp-mode-btn:hover:not(.active){color:var(--ms-ink,var(--text-primary))}[data-theme="dark"] .bp-mode-btn.active{background:var(--ms-panel-bg);color:var(--ms-accent)}.ic-hero--compact{padding:1.1rem 1.25rem 1rem}.ic-hero--compact .ic-hero-top{margin-bottom:0.75rem}.bp-hero-core{display:flex;flex-direction:column;gap:0.55rem;max-width:36rem}.bp-field-label{display:block;font:600 0.72rem var(--ms-font-sans,var(--font-sans));text-transform:uppercase;letter-spacing:0.05em;color:var(--ms-muted,var(--text-muted));margin-bottom:0.3rem}.bp-main-input,.ic-hero--compact .tool-input{width:100%;padding:0.55rem 0.75rem;font-size:0.9rem}.bp-zpk-grid{display:grid;grid-template-columns:1fr 1fr minmax(4.5rem,5.5rem);gap:0.5rem;align-items:end}@media (max-width:520px){.bp-zpk-grid{grid-template-columns:1fr 1fr}.bp-zpk-field--gain{grid-column:1/-1;max-width:6rem}}.bp-zpk-field{min-width:0}.bp-preview-strip{display:flex;align-items:center;gap:0.55rem;padding:0.45rem 0.65rem;background:var(--ms-accent-softer,rgba(21,128,61,0.04));border-left:3px solid var(--ms-accent,var(--tool-primary));border-radius:0 var(--ms-radius-sm,6px) var(--ms-radius-sm,6px)0;min-height:2rem;overflow:hidden}.bp-preview-label{flex-shrink:0;font:600 0.65rem var(--ms-font-sans,var(--font-sans));text-transform:uppercase;letter-spacing:0.05em;color:var(--ms-muted,var(--text-muted))}.bp-preview{flex:1;min-width:0;overflow-x:auto;font-size:0.92rem;line-height:1.2}.bp-preview .katex-display{margin:0;font-size:0.95em}.bp-preview-placeholder{color:var(--ms-muted,var(--text-muted));font-size:0.78rem}.bp-hero-cta-row{margin-top:0.15rem;gap:0.45rem}.bp-hero-cta-row .ic-hero-cta{flex:1 1 auto;min-width:0;padding:0.55rem 1rem;font-size:0.875rem}.ic-hero--compact .ic-hero-methods{margin-top:0.75rem;padding-top:0.65rem;max-width:36rem}.ic-hero--compact .ic-hero-methods-body{padding:0.65rem 0.75rem}.bp-examples-body .bp-examples{gap:0.3rem}.bp-syntax-body{font-size:0.78rem;line-height:1.55;color:var(--ms-muted,var(--text-secondary))}.bp-syntax-body code{background:var(--ms-panel-bg-soft);padding:1px 4px;border-radius:3px;font-size:0.76rem}.bp-examples{display:flex;flex-wrap:wrap;gap:0.375rem}.bp-example-chip{padding:0.3rem 0.625rem;font-size:0.75rem;font-family:var(--font-mono);background:var(--bg-secondary,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-full,9999px);cursor:pointer;transition:all 0.15s;color:var(--text-secondary);white-space:nowrap}.bp-example-chip:hover{background:var(--tool-primary);color:#fff;border-color:var(--tool-primary)}[data-theme="dark"] .bp-example-chip{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}[data-theme="dark"] .bp-example-chip:hover{background:var(--tool-primary);color:#fff}.bp-tf-table{width:100%;border-collapse:collapse;font-size:0.8125rem;margin-top:0.5rem}.bp-tf-table th{background:var(--tool-light);color:var(--tool-primary);font-weight:600;padding:0.5rem 0.625rem;text-align:left;border-bottom:1.5px solid var(--border);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.03em}.bp-tf-table td{padding:0.4375rem 0.625rem;border-bottom:1px solid var(--border-light,#f1f5f9);color:var(--text-secondary);vertical-align:middle}.bp-tf-table tr:last-child td{border-bottom:none}[data-theme="dark"] .bp-tf-table th{background:var(--tool-light)}[data-theme="dark"] .bp-tf-table td{border-bottom-color:var(--border)}.ic-result-card #bp-panel-result .tool-result-card{flex:1;border:none;box-shadow:none}.ic-result-card .bp-result-math{padding:1.5rem 0 0;overflow-x:auto;max-width:100%;text-align:center}.bp-result-math .katex-display{margin:0.5rem 0;overflow-x:auto;overflow-y:hidden}.bp-result-label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:0.25rem}.bp-result-main{font-size:1.3rem;padding:1rem 0}.bp-info-badge{display:inline-flex;align-items:center;gap:0.375rem;padding:0.3rem 0.75rem;background:var(--tool-light);color:var(--tool-primary);border-radius:9999px;font-size:0.75rem;font-weight:600;margin-top:0.5rem;margin-right:0.375rem}.bp-result-detail{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:0.75rem 1rem;margin-top:0.75rem;font-size:0.8125rem;color:var(--text-secondary)}[data-theme="dark"] .bp-result-detail{background:var(--bg-tertiary);border-color:var(--border)}.bp-method-badge{display:inline-block;background:var(--tool-light);color:var(--tool-primary);padding:0.2rem 0.625rem;border-radius:9999px;font-size:0.6875rem;font-weight:600}.bp-error{background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-md);padding:1.25rem;color:#92400e}.bp-error h4{margin:0 0 0.5rem;font-size:0.9375rem;font-weight:700}.bp-error ul{margin:0.5rem 0 0;padding-left:1.25rem;font-size:0.8125rem;line-height:1.7}[data-theme="dark"] .bp-error{background:rgba(251,191,36,0.15);border-color:rgba(251,191,36,0.3);color:#fbbf24}.bp-steps-btn{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;font-size:0.8125rem;font-weight:600;font-family:var(--font-sans);border:1.5px solid var(--tool-primary);border-radius:var(--radius-full);background:transparent;color:var(--tool-primary);cursor:pointer;transition:all 0.15s;margin-top:0.75rem}.bp-steps-btn:hover{background:var(--tool-primary);color:#fff}.bp-steps-container{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.bp-steps-header{display:flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;background:var(--tool-light);border-bottom:1px solid var(--border);font-size:0.8125rem;font-weight:600;color:var(--tool-primary)}.bp-step{padding:0.75rem 1rem;border-bottom:1px solid var(--border-light);display:flex;gap:0.75rem;align-items:flex-start}.bp-step:last-child{border-bottom:none}.bp-step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--tool-gradient);color:#fff;font-size:0.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center}.bp-step-body{flex:1;min-width:0}.bp-step-title{font-size:0.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:0.25rem}.bp-step-math{font-size:1rem;overflow-x:auto;overflow-y:hidden}.bp-step-math .katex-display{margin:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:inline-block;min-width:min-content}.bp-steps-sympy-badge{font-size:0.625rem;font-weight:500;padding:0.125rem 0.5rem;border-radius:9999px;background:var(--bg-secondary);color:var(--text-muted);margin-left:auto}[data-theme="dark"] .bp-steps-container{border-color:var(--border)}[data-theme="dark"] .bp-steps-header{background:var(--tool-light);border-bottom-color:var(--border)}[data-theme="dark"] .bp-step{border-bottom-color:var(--border)}#bp-graph-container{width:100%;min-height:500px;border-radius:var(--radius-md)}#bp-panel-graph{min-height:540px}#bp-panel-python{min-height:540px}#bp-panel-result .tool-result-card{flex:1}.bp-random-btn{flex:0 0 auto;width:2.5rem;height:2.5rem;padding:0;font-size:1rem;line-height:1;border:1.5px solid var(--ms-line-strong,var(--border));border-radius:var(--ms-radius-pill,999px);background:var(--ms-panel-bg,var(--bg-primary));color:var(--ms-ink-soft,var(--text-secondary));cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;display:inline-flex;align-items:center;justify-content:center}.bp-random-btn:hover{border-color:var(--tool-primary);color:var(--tool-primary);background:var(--tool-light)}[data-theme="dark"] .bp-random-btn{background:var(--ms-panel-bg-soft);border-color:var(--ms-line)}[data-theme="dark"] .bp-random-btn:hover{border-color:var(--tool-primary);color:#fca5a5}.bp-random-btn:active{transform:scale(0.96)}@keyframes bp-spin{to{transform:rotate(360deg)}}.bp-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--tool-primary);border-radius:50%;animation:bp-spin 0.6s linear infinite}