.cf-input-area[data-v-41bc355f]{margin-bottom:16px}.cf-textarea[data-v-41bc355f]{width:100%;min-height:140px;padding:14px;border:2px solid var(--color-border);border-radius:12px;font-size:13px;font-family:monospace;resize:vertical;line-height:1.6}.cf-textarea[data-v-41bc355f]:focus{outline:none;border-color:var(--color-primary)}.cf-toolbar[data-v-41bc355f]{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.cf-btn[data-v-41bc355f],.cf-select[data-v-41bc355f]{padding:8px 14px;border:1px solid var(--color-border);background:#fff;border-radius:8px;cursor:pointer;font-size:13px}.cf-btn[data-v-41bc355f]:hover,.cf-select[data-v-41bc355f]:hover{border-color:var(--color-primary);color:var(--color-primary)}.cf-btn.active[data-v-41bc355f]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cf-error[data-v-41bc355f]{padding:14px;background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:10px;display:flex;gap:10px;align-items:center}.cf-error-icon[data-v-41bc355f]{font-size:18px}.cf-error-msg[data-v-41bc355f]{font-size:13px;color:var(--color-danger);font-family:monospace}.cf-result[data-v-41bc355f]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cf-stats[data-v-41bc355f]{display:flex;gap:12px;font-size:13px;color:var(--color-success);flex-wrap:wrap}.cf-stat[data-v-41bc355f]{background:var(--color-success-bg);padding:4px 12px;border-radius:6px}.cf-output[data-v-41bc355f]{padding:16px;background:#1e1b4b;border-radius:12px;font-size:13px;line-height:1.7;overflow-x:auto;color:#e0e7ff;font-family:monospace;white-space:pre-wrap;word-break:break-all}[data-v-41bc355f] .cf-selector{color:#fbbf24;font-weight:600}[data-v-41bc355f] .cf-prop{color:#93c5fd}[data-v-41bc355f] .cf-val{color:#86efac}[data-v-41bc355f] .cf-comment{color:#94a3b8;font-style:italic}.cf-tips[data-v-41bc355f]{background:var(--color-bg);border-radius:12px;padding:14px}.cf-tips-title[data-v-41bc355f]{font-size:13px;font-weight:600;margin-bottom:10px}.cf-tips-grid[data-v-41bc355f]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cf-tip[data-v-41bc355f]{background:#fff;padding:12px;border-radius:8px;text-align:center}.cf-tip-icon[data-v-41bc355f]{font-size:22px}.cf-tip-l[data-v-41bc355f]{font-size:13px;font-weight:600;margin-top:6px}.cf-tip-d[data-v-41bc355f]{font-size:11px;color:var(--color-text-light);margin-top:4px}@media (max-width: 600px){.cf-tips-grid[data-v-41bc355f]{grid-template-columns:1fr 1fr}}