.page-title-bar[data-v-77f0eca3]{padding-bottom:24px;margin-bottom:8px;border-bottom:1px solid var(--drawer-divider)}.browser-preview[data-v-77f0eca3]{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card)}.preview-header[data-v-77f0eca3]{background:var(--bg-surface);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.preview-url-bar[data-v-77f0eca3]{display:flex;align-items:center;gap:6px;background:var(--glass-bg-strong);border-radius:6px;padding:4px 12px;color:var(--text-muted);font-size:11px;font-family:JetBrains Mono,monospace}.dot[data-v-77f0eca3]{width:10px;height:10px;border-radius:50%}.dot.red[data-v-77f0eca3]{background:#ff5f56}.dot.yellow[data-v-77f0eca3]{background:#febc2e}.dot.green[data-v-77f0eca3]{background:#28c840}.preview-body[data-v-77f0eca3]{padding:20px;font-family:JetBrains Mono,Roboto,sans-serif;font-size:12px}.mock-settings[data-v-77f0eca3]{display:flex;flex-direction:column;gap:12px}.mock-field[data-v-77f0eca3]{display:flex;flex-direction:column;gap:4px}.mock-field-label[data-v-77f0eca3]{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.mock-field-input[data-v-77f0eca3]{padding:8px 12px;border-radius:6px;background:var(--glass-bg);border:1px solid var(--border-subtle);color:#cbd5e1;font-size:11px;font-family:JetBrains Mono,monospace;display:flex;align-items:center;gap:6px}.mock-field-prefix[data-v-77f0eca3]{display:flex;align-items:center}.mock-status[data-v-77f0eca3]{display:flex;align-items:center;gap:8px;color:#22c55e;font-size:11px;font-weight:500;margin-top:4px}.status-dot[data-v-77f0eca3]{width:8px;height:8px;border-radius:50%}.status-dot.connected[data-v-77f0eca3]{background:#22c55e;box-shadow:0 0 8px #22c55e66}.mock-branding[data-v-77f0eca3]{font-size:12px}.mock-brand-row[data-v-77f0eca3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mock-brand-logo[data-v-77f0eca3]{color:var(--text-primary);font-weight:700;font-size:16px;font-family:Exo,sans-serif}.mock-brand-badge[data-v-77f0eca3]{padding:2px 10px;border-radius:4px;font-size:10px;font-weight:600;background:#3d95ce1a;color:#5daae0;border:1px solid rgba(61,149,206,.2)}.mock-brand-stats[data-v-77f0eca3]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.mock-stat[data-v-77f0eca3]{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:var(--glass-bg);border:1px solid var(--drawer-divider)}.mock-stat-label[data-v-77f0eca3]{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.mock-stat-val[data-v-77f0eca3]{color:var(--text-primary);font-size:14px;font-weight:600}.mock-verified-banner[data-v-77f0eca3]{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#22c55e;font-size:12px;font-weight:600;margin-bottom:12px}.mock-check[data-v-77f0eca3]{font-size:14px}.mock-interact-tabs[data-v-77f0eca3]{display:flex;gap:0;margin-bottom:12px;border-bottom:1px solid var(--drawer-divider)}.mock-tab[data-v-77f0eca3]{padding:8px 16px;color:var(--text-muted);font-size:12px;font-weight:500;border-bottom:2px solid transparent}.mock-tab.active[data-v-77f0eca3]{color:#3d95ce;border-bottom-color:#3d95ce}.mock-fn[data-v-77f0eca3]{background:var(--glass-bg);border:1px solid var(--drawer-divider);border-radius:10px;padding:12px 14px;margin-bottom:8px}.mock-fn-header[data-v-77f0eca3]{display:flex;align-items:center;gap:6px}.mock-fn-idx[data-v-77f0eca3]{color:var(--text-muted);font-size:11px;font-weight:600}.mock-fn-name[data-v-77f0eca3]{color:#5daae0;font-size:12px;font-weight:600}.mock-fn-sig[data-v-77f0eca3]{color:var(--text-muted);font-size:11px}.mock-fn-result[data-v-77f0eca3]{margin-top:8px;padding:6px 10px;border-radius:6px;background:#22c55e0f;border:1px solid rgba(34,197,94,.1);color:#22c55e;font-size:11px;font-family:JetBrains Mono,monospace}.mock-analytics[data-v-77f0eca3]{font-size:12px}.mock-analytics-row[data-v-77f0eca3]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.mock-analytics-card[data-v-77f0eca3]{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:var(--glass-bg);border:1px solid var(--drawer-divider)}.mock-analytics-label[data-v-77f0eca3]{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.mock-analytics-value[data-v-77f0eca3]{color:var(--text-primary);font-size:18px;font-weight:600}.mock-analytics-trend[data-v-77f0eca3]{font-size:10px;font-weight:500}.mock-analytics-trend.up[data-v-77f0eca3]{color:#22c55e}.mock-chart[data-v-77f0eca3]{padding:12px;border-radius:8px;background:var(--glass-bg);border:1px solid var(--drawer-divider)}.mock-chart-label[data-v-77f0eca3]{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.mock-chart-bars[data-v-77f0eca3]{display:flex;align-items:flex-end;gap:6px;height:60px}.mock-bar[data-v-77f0eca3]{flex:1;background:linear-gradient(180deg,#3d95ce,#3d95ce4d);border-radius:3px 3px 0 0}