.cp-tool .cp-panels{margin: 0 -10px}.cp-tool .form-control-group{margin-bottom: 18px}.cp-tool .cp-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.cp-tool .cp-input{font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 15px;padding: 10px 12px}.cp-tool .cp-fields{display: grid;grid-template-columns: repeat(5,1fr);gap: 8px;margin-top: 14px}.cp-tool .cp-field label{font-size: 11px;color: #6b7280;display: block;margin-bottom: 3px}.cp-tool .cp-field input{width: 100%;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 12.5px;padding: 6px 8px;border-radius: 6px;border: 1px solid #e5e7eb;background: #fff}.cp-tool .cp-error{margin-top: 10px;padding: 8px 12px;border-radius: 6px;background: #fef2f2;border: 1px solid #fecaca;color: #b91c1c;font-size: 12.5px}.cp-tool .cp-tips{margin-top: 14px}.cp-tool .cp-tip{font-size: 12.5px;line-height: 1.55;color: #4b5563;margin: 0 0 6px}.cp-tool .cp-tip code{background: #f1f5f9;padding: 1px 5px;border-radius: 3px;font-size: 11.5px}.cp-tool .cp-hero{background: var(--primary-soft);border: 1px solid #99f6e4;border-left: 4px solid #1c8b84;border-radius: 10px;padding: 20px;min-height: 260px}.cp-tool .cp-empty{text-align: center;padding: 40px 10px;color: #94a3b8}.cp-tool .cp-empty i{font-size: 40px;display: block;margin-bottom: 8px}.cp-tool .cp-empty p{margin: 0}.cp-tool .cp-presets{display: flex;flex-wrap: wrap;gap: 6px;align-items: center;margin-top: 12px}.cp-tool .cp-preset-label{font-size: 12px;color: #6b7280}.cp-tool .cp-preset{border: 1px solid #e2e8f0;background: #fff;color: #475569;font-size: 12px;padding: 3px 10px;border-radius: 999px;cursor: pointer}.cp-tool .cp-preset:hover{border-color: #1c8b84;color: #1c8b84}.cp-tool .cp-desc{font-size: 15px;color: #1f2937;line-height: 1.6;margin-bottom: 16px;padding: 12px 14px;background: #fff;border-radius: 8px;border: 1px solid #e2e8f0}.cp-tool .cp-stats{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;margin-bottom: 16px}.cp-tool .cp-stat{background: #fff;border: 1px solid #e2e8f0;border-radius: 8px;padding: 10px;text-align: center}.cp-tool .cp-stat-k{font-size: 11px;color: #6b7280;text-transform: uppercase;letter-spacing: 0.03em}.cp-tool .cp-stat-v{font-size: 14px;font-weight: 600;color: #1c8b84;margin-top: 3px;font-family: 'SFMono-Regular',Menlo,Consolas,monospace}.cp-tool .cp-next-title{font-size: 12px;text-transform: uppercase;letter-spacing: 0.04em;color: #6b7280;margin-bottom: 8px;font-weight: 600}.cp-tool .cp-next{list-style: none;padding: 0;margin: 0}.cp-tool .cp-next li{font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 13px;color: #1f2937;padding: 7px 12px;border-bottom: 1px solid #f1f5f9;display: flex;justify-content: space-between}.cp-tool .cp-next li:first-child{color: #1c8b84;font-weight: 600}:root[data-theme="dark"] .cp-tool .cp-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .cp-tool .cp-input{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .cp-tool .cp-field input{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .cp-tool .cp-field label{color: #9ca3af}:root[data-theme="dark"] .cp-tool .cp-error{background: rgba(185,28,28,0.15);border-color: rgba(185,28,28,0.4);color: #fca5a5}:root[data-theme="dark"] .cp-tool .cp-tip{color: #9ca3af}:root[data-theme="dark"] .cp-tool .cp-tip code{background: #1e293b;color: #5eead4}:root[data-theme="dark"] .cp-tool .cp-hero{background: var(--primary-soft);border-color: #134e4a}:root[data-theme="dark"] .cp-tool .cp-empty{color: #64748b}:root[data-theme="dark"] .cp-tool .cp-desc{background: #0b1120;border-color: #1e293b;color: #e5e7eb}:root[data-theme="dark"] .cp-tool .cp-preset{background: transparent;border-color: #37423d;color: #cbd5e1}:root[data-theme="dark"] .cp-tool .cp-preset:hover{border-color: #5eead4;color: #5eead4}:root[data-theme="dark"] .cp-tool .cp-preset-label{color: #6b7280}:root[data-theme="dark"] .cp-tool .cp-stat{background: #0b1120;border-color: #1e293b}:root[data-theme="dark"] .cp-tool .cp-stat-k{color: #6b7280}:root[data-theme="dark"] .cp-tool .cp-stat-v{color: #5eead4}:root[data-theme="dark"] .cp-tool .cp-next-title{color: #6b7280}:root[data-theme="dark"] .cp-tool .cp-next li{color: #e5e7eb;border-bottom-color: #1e293b}:root[data-theme="dark"] .cp-tool .cp-next li:first-child{color: #5eead4}@media (max-width: 767px){.cp-tool .row-layout{flex-direction: column}.cp-tool .cp-fields{grid-template-columns: repeat(2,1fr)}}