.cpk-calculator-premium{--cpk-primary: #d63031;--cpk-primary-hover: #b71c1c;--cpk-primary-light: #fae5e5;--cpk-success: #10b981;--cpk-success-light: #d1fae5;--cpk-warning: #f59e0b;--cpk-warning-light: #fef3c7;--cpk-danger: #ef4444;--cpk-danger-light: #fee2e2;--cpk-blue: #3b82f6;--cpk-blue-light: #dbeafe;--cpk-gray: #6b7280;--cpk-gray-light: #f3f4f6;--cpk-border: #e5e7eb;--cpk-bg: #ffffff;--cpk-shadow: rgba(0, 0, 0, .08);--cpk-shadow-md: rgba(0, 0, 0, .12);width:100%;margin:0 auto;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cpk-title-inline{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1f2937}.cpk-prefill-context{background:var(--cpk-primary-light);border:1px solid var(--cpk-primary);border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:13px;color:#991b1b;line-height:1.5}.cpk-prefill-context strong{font-weight:600}.cpk-dual-panel{display:grid;grid-template-columns:35fr 65fr;gap:24px;padding:24px;height:calc(100vh - 80px);align-items:stretch}@media (max-width: 1024px){.cpk-dual-panel{grid-template-columns:1fr;height:auto}}.cpk-control-panel{background:var(--cpk-bg);border:1px solid var(--cpk-border);border-radius:12px;overflow-y:auto;box-shadow:0 1px 3px var(--cpk-shadow);display:flex;flex-direction:column}.cpk-mode-switcher{display:flex;background:var(--cpk-gray-light);border-bottom:1px solid var(--cpk-border)}.cpk-mode-tab{flex:1;padding:12px 16px;font-size:14px;font-weight:500;color:var(--cpk-gray);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.cpk-mode-tab:hover{color:#374151;background:#00000008}.cpk-mode-tab.active{color:var(--cpk-primary);font-weight:600;background:var(--cpk-bg);border-bottom-color:var(--cpk-primary)}.cpk-input-area{padding:16px 20px;flex:1}.cpk-raw-input{margin-bottom:12px}.cpk-input-group{margin-bottom:10px}.cpk-input-label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.cpk-input-hint{font-size:11px;color:var(--cpk-gray);font-weight:400}.cpk-input-field{width:100%;padding:9px 12px;font-size:14px;border:1px solid var(--cpk-border);border-radius:8px;transition:all .2s;background:#fff;box-sizing:border-box}.cpk-input-field:focus{outline:none;border-color:var(--cpk-primary);box-shadow:0 0 0 3px var(--cpk-primary-light)}.cpk-input-field::-moz-placeholder{color:#9ca3af}.cpk-input-field::placeholder{color:#9ca3af}.cpk-textarea{width:100%;padding:12px;font-size:13px;font-family:SF Mono,Fira Code,Consolas,monospace;border:1px solid var(--cpk-border);border-radius:8px;resize:vertical;transition:all .2s;background:#fafafa;line-height:1.6;box-sizing:border-box}.cpk-textarea:focus{outline:none;border-color:var(--cpk-primary);box-shadow:0 0 0 3px var(--cpk-primary-light);background:#fff}.cpk-textarea::-moz-placeholder{color:#9ca3af;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}.cpk-textarea::placeholder{color:#9ca3af;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}.cpk-parse-summary{margin-top:10px;padding:10px 12px;background:var(--cpk-success-light);border:1px solid var(--cpk-success);border-radius:8px;font-size:12px;color:#065f46;line-height:1.5}.cpk-parse-summary strong{font-weight:700;font-size:14px}.cpk-spec-inputs{margin-top:12px;padding-top:12px;border-top:1px solid var(--cpk-border)}.cpk-button-group{display:flex;gap:10px;margin-top:16px}.cpk-btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;background:var(--cpk-primary);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px var(--cpk-shadow)}.cpk-btn-primary:hover{background:var(--cpk-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px var(--cpk-shadow)}.cpk-btn-primary:active{transform:translateY(0)}.cpk-btn-secondary{padding:11px 18px;background:#fff;color:#374151;font-size:14px;font-weight:500;border:1px solid var(--cpk-border);border-radius:8px;cursor:pointer;transition:all .2s}.cpk-btn-secondary:hover{background:var(--cpk-gray-light)}.cpk-dashboard{background:var(--cpk-bg);border:1px solid var(--cpk-border);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--cpk-shadow);overflow-y:auto;display:flex;flex-direction:column}.cpk-dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:240px;text-align:center}.cpk-empty-icon{width:80px;height:80px;background:var(--cpk-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cpk-gray);margin-bottom:20px}.cpk-empty-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.cpk-empty-desc{font-size:14px;color:var(--cpk-gray);margin:0}.cpk-metrics-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.cpk-rating-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border:3px solid;border-radius:14px;box-shadow:0 2px 8px var(--cpk-shadow)}.cpk-rating-grade{font-size:26px;font-weight:800;line-height:1}.cpk-rating-label{font-size:12px;font-weight:600;margin-top:4px}.cpk-metrics-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 768px){.cpk-metrics-header{flex-direction:column}.cpk-metrics-grid{grid-template-columns:repeat(3,1fr)}}.cpk-metric-card{background:#fff;border:2px solid var(--cpk-border);border-radius:10px;padding:14px;text-align:center;transition:all .2s}.cpk-metric-card.in_spec{border-color:var(--cpk-success);background:linear-gradient(135deg,var(--cpk-success-light) 0%,white 100%)}.cpk-metric-card.out_of_spec{border-color:var(--cpk-danger);background:linear-gradient(135deg,var(--cpk-danger-light) 0%,white 100%)}.cpk-metric-label{font-size:11px;font-weight:600;color:var(--cpk-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.cpk-metric-value{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:4px;line-height:1}.cpk-metric-card.in_spec .cpk-metric-value{color:var(--cpk-success)}.cpk-metric-card.out_of_spec .cpk-metric-value{color:var(--cpk-danger)}.cpk-metric-desc{font-size:10px;color:var(--cpk-gray);font-weight:500}.cpk-diagnosis{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:10px;border:2px solid;margin-bottom:16px}.cpk-diagnosis.in_spec{background:var(--cpk-success-light);border-color:var(--cpk-success)}.cpk-diagnosis.out_of_spec{background:var(--cpk-danger-light);border-color:var(--cpk-danger)}.cpk-diagnosis-icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 2px 4px var(--cpk-shadow)}.cpk-diagnosis-content{flex:1}.cpk-diagnosis-title{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 6px}.cpk-diagnosis-text{font-size:13px;color:#4b5563;margin:0;line-height:1.5}.cpk-chart-container{background:var(--cpk-gray-light);border-radius:12px;padding:16px;margin-bottom:16px}.cpk-chart-title{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 12px}.cpk-chart-svg{width:100%;height:auto;display:block}.cpk-chart-label{font-size:11px;font-weight:600;fill:var(--cpk-gray)}.cpk-chart-legend{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}.cpk-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--cpk-gray)}.cpk-legend-dot{width:10px;height:10px;border-radius:50%}.cpk-legend-dot.legend-line{border-radius:2px;width:16px;height:3px}.cpk-comparison-section{margin-bottom:20px;padding:18px;background:#f8fafc;border:1px solid var(--cpk-border);border-radius:12px}.cpk-section-title{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 14px}.cpk-comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 640px){.cpk-comparison-grid{grid-template-columns:1fr}}.cpk-comparison-card{padding:16px;border-radius:10px;border:2px solid}.cpk-comparison-card.before{background:#fef3c7;border-color:#f59e0b}.cpk-comparison-card.after{background:#d1fae5;border-color:#10b981}.cpk-comparison-header{font-size:13px;font-weight:600;color:#374151;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.08)}.cpk-comparison-metric{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.cpk-comparison-label{font-size:13px;font-weight:500;color:#6b7280}.cpk-comparison-value{font-size:24px;font-weight:700;color:#1f2937}.cpk-comparison-meta{font-size:11px;color:#6b7280}.cpk-improvement-badge{margin-top:12px;padding:8px 14px;background:var(--cpk-success);color:#fff;border-radius:20px;font-size:13px;font-weight:600;display:inline-block}.cpk-action-bar{display:flex;gap:10px;padding:16px 0 0;border-top:1px solid var(--cpk-border);margin-top:4px}@media (max-width: 640px){.cpk-action-bar{flex-direction:column}}.cpk-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;border-radius:8px;border:1px solid;cursor:pointer;transition:all .2s;white-space:nowrap}.cpk-action-btn:disabled{opacity:.5;cursor:not-allowed}.cpk-action-btn.secondary{background:#fff;color:#374151;border-color:var(--cpk-border)}.cpk-action-btn.secondary:hover:not(:disabled){background:var(--cpk-gray-light);border-color:#d1d5db}.cpk-action-btn.primary{background:var(--cpk-primary);color:#fff;border-color:var(--cpk-primary);flex:1}.cpk-action-btn.primary:hover:not(:disabled){background:var(--cpk-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px var(--cpk-shadow)}.cpk-send-body{padding:20px 24px 24px}.cpk-send-body p{font-size:14px;color:#4b5563;margin:0 0 16px}.cpk-modal-options{display:flex;flex-direction:column;gap:12px}.cpk-modal-option{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:2px solid var(--cpk-border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.cpk-modal-option:hover{border-color:var(--cpk-primary);background:var(--cpk-primary-light)}.cpk-modal-option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--cpk-gray-light);border-radius:12px;flex-shrink:0}.cpk-modal-option-content{flex:1}.cpk-modal-option-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px}.cpk-modal-option-desc{font-size:12px;color:var(--cpk-gray)}.cpk-guide-section{background:var(--cpk-bg);border:1px solid var(--cpk-border);border-radius:12px;padding:24px;margin:0 24px 24px;box-shadow:0 1px 3px var(--cpk-shadow)}.cpk-guide-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 20px}.cpk-accordion{display:flex;flex-direction:column;gap:10px}.cpk-accordion-item{border:1px solid var(--cpk-border);border-radius:8px;overflow:hidden;transition:all .2s}.cpk-accordion-item.expanded{border-color:var(--cpk-primary);box-shadow:0 2px 8px var(--cpk-shadow)}.cpk-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--cpk-gray-light);border:none;cursor:pointer;transition:all .2s}.cpk-accordion-header:hover{background:#e5e7eb}.cpk-accordion-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#1f2937}.cpk-accordion-icon{font-size:18px}.cpk-accordion-content{padding:18px;background:#fff;border-top:1px solid var(--cpk-border)}.cpk-formula-section{margin-bottom:16px}.cpk-formula-title{font-size:13px;font-weight:600;color:#1f2937;margin:0 0 8px}.cpk-formula-box{background:var(--cpk-gray-light);border:1px solid var(--cpk-border);border-radius:6px;padding:12px;margin-bottom:8px;text-align:center}.cpk-formula-box code{font-size:14px;font-weight:600;color:var(--cpk-primary)}.cpk-formula-desc{font-size:13px;color:#4b5563;margin:0 0 12px;line-height:1.5}.cpk-alert-box{display:flex;gap:10px;padding:14px;border-radius:8px;border:1px solid;font-size:13px;line-height:1.5;margin-top:12px}.cpk-alert-warning{background:var(--cpk-warning-light);border-color:var(--cpk-warning);color:#92400e}.cpk-alert-info{background:var(--cpk-blue-light);border-color:var(--cpk-blue);color:#1e40af}.cpk-comparison-grid-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:12px}@media (max-width: 768px){.cpk-comparison-grid-guide{grid-template-columns:1fr}}.cpk-comparison-card-guide{background:var(--cpk-gray-light);border-radius:8px;padding:14px}.cpk-comparison-title-guide{font-size:13px;font-weight:600;color:#1f2937;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--cpk-border)}.cpk-comparison-body-guide p{font-size:12px;color:#4b5563;margin:0 0 6px}.cpk-comparison-body-guide strong{color:#1f2937;font-weight:600}.cpk-comparison-formula-guide{background:#fff;border:1px solid var(--cpk-border);border-radius:6px;padding:10px;margin-top:10px}.cpk-comparison-formula-guide code{font-size:13px;font-weight:600;color:var(--cpk-primary)}.cpk-send-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;padding:10px 18px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001f;z-index:10001;font-size:13px;font-weight:500;white-space:nowrap;max-width:90vw;animation:cpk-toast-in .2s ease}@keyframes cpk-toast-in{0%{transform:translate(-50%) translateY(-10px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.cpk-send-toast.success{border-left:3px solid var(--cpk-success);color:#065f46}.cpk-send-toast.error{border-left:3px solid var(--cpk-danger);color:#991b1b}@media (max-width: 768px){.cpk-dual-panel{padding:16px}.cpk-metrics-grid{grid-template-columns:1fr}.cpk-diagnosis{flex-direction:column}.cpk-chart-legend{gap:10px}}