.tool-widget[data-v-31bbedd8]{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--color-bg);margin-bottom:var(--space-8);gap:var(--space-5);flex-direction:column;display:flex}.field__header[data-v-31bbedd8]{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.field__label[data-v-31bbedd8]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.field__header-right[data-v-31bbedd8]{align-items:center;gap:var(--space-2);display:flex}.field__count[data-v-31bbedd8]{font-size:var(--text-xs);color:var(--color-text-tertiary)}.field__copy-btn[data-v-31bbedd8]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.field__copy-btn[data-v-31bbedd8]:hover{color:var(--color-primary);border-color:var(--color-primary)}.field__textarea[data-v-31bbedd8]{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);resize:vertical;min-height:100px;transition:border-color var(--transition);line-height:1.7}.field__textarea[data-v-31bbedd8]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.field__textarea[data-v-31bbedd8]::placeholder{color:var(--color-text-tertiary)}.mode-row[data-v-31bbedd8]{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mode-row__label[data-v-31bbedd8]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);flex-shrink:0}.mode-group[data-v-31bbedd8]{gap:var(--space-2);flex-wrap:wrap;display:flex}.mode-btn[data-v-31bbedd8]{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.mode-btn[data-v-31bbedd8]:hover{border-color:var(--color-primary);color:var(--color-primary)}.mode-btn--active[data-v-31bbedd8]{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:var(--font-semibold)}.tool-widget__actions[data-v-31bbedd8]{gap:var(--space-3);display:flex}.btn[data-v-31bbedd8]{padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition);border:1px solid #0000;align-items:center;display:inline-flex}.btn--primary[data-v-31bbedd8]{background:var(--color-primary);color:#fff}.btn--primary[data-v-31bbedd8]:hover{background:var(--color-primary-hover)}.escaped-count[data-v-31bbedd8]{font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);padding:2px 8px}.output-box[data-v-31bbedd8]{padding:var(--space-4);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);word-break:break-all;min-height:48px}.output-box__value[data-v-31bbedd8]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap}.diff-section__label[data-v-31bbedd8]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.diff-box[data-v-31bbedd8]{padding:var(--space-4);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;line-height:2}.diff-tok[data-v-31bbedd8]{border-radius:3px}.diff-tok--escaped[data-v-31bbedd8]{color:#713f12;font-weight:var(--font-bold);background:#fef08a;padding:1px 2px}.diff-tok--plain[data-v-31bbedd8]{color:var(--color-text)}[data-theme=dark] .diff-tok--escaped[data-v-31bbedd8]{color:#fef08a;background:#713f12}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .diff-tok--escaped[data-v-31bbedd8]{color:#fef08a;background:#713f12}}.ref-section__label[data-v-31bbedd8]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.ref-grid[data-v-31bbedd8]{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.ref-item[data-v-31bbedd8]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-xs);display:flex}.ref-item__char[data-v-31bbedd8]{font-family:var(--font-mono);font-size:var(--text-sm);color:#dc2626;text-align:center;background:#fef2f2;border-radius:3px;flex-shrink:0;min-width:24px;padding:1px 6px}[data-theme=dark] .ref-item__char[data-v-31bbedd8]{color:#fca5a5;background:#450a0a}.ref-item__arrow[data-v-31bbedd8]{color:var(--color-text-tertiary);flex-shrink:0}.ref-item__escaped[data-v-31bbedd8]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-success);background:var(--color-success-light);border-radius:3px;flex-shrink:0;padding:1px 6px}.ref-item__name[data-v-31bbedd8]{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toast[data-v-31bbedd8]{bottom:var(--space-8);background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:200;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.restore-banner[data-v-31bbedd8]{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);display:flex}.restore-banner__dismiss[data-v-31bbedd8]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;flex-shrink:0}.restore-banner__dismiss[data-v-31bbedd8]:hover{background:var(--color-subtle);color:var(--color-text)}.btn__kbd[data-v-31bbedd8]{margin-left:var(--space-2);font-family:var(--font-mono);opacity:.7;background:#ffffff26;border:1px solid #ffffff40;border-radius:3px;padding:1px 5px;font-size:.7rem;line-height:1.4}.btn--ghost .btn__kbd[data-v-31bbedd8]{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text-tertiary);opacity:1}.drop-zone[data-v-31bbedd8]{position:relative}.drop-zone--active .field__textarea[data-v-31bbedd8]{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.drop-overlay[data-v-31bbedd8]{border:2px dashed var(--color-primary);border-radius:var(--radius-md);pointer-events:none;z-index:10;background:#2563eb0f;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-overlay__text[data-v-31bbedd8]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-primary)}.field__drop-hint[data-v-31bbedd8]{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-tertiary)}