.examples-grid[data-v-f4d4e369]{display:flex;flex-wrap:wrap;gap:.5rem}.example-btn[data-v-f4d4e369]{background:var(--tool-input-bg);border:1px solid var(--tool-border);border-radius:6px;color:var(--tool-text);cursor:pointer;font-family:var(--font-mono);font-size:.875rem;padding:.5rem 1rem;transition:all .15s}.example-btn[data-v-f4d4e369]:hover{border-color:var(--tool-border-focus)}.validation-badge[data-v-f4d4e369]{border-radius:999px;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.validation-badge.valid[data-v-f4d4e369]{background:#22c55e33;color:var(--tool-success)}.validation-badge.invalid[data-v-f4d4e369]{background:#ef444433;color:var(--tool-error)}.results-grid[data-v-f4d4e369]{display:grid;gap:.5rem}.result-row[data-v-f4d4e369]{align-items:center;background:var(--tool-input-bg);border:1px solid var(--tool-border);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .15s}.result-row[data-v-f4d4e369]:hover{border-color:var(--tool-border-focus)}.result-label[data-v-f4d4e369]{color:var(--tool-text-muted);font-size:.875rem}.result-value[data-v-f4d4e369]{color:var(--tool-text);font-family:var(--font-mono);font-weight:600}.actions-grid[data-v-f4d4e369]{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn[data-v-f4d4e369]{background:var(--tool-btn-secondary);border:1px solid var(--tool-border);border-radius:8px;color:var(--tool-text);cursor:pointer;font-size:.875rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .15s}.action-btn[data-v-f4d4e369]:hover{background:var(--tool-btn-secondary-hover);border-color:var(--tool-border-focus)}.info-box[data-v-f4d4e369]{background:var(--tool-input-bg);border-radius:8px;color:var(--tool-text-muted);font-size:.875rem;line-height:1.5;padding:1rem}.info-box p[data-v-f4d4e369]{margin:0 0 .5rem}.info-box p[data-v-f4d4e369]:last-child{margin-bottom:0}.info-box strong[data-v-f4d4e369]{color:var(--tool-text)}