:root{--tool-primary:#d97706;--tool-primary-dark:#b45309;--tool-gradient:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);--tool-light:#fffbeb}[data-theme="dark"]{--tool-light:rgba(217,119,6,0.15)}.cv-mode-toggle{display:grid;grid-template-columns:repeat(2,1fr);border:1.5px solid var(--border,#e2e8f0);border-radius:var(--radius-md,0.5rem);overflow:hidden;margin-bottom:0.875rem}.cv-mode-btn{padding:0.5rem;font-weight:600;font-size:0.8125rem;border:none;cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);transition:all 0.15s;font-family:var(--font-sans);text-align:center}.cv-mode-btn.active{background:var(--tool-gradient);color:#fff}.cv-mode-btn:hover:not(.active){background:var(--bg-tertiary)}[data-theme="dark"] .cv-mode-btn{background:var(--bg-tertiary)}[data-theme="dark"] .cv-mode-btn.active{background:var(--tool-gradient);color:#fff}[data-theme="dark"] .cv-mode-btn:hover:not(.active){background:rgba(255,255,255,0.08)}.cv-preview{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-md,0.5rem);padding:0.75rem 1rem;min-height:48px;display:flex;align-items:center;justify-content:center;overflow-x:auto;font-size:1.1rem}.cv-preview .katex-display{margin:0}[data-theme="dark"] .cv-preview{background:var(--bg-tertiary);border-color:var(--border)}.cv-examples{display:flex;flex-wrap:wrap;gap:0.375rem}.cv-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}.cv-example-chip:hover{background:var(--tool-primary);color:#fff;border-color:var(--tool-primary)}[data-theme="dark"] .cv-example-chip{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}[data-theme="dark"] .cv-example-chip:hover{background:var(--tool-primary);color:#fff}.cv-props-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:0.5rem 0;font-size:0.8125rem;font-weight:600;color:var(--text-secondary);border:none;background:none;width:100%;font-family:var(--font-sans)}.cv-props-content{display:none;padding-bottom:0.5rem}.cv-props-content.open{display:block}.cv-props-chevron{transition:transform 0.2s;width:14px;height:14px;flex-shrink:0}.cv-props-table{width:100%;border-collapse:collapse;font-size:0.8125rem;margin-top:0.5rem}.cv-props-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}.cv-props-table td{padding:0.4375rem 0.625rem;border-bottom:1px solid var(--border-light,#f1f5f9);color:var(--text-secondary);vertical-align:middle}.cv-props-table tr:last-child td{border-bottom:none}[data-theme="dark"] .cv-props-table th{background:var(--tool-light)}[data-theme="dark"] .cv-props-table td{border-bottom-color:var(--border)}.cv-syntax-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:0.5rem 0;font-size:0.8125rem;font-weight:600;color:var(--text-secondary);border:none;background:none;width:100%;font-family:var(--font-sans)}.cv-syntax-content{display:none;font-size:0.75rem;font-family:var(--font-mono);color:var(--text-secondary);line-height:1.8;padding-bottom:0.5rem}.cv-syntax-content.open{display:block}.cv-syntax-chevron{transition:transform 0.2s;width:14px;height:14px;flex-shrink:0}.cv-output-tabs{display:flex;border:1.5px solid var(--border,#e2e8f0);border-radius:var(--radius-md,0.5rem);overflow:hidden}.cv-output-tab{flex:1;padding:0.5rem;font-weight:600;font-size:0.8125rem;border:none;cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);transition:all 0.15s;font-family:var(--font-sans);text-align:center}.cv-output-tab.active{background:var(--tool-gradient);color:#fff}.cv-output-tab:hover:not(.active){background:var(--bg-tertiary)}[data-theme="dark"] .cv-output-tab{background:var(--bg-tertiary)}[data-theme="dark"] .cv-output-tab.active{background:var(--tool-gradient);color:#fff}[data-theme="dark"] .cv-output-tab:hover:not(.active){background:rgba(255,255,255,0.08)}.cv-panel{display:none;flex:1;min-height:0}.cv-panel.active{display:flex;flex-direction:column}#cv-panel-result .tool-result-card{flex:1}.cv-result-math{padding:1.5rem;overflow-x:auto;max-width:100%;text-align:center}.cv-result-math .katex-display{margin:0.5rem 0;overflow-x:auto;overflow-y:hidden}.cv-result-label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:0.25rem}.cv-result-main{font-size:1.3rem;padding:1rem 0}.cv-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"] .cv-result-detail{background:var(--bg-tertiary);border-color:var(--border)}.cv-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}.cv-error{background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-md);padding:1.25rem;color:#92400e}.cv-error h4{margin:0 0 0.5rem;font-size:0.9375rem;font-weight:700}.cv-error ul{margin:0.5rem 0 0;padding-left:1.25rem;font-size:0.8125rem;line-height:1.7}[data-theme="dark"] .cv-error{background:rgba(251,191,36,0.15);border-color:rgba(251,191,36,0.3);color:#fbbf24}.cv-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}.cv-steps-btn:hover{background:var(--tool-primary);color:#fff}.cv-steps-container{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.cv-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)}.cv-step{padding:0.75rem 1rem;border-bottom:1px solid var(--border-light);display:flex;gap:0.75rem;align-items:flex-start}.cv-step:last-child{border-bottom:none}.cv-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}.cv-step-body{flex:1;min-width:0}.cv-step-title{font-size:0.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:0.25rem}.cv-step-math{font-size:1rem;overflow-x:auto;overflow-y:hidden}.cv-step-math .katex-display{margin:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:inline-block;min-width:min-content}.cv-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"] .cv-steps-container{border-color:var(--border)}[data-theme="dark"] .cv-steps-header{background:var(--tool-light);border-bottom-color:var(--border)}[data-theme="dark"] .cv-step{border-bottom-color:var(--border)}#cv-graph-container{width:100%;min-height:440px;border-radius:var(--radius-md)}#cv-panel-graph{min-height:480px}#cv-panel-python{min-height:540px}#cv-panel-result .tool-result-card{flex:1}.cv-action-row{display:flex;gap:0.5rem;margin-top:1rem}.cv-action-row .cv-compute-btn{flex:1;margin-top:0}.cv-random-btn{flex:0 0 auto;padding:0.75rem 1rem;font-weight:600;font-size:0.8125rem;font-family:var(--font-sans);border:1.5px solid var(--tool-primary);border-radius:var(--radius-md,0.5rem);background:var(--bg-primary);color:var(--tool-primary);cursor:pointer;transition:all 0.15s;display:inline-flex;align-items:center;gap:0.375rem}.cv-random-btn:hover{background:var(--tool-primary);color:#fff}.cv-random-btn:active{transform:scale(0.96)}[data-theme="dark"] .cv-random-btn{background:var(--bg-tertiary);border-color:var(--tool-primary);color:#fbbf24}[data-theme="dark"] .cv-random-btn:hover{background:var(--tool-primary);color:#fff}.cv-sep{border:none;border-top:1px solid var(--border,#e2e8f0);margin:0.75rem 0}@keyframes cv-spin{to{transform:rotate(360deg)}}.cv-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--tool-primary);border-radius:50%;animation:cv-spin 0.6s linear infinite}.cv-operator{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--tool-primary);padding:0.25rem 0}