.tlb-data-tool,.tlb-data-tool *,.tlb-data-tool :before,.tlb-data-tool :after{box-sizing:border-box}.tlb-data-tool{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6);flex-direction:column;display:flex}.tlb-data-tool__field{gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);flex-direction:column;display:flex}.tlb-data-tool__field--inline{flex-direction:row;align-items:center}.tlb-data-tool__textarea{resize:vertical;width:100%;min-height:12rem;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--duration-base) var(--ease-premium), box-shadow var(--duration-base) var(--ease-premium)}.tlb-data-tool__textarea:hover:not(:disabled){border-color:var(--color-text-faint)}.tlb-data-tool__textarea:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-tint);outline:none}.tlb-data-tool__textarea[aria-invalid=true]{border-color:var(--color-destructive)}.tlb-data-tool__textarea[aria-invalid=true]:focus-visible{box-shadow:0 0 0 4px var(--color-destructive-tint)}.tlb-data-tool__textarea:disabled{opacity:var(--opacity-disabled);background:var(--color-bg-subtle);cursor:not-allowed}.tlb-data-tool__textarea--output{background:var(--color-bg-subtle)}.tlb-data-tool__textarea--short{min-height:6rem}.tlb-data-tool__toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tlb-data-tool__select{min-height:var(--min-touch-target);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);padding-inline:var(--space-3);cursor:pointer;transition:border-color var(--duration-base) var(--ease-premium)}.tlb-data-tool__select:hover{border-color:var(--color-text-faint)}.tlb-data-tool__select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-tint);outline:none}.tlb-data-tool__action{min-height:var(--min-touch-target);padding-inline:var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:box-shadow var(--duration-base) var(--ease-premium), filter var(--duration-base) var(--ease-premium), transform var(--duration-fast) var(--ease-premium);justify-content:center;align-items:center;display:inline-flex}.tlb-data-tool__action--primary{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));box-shadow:var(--shadow-sm);border:1px solid #0000}.tlb-data-tool__action--primary:hover:not(:disabled){box-shadow:0 10px 24px color-mix(in srgb, var(--color-primary) 40%, transparent);transform:translateY(-1px)}.tlb-data-tool__action--secondary{color:var(--color-text);border:1.5px solid var(--color-border-strong);background:0 0}.tlb-data-tool__action--secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.tlb-data-tool__action:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-data-tool__action:active:not(:disabled){transform:scale(.97)}.tlb-data-tool__action:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;box-shadow:none;transform:none}.tlb-data-tool__action--self-start{align-self:flex-start}.tlb-data-tool__mode-toggle{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.tlb-data-tool__mode-button{min-width:var(--min-touch-target);min-height:calc(var(--min-touch-target) - 4px);padding-inline:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-premium), color var(--duration-fast) var(--ease-premium);background:0 0;border:none}.tlb-data-tool__mode-button:hover:not([aria-pressed=true]){color:var(--color-text)}.tlb-data-tool__mode-button[aria-pressed=true]{color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.tlb-data-tool__mode-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-data-tool__error{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-destructive);background:var(--color-destructive-tint);border:1px solid color-mix(in srgb, var(--color-destructive) 35%, transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex}.tlb-data-tool__success{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-success);background:var(--color-success-tint);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex}.tlb-data-tool__markdown-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);padding:var(--space-4) var(--space-5);overflow-wrap:break-word}.tlb-data-tool__markdown-preview :first-child{margin-block-start:0}.tlb-data-tool__markdown-preview :last-child{margin-block-end:0}.tlb-data-tool__markdown-preview a{color:var(--color-link)}.tlb-data-tool__markdown-preview code{font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .3em;font-size:.9em}.tlb-data-tool__markdown-preview pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);overflow-x:auto}.tlb-data-tool__markdown-preview pre code{background:0 0;border:none;padding:0}.tlb-data-tool__markdown-preview table{border-collapse:collapse;width:100%}.tlb-data-tool__markdown-preview th,.tlb-data-tool__markdown-preview td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:start}.tlb-data-tool__grid{gap:var(--space-2);flex-direction:column;display:flex;overflow-x:auto}.tlb-data-tool__grid-row{gap:var(--space-2);display:flex}.tlb-data-tool__grid-cell{min-width:8rem;min-height:var(--min-touch-target);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);padding-inline:var(--space-3);transition:border-color var(--duration-base) var(--ease-premium), box-shadow var(--duration-base) var(--ease-premium)}.tlb-data-tool__grid-cell--header{font-weight:var(--font-weight-semibold);background:var(--color-bg-subtle)}.tlb-data-tool__grid-cell:hover:not(:disabled){border-color:var(--color-text-faint)}.tlb-data-tool__grid-cell:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-tint);outline:none}.tlb-data-tool__grid-cell-label{display:contents}.tlb-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tlb-data-tool__output-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.tlb-data-tool__output-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.tlb-data-tool__output-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.tlb-data-tool__output-value{min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);overflow-wrap:break-word;flex:1}.tlb-data-tool__output-row>button{min-width:var(--min-touch-target);min-height:var(--min-touch-target);padding-inline:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-base) var(--ease-premium), background var(--duration-fast) var(--ease-premium);flex-shrink:0}.tlb-data-tool__output-row>button:hover{border-color:var(--color-primary);background:var(--color-primary-tint)}.tlb-data-tool__output-row>button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-data-tool__checkbox-row{align-items:center;gap:var(--space-2);min-height:var(--min-touch-target);font-size:var(--text-sm);color:var(--color-text);display:flex}.tlb-data-tool__checkbox-row input{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.tlb-data-tool__checkbox-row input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-data-tool__stats{gap:var(--space-3);flex-wrap:wrap;display:flex}.tlb-data-tool__stat{padding:var(--space-2) var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:2px;display:flex}.tlb-data-tool__stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.tlb-data-tool__stat-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tlb-data-tool__table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:24rem;overflow:auto}.tlb-data-tool__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.tlb-data-tool__table th,.tlb-data-tool__table td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:start;white-space:nowrap}.tlb-data-tool__table thead th{background:var(--color-bg-subtle);font-weight:var(--font-weight-semibold);position:sticky;top:0}.tlb-data-tool__table-note{font-size:var(--text-xs);color:var(--color-text-faint)}.tlb-data-tool__counter{font-size:var(--text-xs);color:var(--color-text-muted)}.tlb-data-tool__counter--too-long{color:var(--color-warning)}.tlb-data-tool__serp-preview{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:4px;font-family:arial,sans-serif;display:flex}.tlb-data-tool__serp-url{font-size:var(--text-sm);color:#202124}.tlb-data-tool__serp-title{color:#1a0dab;overflow-wrap:break-word;font-size:1.25rem}.tlb-data-tool__serp-description{font-size:var(--text-sm);color:#4d5156;overflow-wrap:break-word}.tlb-data-tool__rule-list{gap:var(--space-2);flex-direction:column;display:flex}.tlb-data-tool__rule-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.tlb-data-tool__rule-row .tlb-data-tool__input{flex:1;min-width:10rem}.tlb-data-tool__input{min-height:var(--min-touch-target);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);padding-inline:var(--space-4);transition:border-color var(--duration-base) var(--ease-premium), box-shadow var(--duration-base) var(--ease-premium)}.tlb-data-tool__input:hover:not(:disabled){border-color:var(--color-text-faint)}.tlb-data-tool__input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-tint);outline:none}.tlb-data-tool__input[aria-invalid=true]{border-color:var(--color-destructive)}.tlb-data-tool__remove-button{min-width:var(--min-touch-target);min-height:var(--min-touch-target);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-destructive);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-base) var(--ease-premium), background var(--duration-fast) var(--ease-premium);background:0 0}.tlb-data-tool__remove-button:hover:not(:disabled){border-color:var(--color-destructive);background:var(--color-destructive-tint)}.tlb-data-tool__remove-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-data-tool__remove-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}@media (max-width:639px){.tlb-data-tool{padding:var(--space-5) var(--space-4)}.tlb-data-tool__toolbar{flex-direction:column;align-items:stretch}.tlb-data-tool__action{width:100%}}@media (prefers-reduced-motion:reduce){.tlb-data-tool__textarea,.tlb-data-tool__select,.tlb-data-tool__action,.tlb-data-tool__grid-cell,.tlb-data-tool__input,.tlb-data-tool__remove-button{transition:none}}