.tool-widget[data-v-c52ed484]{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-c52ed484]{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.field__label[data-v-c52ed484]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.field__error[data-v-c52ed484]{font-size:var(--text-xs);color:#dc2626;margin-top:var(--space-1);font-family:var(--font-mono);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca}.flag-group[data-v-c52ed484]{gap:var(--space-1);display:flex}.flag-btn[data-v-c52ed484]{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--font-semibold);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);padding:2px 8px}.flag-btn[data-v-c52ed484]:hover{border-color:var(--color-primary);color:var(--color-primary)}.flag-btn--active[data-v-c52ed484]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pattern-wrap[data-v-c52ed484]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition);background:var(--color-bg);align-items:center;display:flex;overflow:hidden}.pattern-wrap[data-v-c52ed484]:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.pattern-wrap__slash[data-v-c52ed484]{padding:var(--space-3);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);white-space:nowrap;user-select:none;flex-shrink:0}.pattern-wrap__slash[data-v-c52ed484]:last-child{border-right:none;border-left:1px solid var(--color-border)}.pattern-input[data-v-c52ed484]{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0}.pattern-input[data-v-c52ed484]::placeholder{color:var(--color-text-tertiary)}.colorized-box[data-v-c52ed484]{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-base);word-break:break-all;min-height:48px;line-height:2}.tok[data-v-c52ed484]{cursor:default;transition:outline var(--transition);border-radius:3px;padding:1px 3px}.tok[data-v-c52ed484]:focus{outline:2px solid var(--color-primary);outline-offset:1px}.tok--anchor[data-v-c52ed484]{color:#9d174d;background:#fce7f3}.tok--quantifier[data-v-c52ed484]{color:#5b21b6;background:#ede9fe}.tok--group[data-v-c52ed484],.tok--group-end[data-v-c52ed484]{color:#1e40af;background:#dbeafe}.tok--charclass[data-v-c52ed484]{color:#065f46;background:#d1fae5}.tok--escape[data-v-c52ed484]{color:#92400e;background:#fed7aa}.tok--meta[data-v-c52ed484]{color:#92400e;background:#fef3c7}.tok--alternation[data-v-c52ed484]{color:#3730a3;background:#e0e7ff}.tok--literal[data-v-c52ed484]{color:var(--color-text)}.tok--flag-group[data-v-c52ed484]{color:#334155;background:#f1f5f9}[data-theme=dark] .tok--anchor[data-v-c52ed484]{color:#fbcfe8;background:#4c0519}[data-theme=dark] .tok--quantifier[data-v-c52ed484]{color:#e9d5ff;background:#2e1065}[data-theme=dark] .tok--group[data-v-c52ed484],[data-theme=dark] .tok--group-end[data-v-c52ed484]{color:#bfdbfe;background:#1e3a5f}[data-theme=dark] .tok--charclass[data-v-c52ed484]{color:#6ee7b7;background:#14291e}[data-theme=dark] .tok--escape[data-v-c52ed484]{color:#fed7aa;background:#431407}[data-theme=dark] .tok--meta[data-v-c52ed484]{color:#fef08a;background:#422006}[data-theme=dark] .tok--alternation[data-v-c52ed484]{color:#c7d2fe;background:#1e1b4b}.tok-tooltip[data-v-c52ed484]{padding:var(--space-2) var(--space-3);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius);font-size:var(--text-xs);flex-direction:column;gap:2px;max-width:400px;display:flex}.tok-tooltip__type[data-v-c52ed484]{font-weight:var(--font-semibold);opacity:.7}.tok-tooltip__desc[data-v-c52ed484]{line-height:1.5}.explain-list[data-v-c52ed484]{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.explain-item[data-v-c52ed484]{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);transition:background var(--transition);cursor:default;display:flex}.explain-item[data-v-c52ed484]:last-child{border-bottom:none}.explain-item--hover[data-v-c52ed484],.explain-item[data-v-c52ed484]:hover{background:var(--color-bg-secondary)}.explain-item__token[data-v-c52ed484]{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center;flex-shrink:0;min-width:60px}.explain-item__body[data-v-c52ed484]{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.explain-item__label[data-v-c52ed484]{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.explain-item__type[data-v-c52ed484]{font-size:var(--text-xs);color:var(--color-text-tertiary)}.flag-explain-list[data-v-c52ed484]{gap:var(--space-2);flex-direction:column;display:flex}.flag-explain-item[data-v-c52ed484]{align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);display:flex}.flag-explain-item__flag[data-v-c52ed484]{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-sm);flex-shrink:0;padding:1px 8px}.flag-explain-item__desc[data-v-c52ed484]{color:var(--color-text-secondary);line-height:1.6}.field__textarea[data-v-c52ed484]{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:80px;transition:border-color var(--transition);margin-bottom:var(--space-2);line-height:1.7}.field__textarea[data-v-c52ed484]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.field__textarea[data-v-c52ed484]::placeholder{color:var(--color-text-tertiary)}.match-badge[data-v-c52ed484]{font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);padding:2px 8px}.match-badge--hit[data-v-c52ed484]{background:var(--color-success-light);color:var(--color-success)}.match-badge--miss[data-v-c52ed484]{color:#dc2626;background:#fef2f2}.highlight-box[data-v-c52ed484]{padding:var(--space-3) 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);color:var(--color-text);white-space:pre-wrap;word-break:break-all;line-height:1.7}.highlight-box[data-v-c52ed484] .hl{color:#713f12;background:#fef08a;border-radius:2px;padding:0 2px}[data-theme=dark] .highlight-box[data-v-c52ed484] .hl{color:#fef08a;background:#713f12}.examples__label[data-v-c52ed484]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.examples__list[data-v-c52ed484]{gap:var(--space-2);flex-wrap:wrap;display:flex}.example-chip[data-v-c52ed484]{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.example-chip[data-v-c52ed484]:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.restore-banner[data-v-c52ed484]{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-c52ed484]{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-c52ed484]:hover{background:var(--color-subtle);color:var(--color-text)}.drop-zone[data-v-c52ed484]{position:relative}.drop-zone--active .field__textarea[data-v-c52ed484]{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.drop-overlay[data-v-c52ed484]{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-c52ed484]{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-c52ed484]{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-tertiary)}.toast[data-v-c52ed484]{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%)}.toast--drop[data-v-c52ed484]{bottom:calc(var(--space-8) + 48px);background:#166534}