.cc-tool .cc-panels{margin: 0 -10px}.cc-tool .form-control-group{margin-bottom: 18px}.cc-tool .cc-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.cc-tool .cc-panel-header>div{display: flex;gap: 8px;flex-wrap: nowrap;align-items: center;flex-shrink: 0}.cc-tool .cc-textarea{width: 100%;min-height: 240px;resize: vertical;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 12.5px;line-height: 1.5;padding: 12px;border-radius: 8px;border: 1px solid #e2e8f0;background: #f8fafc;color: #1f2937}.cc-tool .cc-meta{font-size: 12px;color: #6b7280;margin-top: 8px}.cc-tool .cc-warning{margin-top: 8px;padding: 8px 12px;border-radius: 6px;background: #fffbeb;border: 1px solid #fde68a;color: #92400e;font-size: 12.5px}.cc-tool .cc-tips-panel{margin-top: 18px}.cc-tool .cc-tip{font-size: 12.5px;line-height: 1.55;color: #4b5563;margin: 0 0 8px}.cc-tool .cc-tip:last-child{margin-bottom: 0}.cc-tool .cc-tip code{background: #f1f5f9;padding: 1px 5px;border-radius: 3px;font-size: 11px}.cc-tool .cc-select{width: auto;min-width: 200px;padding: 5px 10px;font-size: 13px;border-radius: 6px;border: 1px solid #e2e8f0;background: #fff;color: #1f2937}.cc-tool .cc-code{background: #0f172a;color: #e2e8f0;border-radius: 8px;padding: 16px;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 12.5px;line-height: 1.6;overflow: auto;min-height: 320px;white-space: pre;margin: 0}.cc-tool .cc-toast{margin-top: 8px;padding: 6px 12px;border-radius: 6px;background: #dcfce7;border: 1px solid #86efac;color: #166534;font-size: 12.5px;display: inline-block}.cc-tool .cc-response{margin-top: 12px;border-radius: 8px;overflow: hidden;border: 1px solid #e2e8f0}.cc-tool .cc-response-head{background: #1e293b;color: #e2e8f0;padding: 8px 14px;font-size: 12.5px;font-weight: 600;display: flex;justify-content: space-between;align-items: center}.cc-tool .cc-response-body{background: #0f172a;color: #e2e8f0;padding: 14px;margin: 0;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 12px;line-height: 1.55;max-height: 260px;overflow: auto;white-space: pre-wrap}.cc-tool .cc-response{margin-top: 12px;border: 1px solid #e2e8f0;border-radius: 8px;overflow: hidden}.cc-tool .cc-response-head{padding: 8px 14px;background: #f1f5f9;font-size: 12px;font-weight: 600;color: #334155;border-bottom: 1px solid #e2e8f0}.cc-tool .cc-response-body{background: #f8fafc;color: #1f2937;margin: 0;padding: 12px;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 12px;line-height: 1.5;max-height: 300px;overflow: auto;white-space: pre-wrap;word-break: break-all}.cc-tool .cc-response-body.err{color: #b91c1c}:root[data-theme="dark"] .cc-tool .cc-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .cc-tool .cc-textarea{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .cc-tool .cc-meta{color: #9ca3af}:root[data-theme="dark"] .cc-tool .cc-warning{background: rgba(146,64,14,0.15);border-color: rgba(146,64,14,0.4);color: #fbbf24}:root[data-theme="dark"] .cc-tool .cc-tip{color: #9ca3af}:root[data-theme="dark"] .cc-tool .cc-tip code{background: #1e293b;color: #93c5fd}:root[data-theme="dark"] .cc-tool .cc-select{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .cc-tool .cc-code{background: #0b1120;color: #e2e8f0}:root[data-theme="dark"] .cc-tool .cc-toast{background: rgba(22,101,52,0.2);border-color: rgba(22,101,52,0.5);color: #86efac}:root[data-theme="dark"] .cc-tool .cc-response{border-color: #334155}:root[data-theme="dark"] .cc-tool .cc-response-head{background: #1e293b}@media (max-width: 767px){.cc-tool .row-layout{flex-direction: column}.cc-tool .cc-code{min-height: 220px}}