:root {
  --bg: #f4f7fb;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #eef3f9;
  --text: #111827;
  --muted: #6b7280;
  --muted-2: #94a3b8;
  --border: #e2e8f0;
  --sidebar: #0d1a2a;
  --sidebar-2: #12233a;
  --primary: #1677ff;
  --primary-2: #0b63e5;
  --primary-soft: #e8f2ff;
  --green: #16a34a;
  --green-soft: #e9f9ef;
  --red: #ef4444;
  --red-soft: #fff0f0;
  --orange: #ff7a00;
  --gold: #ffc43d;
  --navy: #071a33;
  --purple: #7c3aed;
  --cyan: #06b6d4;
  --shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 18px 55px rgba(15, 23, 42, 0.15);
  --radius: 12px;
  --radius-lg: 18px;
  --sidebar-w: 220px;
  --accent: var(--primary);
  --accent-soft: var(--primary-soft);
  --transition: 180ms cubic-bezier(.2,.8,.2,1);
}

[data-theme="dark"] {
  --bg: #09111f;
  --surface: #101a2b;
  --surface-2: #0d1726;
  --surface-3: #172238;
  --text: #f6f8fb;
  --muted: #9aa8ba;
  --muted-2: #708197;
  --border: #223149;
  --sidebar: #07101d;
  --sidebar-2: #0d1a2c;
  --primary-soft: rgba(22, 119, 255, .16);
  --green-soft: rgba(22, 163, 74, .14);
  --red-soft: rgba(239, 68, 68, .13);
  --shadow: 0 8px 28px rgba(0,0,0,.16);
  --shadow-lg: 0 18px 55px rgba(0,0,0,.28);
}

[data-accent="purple"] { --accent: #7c3aed; --accent-soft: rgba(124,58,237,.12); }
[data-accent="cyan"] { --accent: #0891b2; --accent-soft: rgba(8,145,178,.12); }
[data-accent="orange"] { --accent: #ea580c; --accent-soft: rgba(234,88,12,.12); }

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--bg); color: var(--text); }
body { min-height: 100vh; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.hidden { display: none !important; }

/* Login */
.auth-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(420px, 1.05fr) minmax(440px, .95fr); background: var(--bg); }
.auth-brand { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 64px; background: linear-gradient(145deg, #06162b, #0b2446 58%, #103d78); color: white; }
.auth-brand::before, .auth-brand::after { content: ""; position: absolute; border-radius: 50%; filter: blur(2px); }
.auth-brand::before { width: 420px; height: 420px; background: rgba(34, 134, 255, .24); top: -150px; right: -90px; }
.auth-brand::after { width: 300px; height: 300px; border: 1px solid rgba(255,255,255,.14); bottom: -90px; left: -100px; }
.auth-copy { position: relative; z-index: 1; max-width: 560px; }
.brand-lockup { display: inline-flex; align-items: center; gap: 12px; font-weight: 800; font-size: 22px; letter-spacing: -.02em; }
.brand-bolt { width: 34px; height: 34px; display: grid; place-items: center; color: #42a5ff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; }
.auth-copy h1 { margin: 42px 0 14px; font-size: clamp(38px, 5vw, 66px); line-height: .98; letter-spacing: -.055em; max-width: 600px; }
.auth-copy p { color: #c8d8ee; line-height: 1.7; max-width: 500px; font-size: 16px; }
.auth-feature { margin-top: 34px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.auth-feature div { padding: 14px 16px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.05); border-radius: 12px; color: #e7f0fb; font-size: 13px; }
.auth-pane { display: flex; align-items: center; justify-content: center; padding: 44px; }
.login-card { width: min(440px, 100%); background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-lg); border-radius: 22px; padding: 34px; animation: cardIn 360ms ease-out both; }
.login-card h2 { margin: 0 0 8px; font-size: 26px; letter-spacing: -.035em; }
.login-card .sub { color: var(--muted); font-size: 14px; margin-bottom: 28px; }
.demo-note { margin-top: 16px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); padding: 12px 14px; font-size: 12px; color: var(--muted); line-height: 1.6; }

/* App shell */
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: var(--sidebar-w); background: linear-gradient(180deg, var(--sidebar), #0a1524); color: #d8e2ef; padding: 18px 12px; display: flex; flex-direction: column; z-index: 40; border-right: 1px solid rgba(255,255,255,.03); }
.sidebar .brand-lockup { padding: 4px 10px 18px; font-size: 18px; color: white; }
.sidebar .brand-bolt { width: 28px; height: 28px; border-radius: 8px; }
.nav { display: grid; gap: 4px; margin-top: 6px; }
.nav-item { display: flex; align-items: center; gap: 11px; min-height: 42px; padding: 0 12px; border-radius: 8px; color: #9eb0c5; font-size: 13px; font-weight: 600; transition: var(--transition); }
.nav-item:hover { color: white; background: rgba(255,255,255,.055); transform: translateX(2px); }
.nav-item.active { color: white; background: linear-gradient(90deg, rgba(22,119,255,.28), rgba(22,119,255,.14)); box-shadow: inset 0 0 0 1px rgba(74,150,255,.11); }
.nav-item .ico { width: 18px; height: 18px; display: inline-flex; }
.sidebar-footer { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 12px 10px 4px; color: #dbe7f5; }
.avatar { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #f4f7fb; color: #12233a; font-weight: 800; font-size: 12px; }
.sidebar-footer .name { font-size: 12px; font-weight: 700; }
.sidebar-footer .email { font-size: 10px; color: #71859f; margin-top: 2px; }
.sidebar-footer .signout { margin-left: auto; border: 0; background: transparent; color: #8395aa; padding: 6px; border-radius: 7px; }
.sidebar-footer .signout:hover { background: rgba(255,255,255,.06); color: white; }

.main { margin-left: var(--sidebar-w); min-height: 100vh; }
.topbar { display: none; }
.content { max-width: 1440px; margin: 0 auto; padding: 22px 26px 44px; animation: pageIn 220ms ease-out both; }
.page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.page-title h1 { margin: 0; font-size: 27px; letter-spacing: -.04em; line-height: 1.2; }
.page-title p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.page-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }

/* UI basics */
.btn { min-height: 38px; border-radius: 8px; border: 1px solid var(--border); background: var(--surface); color: var(--text); padding: 0 13px; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; gap: 7px; transition: var(--transition); box-shadow: 0 1px 1px rgba(15,23,42,.02); }
.btn:hover { transform: translateY(-1px); box-shadow: 0 5px 14px rgba(15,23,42,.07); }
.btn:active { transform: translateY(0) scale(.985); }
.btn-primary { background: var(--accent); color: white; border-color: transparent; }
.btn-danger { background: var(--red); color: white; border-color: transparent; }
.btn-soft { background: var(--accent-soft); color: var(--accent); border-color: transparent; }
.btn-ghost { border-color: transparent; background: transparent; }
.btn-sm { min-height: 32px; padding: 0 10px; }
.icon-btn { width: 34px; height: 34px; border: 1px solid var(--border); background: var(--surface); border-radius: 8px; display: grid; place-items: center; color: var(--muted); transition: var(--transition); }
.icon-btn:hover { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 32%, var(--border)); transform: translateY(-1px); }

.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }
.card-pad { padding: 18px; }
.card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }
.card-title { font-size: 13px; font-weight: 800; letter-spacing: -.015em; }
.card-sub { font-size: 11px; color: var(--muted); margin-top: 3px; }

.kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin-bottom: 12px; }
.kpi { min-height: 100px; padding: 16px; position: relative; overflow: hidden; transition: var(--transition); }
.kpi:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(15,23,42,.08); }
.kpi-label { color: var(--muted); font-size: 11px; margin-bottom: 7px; }
.kpi-value { font-size: 25px; line-height: 1; font-weight: 800; letter-spacing: -.04em; }
.kpi-delta { margin-top: 8px; font-size: 10px; font-weight: 700; color: var(--green); }
.kpi-icon { position: absolute; right: 15px; top: 38px; color: var(--accent); width: 25px; height: 25px; opacity: .95; }

.grid-dashboard { display: grid; grid-template-columns: minmax(0,1.75fr) minmax(280px,.82fr); gap: 12px; margin-bottom: 12px; }
.grid-triple { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.chart-card { min-height: 320px; }
.chart-wrap { position: relative; height: 235px; }
.chart-svg { width: 100%; height: 100%; overflow: visible; }
.chart-grid { stroke: var(--border); stroke-width: 1; }
.chart-label { fill: var(--muted-2); font-size: 10px; }
.chart-line-total { fill: none; stroke: var(--accent); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.chart-line-unique { fill: none; stroke: #22c55e; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.legend { display: flex; align-items: center; gap: 12px; font-size: 10px; color: var(--muted); }
.legend i { width: 7px; height: 7px; border-radius: 2px; display: inline-block; margin-right: 4px; }

.rank-list { display: grid; gap: 13px; }
.rank-row { display: grid; grid-template-columns: minmax(95px,1fr) minmax(90px,.9fr) 62px; gap: 10px; align-items: center; font-size: 11px; }
.rank-label { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rank-bar { height: 5px; border-radius: 99px; background: var(--surface-3); overflow: hidden; }
.rank-bar > span { display: block; height: 100%; background: var(--accent); border-radius: inherit; transform-origin: left; animation: growBar 550ms ease-out both; }
.rank-value { text-align: right; color: var(--muted); font-variant-numeric: tabular-nums; }

.pill { display: inline-flex; align-items: center; gap: 5px; min-height: 23px; border-radius: 999px; padding: 0 8px; font-size: 10px; font-weight: 700; }
.pill-success { color: var(--green); background: var(--green-soft); }
.pill-danger { color: var(--red); background: var(--red-soft); }
.pill-muted { color: var(--muted); background: var(--surface-3); }
.pill-blue { color: var(--accent); background: var(--accent-soft); }
.dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }

/* Tables */
.toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.search { flex: 1 1 260px; position: relative; }
.search svg { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--muted); }
.search input { padding-left: 34px; }
.input, .select, .textarea { width: 100%; min-height: 38px; border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 8px; padding: 0 11px; outline: none; transition: var(--transition); font-size: 12px; }
.textarea { min-height: 86px; padding: 10px 11px; resize: vertical; }
.input:focus, .select:focus, .textarea:focus { border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); box-shadow: 0 0 0 3px var(--accent-soft); }
.field label { display: block; font-size: 11px; font-weight: 700; margin-bottom: 6px; color: var(--text); }
.field .hint { color: var(--muted); font-size: 10px; margin-top: 5px; line-height: 1.45; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.form-span-2 { grid-column: span 2; }
.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: 10px; }
table { width: 100%; border-collapse: collapse; min-width: 760px; }
th { padding: 10px 12px; background: var(--surface-2); color: var(--muted); font-size: 10px; text-align: left; border-bottom: 1px solid var(--border); font-weight: 700; }
td { padding: 11px 12px; border-bottom: 1px solid var(--border); font-size: 11px; vertical-align: middle; }
tr:last-child td { border-bottom: 0; }
tbody tr { transition: background var(--transition); }
tbody tr:hover { background: color-mix(in srgb, var(--accent-soft) 38%, transparent); }
.link-primary { color: var(--accent); font-weight: 700; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.actions { display: flex; gap: 5px; align-items: center; }
.actions .icon-btn { width: 29px; height: 29px; border: 0; background: var(--surface-2); }
.actions .danger { color: var(--red); }
.empty { padding: 42px 24px; text-align: center; color: var(--muted); }

/* Forms / panels */
.stack { display: grid; gap: 12px; }
.section-card { padding: 17px; }
.section-title { font-size: 13px; font-weight: 800; margin-bottom: 14px; }
.switch-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.switch-copy b { display: block; font-size: 12px; }
.switch-copy span { display: block; color: var(--muted); font-size: 10px; margin-top: 3px; }
.switch { width: 38px; height: 22px; border-radius: 999px; border: 0; background: #cbd5e1; position: relative; transition: var(--transition); flex: 0 0 auto; }
.switch::after { content: ""; position: absolute; width: 17px; height: 17px; border-radius: 50%; background: white; left: 2.5px; top: 2.5px; box-shadow: 0 1px 4px rgba(0,0,0,.18); transition: var(--transition); }
.switch.on { background: var(--accent); }
.switch.on::after { transform: translateX(16px); }

.tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--border); margin: 0 -17px 16px; padding: 0 17px; overflow-x: auto; }
.tab { position: relative; min-height: 40px; padding: 0 10px; border: 0; background: transparent; color: var(--muted); font-size: 11px; font-weight: 700; white-space: nowrap; }
.tab.active { color: var(--accent); }
.tab.active::after { content: ""; position: absolute; height: 2px; left: 9px; right: 9px; bottom: -1px; background: var(--accent); border-radius: 99px; }
.link-hero { padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.link-hero-main { display: flex; align-items: center; gap: 8px; min-width: 0; }
.link-hero-url { color: var(--accent); font-weight: 800; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Rule builder */
.rules-list { display: grid; gap: 8px; }
.rule-card { border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); padding: 12px; transition: var(--transition); }
.rule-card:hover { border-color: color-mix(in srgb, var(--accent) 25%, var(--border)); }
.rule-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.rule-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-size: 11px; }
.logic-chip { padding: 4px 7px; border-radius: 6px; background: var(--accent-soft); color: var(--accent); font-weight: 700; }
.dest-chip { padding: 4px 7px; border-radius: 6px; background: var(--surface); border: 1px solid var(--border); max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rule-editor { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--border); display: grid; gap: 8px; }
.condition-row { display: grid; grid-template-columns: 1fr 1fr 1.3fr auto; gap: 7px; align-items: center; }
.rule-warning { display: flex; gap: 8px; align-items: flex-start; padding: 10px 11px; border: 1px solid #f3cf7a; background: #fff9e9; color: #8b5a00; border-radius: 8px; font-size: 10px; line-height: 1.45; }
[data-theme="dark"] .rule-warning { background: rgba(245,158,11,.08); border-color: rgba(245,158,11,.32); color: #fbbf24; }

/* Prelander customizer */
.customizer-grid { display: grid; grid-template-columns: minmax(340px,.78fr) minmax(480px,1.22fr); gap: 12px; }
.preview-stage { min-height: 560px; padding: 22px; display: flex; flex-direction: column; }
.preview-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.preview-devices { flex: 1; display: grid; grid-template-columns: 220px 1fr; align-items: center; justify-content: center; gap: 26px; }
.phone-frame { width: 210px; height: 420px; border: 7px solid #101217; border-radius: 32px; background: #101217; padding: 6px; box-shadow: 0 18px 38px rgba(15,23,42,.16); margin: auto; }
.phone-screen { width: 100%; height: 100%; border-radius: 20px; overflow: hidden; }
.desktop-frame { border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: var(--surface); box-shadow: var(--shadow); min-width: 0; }
.browser-chrome { height: 35px; display: flex; align-items: center; gap: 8px; padding: 0 10px; background: var(--surface-2); border-bottom: 1px solid var(--border); }
.browser-dots { display: flex; gap: 4px; }
.browser-dots i { width: 7px; height: 7px; border-radius: 50%; background: #cbd5e1; }
.browser-url { flex: 1; height: 20px; border-radius: 5px; background: var(--surface); border: 1px solid var(--border); color: var(--muted); font-size: 8px; display: flex; align-items: center; padding: 0 8px; overflow: hidden; }
.desktop-screen { height: 350px; }
.preland-preview { --pl-bg:#ffffff; --pl-text:#101828; --pl-accent:#1677ff; width: 100%; height: 100%; background: var(--pl-bg); color: var(--pl-text); display: flex; align-items: center; justify-content: center; text-align: center; padding: 26px; transition: 220ms ease; }
.preland-inner { width: min(320px,100%); }
.pl-logo { width: 54px; height: 54px; object-fit: contain; border-radius: 12px; margin: 0 auto 18px; display: block; }
.pl-bolt { width: 48px; height: 48px; margin: 0 auto 18px; display: grid; place-items: center; color: var(--pl-accent); }
.pl-title { font-size: 18px; font-weight: 800; line-height: 1.25; letter-spacing: -.025em; }
.pl-sub { margin-top: 8px; font-size: 11px; opacity: .56; line-height: 1.55; }
.pl-progress { height: 5px; margin: 22px auto 11px; width: 72%; border-radius: 99px; background: color-mix(in srgb, var(--pl-text) 10%, transparent); overflow: hidden; }
.pl-progress span { display: block; height: 100%; width: 62%; border-radius: inherit; background: var(--pl-accent); animation: previewProgress 1.2s ease-in-out infinite alternate; }
.pl-spinner { width: 30px; height: 30px; border: 3px solid color-mix(in srgb, var(--pl-text) 10%, transparent); border-top-color: var(--pl-accent); border-radius: 50%; margin: 20px auto 10px; animation: spin .75s linear infinite; }
.color-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.color-field input[type="color"] { width: 100%; height: 38px; padding: 4px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); }
.preset-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.preset { min-height: 52px; border-radius: 8px; border: 1px solid var(--border); background: var(--surface-2); padding: 8px; text-align: left; color: var(--text); transition: var(--transition); }
.preset:hover, .preset.active { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-soft); }
.preset b { display:block; font-size:10px; }
.preset span { display:block; font-size:9px; color:var(--muted); margin-top:3px; }

/* Analytics */
.analytics-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(280px,.8fr); gap: 12px; }
.bar-chart { height: 280px; display: flex; align-items: flex-end; gap: 6px; padding: 25px 4px 22px; border-bottom: 1px solid var(--border); }
.bar-item { flex: 1; height: 100%; display: flex; align-items: flex-end; position: relative; }
.bar-item span { width: 100%; min-height: 3px; border-radius: 3px 3px 0 0; background: var(--accent); transform-origin: bottom; animation: growY 520ms ease-out both; }
.donut-wrap { height: 280px; display: grid; place-items: center; position: relative; }
.donut { width: 180px; height: 180px; border-radius: 50%; background: conic-gradient(var(--accent) 0 68%, #22c55e 68% 97%, #94a3b8 97% 100%); position: relative; }
.donut::after { content:""; position:absolute; inset:33px; border-radius:50%; background:var(--surface); }
.donut-center { position:absolute; z-index:2; text-align:center; }
.donut-center b { display:block; font-size:22px; letter-spacing:-.04em; }
.donut-center span { font-size:10px; color:var(--muted); }

/* Modal + toasts */
.modal-backdrop { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 22px; background: rgba(8,15,27,.48); backdrop-filter: blur(4px); animation: fadeIn 150ms ease-out both; }
.modal { width: min(640px,100%); max-height: min(760px,90vh); overflow: auto; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow-lg); animation: modalIn 180ms ease-out both; }
.modal-head { display:flex; align-items:center; justify-content:space-between; padding:17px 18px; border-bottom:1px solid var(--border); }
.modal-head h3 { margin:0; font-size:15px; }
.modal-body { padding:18px; }
.modal-foot { padding:14px 18px; border-top:1px solid var(--border); display:flex; justify-content:flex-end; gap:8px; }
.toast-root { position: fixed; right: 18px; top: 18px; z-index: 120; display: grid; gap: 8px; }
.toast { min-width: 270px; max-width: 360px; padding: 12px 14px; border-radius: 10px; background: #111827; color: white; box-shadow: var(--shadow-lg); display:flex; gap:9px; align-items:flex-start; font-size:11px; animation: toastIn 180ms ease-out both; }
.toast.success { background: #14532d; }
.toast.error { background: #7f1d1d; }

/* Skeleton */
.skeleton { position:relative; overflow:hidden; background:var(--surface-3); border-radius:7px; min-height:14px; }
.skeleton::after { content:""; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent); animation:shimmer 1.2s infinite; }

/* Responsive */
@media (max-width: 1120px) {
  :root { --sidebar-w: 190px; }
  .grid-triple { grid-template-columns: 1fr 1fr; }
  .grid-triple > :last-child { grid-column: span 2; }
  .customizer-grid { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .auth-shell { grid-template-columns: 1fr; }
  .auth-brand { display:none; }
  .auth-pane { min-height:100vh; padding:22px; }
  .sidebar { transform: translateX(-100%); transition: var(--transition); }
  .sidebar.open { transform: translateX(0); box-shadow: var(--shadow-lg); }
  .main { margin-left:0; padding-top:58px; }
  .topbar { display:flex; position:fixed; z-index:35; left:0; right:0; top:0; height:58px; align-items:center; justify-content:space-between; padding:0 14px; background:color-mix(in srgb,var(--surface) 88%, transparent); backdrop-filter:blur(12px); border-bottom:1px solid var(--border); }
  .topbar .brand-lockup { font-size:15px; }
  .topbar .brand-bolt { width:27px; height:27px; }
  .content { padding:18px 14px 36px; }
  .kpi-grid { grid-template-columns:1fr 1fr; }
  .grid-dashboard, .analytics-grid { grid-template-columns:1fr; }
  .grid-triple { grid-template-columns:1fr; }
  .grid-triple > :last-child { grid-column:auto; }
  .preview-devices { grid-template-columns:1fr; }
  .desktop-frame { width:100%; }
}
@media (max-width: 560px) {
  .page-head { flex-direction:column; }
  .page-actions { justify-content:flex-start; }
  .kpi-grid { grid-template-columns:1fr; }
  .form-grid { grid-template-columns:1fr; }
  .form-span-2 { grid-column:auto; }
  .condition-row { grid-template-columns:1fr; }
  .color-row, .preset-grid { grid-template-columns:1fr 1fr; }
  .rank-row { grid-template-columns:1fr 80px 55px; }
  .link-hero { align-items:flex-start; flex-direction:column; }
  .preview-stage { padding:14px; }
}

/* Animations */
@keyframes pageIn { from { opacity:0; transform:translateY(5px);} to {opacity:1; transform:none;} }
@keyframes mobilePageIn { from { opacity:0; } to { opacity:1; } }
@keyframes cardIn { from { opacity:0; transform:translateY(12px) scale(.985);} to {opacity:1; transform:none;} }
@keyframes modalIn { from { opacity:0; transform:translateY(8px) scale(.98);} to {opacity:1; transform:none;} }
@keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
@keyframes toastIn { from {opacity:0; transform:translateX(12px);} to {opacity:1; transform:none;} }
@keyframes growBar { from {transform:scaleX(0);} to {transform:scaleX(1);} }
@keyframes growY { from {transform:scaleY(0);} to {transform:scaleY(1);} }
@keyframes previewProgress { from {width:24%;} to {width:82%;} }
@keyframes spin { to {transform:rotate(360deg);} }
@keyframes shimmer { 100% {transform:translateX(100%);} }

/* Cloudflare Domain Manager */
.api-banner { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; margin-bottom:12px; border-radius:10px; border:1px solid var(--border); background:var(--surface); font-size:10px; line-height:1.45; animation:cardIn 220ms ease-out both; }
.api-banner > svg { flex:0 0 auto; margin-top:1px; }
.api-banner div { display:grid; gap:2px; }
.api-banner b { font-size:11px; }
.api-banner span { color:var(--muted); }
.api-banner.success { border-color:color-mix(in srgb,#22c55e 35%,var(--border)); background:color-mix(in srgb,#22c55e 6%,var(--surface)); color:#16803a; }
.api-banner.warning { border-color:color-mix(in srgb,#f59e0b 40%,var(--border)); background:color-mix(in srgb,#f59e0b 7%,var(--surface)); color:#a16207; }
.api-banner.info { border-color:color-mix(in srgb,var(--accent) 35%,var(--border)); background:var(--accent-soft); color:var(--accent); }
.api-banner.compact { margin:0; padding:10px 11px; }
.domain-stack { display:grid; gap:5px; min-width:220px; }
.domain-stack > span { display:flex; gap:7px; align-items:center; flex-wrap:wrap; }
.domain-meta { color:var(--muted); font-size:9px; }
.domain-error { display:flex; align-items:center; gap:4px; color:var(--red); max-width:390px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.domain-actions { flex-wrap:nowrap; min-width:max-content; }
.danger-soft { color:#b45309; background:color-mix(in srgb,#f59e0b 8%,var(--surface)); }
.check-row { display:flex; align-items:flex-start; gap:9px; padding:11px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); cursor:pointer; }
.check-row input { margin-top:2px; accent-color:var(--accent); }
.check-row span { display:grid; gap:3px; }
.check-row b { font-size:10px; }
.check-row small { font-size:9px; color:var(--muted); line-height:1.45; }

/* V1.0.0 — Reliability / advanced analytics */
.backup-chip { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; border-radius:7px; background:color-mix(in srgb,#f59e0b 10%,var(--surface)); color:#b45309; font-size:10px; font-weight:700; max-width:360px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mobile-savebar { display:none; }
.analytics-filterbar { margin-bottom:12px; }
.analytics-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
.analytics-kpis .kpi-delta { color:var(--muted); }
.heatmap { display:grid; gap:5px; overflow-x:auto; padding:8px 2px 2px; min-width:580px; }
.heatmap-hours { display:grid; grid-template-columns:38px repeat(24,1fr); gap:3px; font-size:8px; color:var(--muted-2); }
.heatmap-hours span { text-align:center; }
.heat-row { display:grid; grid-template-columns:38px repeat(24,1fr); gap:3px; align-items:center; }
.heat-row b { font-size:9px; color:var(--muted); font-weight:700; }
.heat-row i { aspect-ratio:1; min-width:12px; max-width:22px; border-radius:3px; background:color-mix(in srgb,var(--accent) calc(var(--heat) * 100%),var(--surface-3)); border:1px solid color-mix(in srgb,var(--accent) 8%,var(--border)); }
.live-list { display:grid; }
.live-row { display:grid; grid-template-columns:72px 80px 42px 70px 80px minmax(160px,1fr) auto auto; gap:10px; align-items:center; min-height:39px; border-top:1px solid var(--border); font-size:10px; }
.live-row:first-child { border-top:0; }
.live-time { font-variant-numeric:tabular-nums; color:var(--muted); }
.live-dest { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--muted); }

@media (max-width: 860px) {
  .sidebar { height:100dvh; inset:0 auto auto 0; padding-bottom:calc(74px + env(safe-area-inset-bottom, 0px)); overflow-y:auto; }
  .sidebar-footer { flex:0 0 auto; padding-bottom:max(18px, env(safe-area-inset-bottom, 0px)); }
  .content { padding-bottom:calc(106px + env(safe-area-inset-bottom, 0px)); animation:mobilePageIn 160ms ease-out both; }
  .mobile-savebar { position:fixed; z-index:32; left:0; right:0; bottom:0; display:flex; justify-content:flex-end; gap:8px; padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px)); background:color-mix(in srgb,var(--surface) 92%,transparent); border-top:1px solid var(--border); backdrop-filter:blur(14px); box-shadow:0 -12px 34px rgba(15,23,42,.08); }
  .mobile-savebar .btn { min-width:118px; min-height:42px; }
  .analytics-filters { grid-template-columns:1fr 1fr; }
  .live-list { overflow-x:auto; }
  .live-row { min-width:760px; }
}
@media (max-width: 560px) {
  .analytics-filters { grid-template-columns:1fr; }
  .mobile-savebar { justify-content:stretch; }
  .mobile-savebar .btn { flex:1; min-width:0; }
}

/* V1.0.0 — Bridge / Tracking / GMT+7 */
.input-group { display:flex; align-items:stretch; gap:8px; }
.input-group .input { flex:1 1 auto; min-width:0; }
.input-group .btn { flex:0 0 auto; }
.tracking-example { display:grid; gap:5px; padding:12px 14px; border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border)); border-radius:10px; background:color-mix(in srgb,var(--accent) 4%,var(--surface)); font-size:10px; line-height:1.55; }
.tracking-example b { font-size:11px; }
.tracking-example span { color:var(--muted); }
.system-time-card { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); }
.system-time-card > div { display:flex; align-items:center; gap:11px; min-width:0; }
.system-time-card > div > div { display:grid; gap:3px; min-width:0; }
.system-time-card b { font-size:12px; }
.system-time-card span:not(.pill) { color:var(--muted); font-size:10px; line-height:1.45; }
.bridge-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.bridge-summary > div { padding:12px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); display:grid; gap:4px; }
.bridge-summary b { font-size:17px; letter-spacing:-.03em; }
.bridge-summary span { color:var(--muted); font-size:9px; }
.tabs { scrollbar-width:none; }
.tabs::-webkit-scrollbar { display:none; }
.analytics-kpis.five { grid-template-columns:repeat(5,minmax(0,1fr)); }
.mini-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.mono { font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; }

@media (max-width: 1120px) {
  .analytics-kpis.five { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .analytics-kpis.five > :nth-child(n+4) { grid-column:auto; }
}
@media (max-width: 860px) {
  .analytics-kpis.five { grid-template-columns:1fr 1fr; }
  .bridge-summary { grid-template-columns:1fr; }
  .tabs { margin-left:-14px; margin-right:-14px; padding-left:14px; padding-right:14px; }
}
@media (max-width: 560px) {
  .input-group { flex-direction:column; }
  .input-group .btn { width:100%; }
  .analytics-kpis.five { grid-template-columns:1fr; }
  .mini-grid-2 { grid-template-columns:1fr; }
  .system-time-card { align-items:flex-start; flex-direction:column; }
}
/* V1.0.0 Bridge Landing Page */
.textarea{min-height:82px;resize:vertical;font-family:inherit}
.pl-desc{margin-top:9px;font-size:11px;opacity:.64;line-height:1.55}
.pl-loading{margin-top:12px;font-size:10px;opacity:.42}
.preview-label{text-align:center;font-size:10px;color:var(--muted);margin-top:9px}
.bridge-customizer{margin-top:2px}
.bridge-page-preview .pl-bolt{color:var(--pl-accent)}

/* V1.0.0 — UI consistency, campaign tools, profile/security */
html,body,.app-shell,.main,.content { max-width:100%; overflow-x:clip; }
.main,.content,.card,.section-card,.grid-dashboard,.grid-triple,.kpi-grid,.form-grid,.analytics-kpis,.mini-grid-2 { min-width:0; }
.card,.section-card { width:100%; max-width:100%; }
.card *,.section-card * { min-width:0; }
.input,.select,.textarea,input,select,textarea { max-width:100%; }
.table-wrap { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.mono,.hint,.card-sub,.tracking-example,.api-banner span,.live-dest { overflow-wrap:anywhere; word-break:break-word; }
.select-compact { min-height:34px; border:1px solid var(--border); background:var(--surface); color:var(--text); border-radius:8px; padding:0 30px 0 10px; font-size:11px; font-weight:700; }
.country-flag { display:inline-flex; width:20px; justify-content:center; margin-right:6px; font-size:15px; vertical-align:-1px; }
.compact-empty { display:grid; gap:4px; padding:18px; text-align:center; border:1px dashed var(--border); border-radius:10px; color:var(--muted); font-size:11px; }
.compact-empty b { color:var(--text); font-size:12px; }
.btn-live { position:relative; }
.btn-live.live { color:#fff; background:#16a34a; border-color:#16a34a; }
.btn-live.live::before { content:""; width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 0 4px rgba(255,255,255,.15); }
.flow-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.flow-card { position:relative; display:grid; align-content:start; gap:5px; min-height:112px; padding:14px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); cursor:pointer; transition:var(--transition); }
.flow-card:hover { border-color:color-mix(in srgb,var(--accent) 35%,var(--border)); transform:translateY(-1px); }
.flow-card.active,.flow-card:has(input:checked) { background:var(--accent-soft); border-color:color-mix(in srgb,var(--accent) 60%,var(--border)); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent); }
.flow-card input { position:absolute; opacity:0; pointer-events:none; }
.flow-card b { font-size:12px; padding-right:22px; }
.flow-card small { color:var(--muted); font-size:10px; line-height:1.45; }
.flow-check { position:absolute; right:12px; top:12px; width:17px; height:17px; border:1px solid var(--border); border-radius:50%; background:var(--surface); }
.flow-card.active .flow-check,.flow-card:has(input:checked) .flow-check { border:5px solid var(--accent); }
.flow-diagram { display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding:12px; border:1px dashed var(--border); border-radius:10px; background:var(--surface-2); font-size:10px; }
.flow-diagram span { padding:6px 8px; background:var(--surface); border:1px solid var(--border); border-radius:7px; }
.flow-diagram b { color:var(--muted); }
.utm-builder { padding:15px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); }
.textarea { width:100%; border:1px solid var(--border); background:var(--surface); color:var(--text); border-radius:8px; padding:10px 11px; outline:none; }
.textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.social-mock { overflow:hidden; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
.social-platform { padding:8px 11px; border-bottom:1px solid var(--border); color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.social-thumb,.social-thumb-empty { display:block; width:100%; aspect-ratio:1.91/1; object-fit:cover; background:linear-gradient(135deg,var(--surface-3),var(--surface-2)); }
.social-thumb-empty { display:grid; place-items:center; color:var(--muted-2); font-size:10px; }
.social-copy { display:grid; gap:4px; padding:11px; }
.social-copy b { font-size:12px; line-height:1.35; }
.social-copy p { margin:0; color:var(--muted); font-size:10px; line-height:1.45; }
.social-copy small { color:var(--muted-2); font-size:9px; text-transform:uppercase; }
.sidebar-user { min-width:0; display:flex; align-items:center; gap:9px; flex:1; }
.avatar-img { width:34px; height:34px; border-radius:50%; object-fit:cover; border:1px solid rgba(255,255,255,.12); }
.profile-grid { display:grid; grid-template-columns:180px minmax(0,1fr); gap:16px; align-items:start; }
.profile-avatar-large { width:112px; height:112px; border-radius:22px; overflow:hidden; display:grid; place-items:center; background:var(--surface-3); border:1px solid var(--border); font-size:34px; font-weight:800; }
.profile-avatar-large img { width:100%; height:100%; object-fit:cover; }
.security-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.security-panel { padding:16px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); }
.security-status { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:999px; background:var(--surface-3); color:var(--muted); font-size:10px; font-weight:800; }
.session-list,.security-event-list { display:grid; }
.session-row,.security-event { display:grid; gap:8px; align-items:center; padding:10px 0; border-top:1px solid var(--border); font-size:10px; }
.session-row { grid-template-columns:minmax(0,1fr) auto; }
.session-row:first-child,.security-event:first-child { border-top:0; }
.security-event { grid-template-columns:120px minmax(0,1fr) 145px; }
.security-event b,.session-row b { font-size:11px; }
.security-event span,.session-row span { color:var(--muted); overflow-wrap:anywhere; }
.security-check-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.security-check-grid > div { display:flex; gap:8px; align-items:flex-start; padding:10px; border:1px solid var(--border); background:var(--surface-2); border-radius:9px; font-size:10px; }
.qr-box { display:grid; place-items:center; min-height:190px; padding:14px; border:1px solid var(--border); border-radius:12px; background:#fff; overflow:auto; }
.qr-box svg { max-width:180px; height:auto; }
.twofa-setup { display:grid; grid-template-columns:210px minmax(0,1fr); gap:16px; align-items:start; }
.recovery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.recovery-grid code { padding:8px; border:1px solid var(--border); border-radius:8px; background:var(--surface-2); text-align:center; font-size:10px; }
.otp-input { letter-spacing:.12em; font-variant-numeric:tabular-nums; }

@media (max-width:1120px){
  .flow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .security-grid { grid-template-columns:1fr; }
}
@media (max-width:860px){
  .content { width:100%; padding-left:14px; padding-right:14px; }
  .kpi-grid,.grid-dashboard,.grid-triple,.analytics-kpis,.form-grid { grid-template-columns:1fr 1fr; }
  .grid-dashboard > *,.grid-triple > *,.kpi-grid > *,.analytics-kpis > *,.form-grid > * { min-width:0; }
  .profile-grid,.twofa-setup { grid-template-columns:1fr; }
  .social-mock { max-width:100%; }
  .security-event { grid-template-columns:1fr; gap:3px; }
  .page-head { gap:10px; }
}
@media (max-width:560px){
  .content { padding-left:12px; padding-right:12px; }
  .kpi-grid,.grid-dashboard,.grid-triple,.analytics-kpis,.form-grid,.flow-grid,.security-check-grid { grid-template-columns:1fr; }
  .page-head { flex-direction:column; align-items:stretch; }
  .page-actions { justify-content:flex-start; width:100%; }
  .page-actions .btn,.page-actions .select-compact { max-width:100%; }
  .flow-card { min-height:90px; }
  .rank-row { grid-template-columns:minmax(0,1fr) 56px; }
  .rank-row .rank-bar { display:none; }
  .recovery-grid { grid-template-columns:1fr; }
  .sidebar-footer { margin-bottom:calc(54px + env(safe-area-inset-bottom,0px)); }
}
.check-line{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);line-height:1.45}.check-line input{accent-color:var(--accent)}
.advanced-security-body{margin-top:12px}.security-mode-grid .flow-card{min-height:104px}.security-mode-grid .flow-card svg{color:var(--accent)}
/* V1.0.0 final analytics/live polish */
.chart-line-previous{fill:none;stroke:var(--muted-2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 5;opacity:.8}
.chart-controls{flex-wrap:wrap;justify-content:flex-end;row-gap:7px}
.chart-compare{font-size:10px;white-space:nowrap;color:var(--muted);gap:5px}
.btn-live.live{color:#fff;background:#16a34a;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12)}
@media (max-width:560px){.chart-controls{justify-content:flex-start;width:100%}.chart-controls .select-compact{width:100%}.chart-card .card-head{align-items:flex-start;flex-direction:column}}

/* V1.0.0 — responsive UI, analytics and branding hotfix */
.brand-adslink { gap:9px; user-select:none; white-space:nowrap; }
.brand-adslink .brand-mark { flex:0 0 auto; overflow:visible; }
.brand-wordmark { display:inline-flex; align-items:baseline; font-size:inherit; line-height:1; letter-spacing:-.04em; font-weight:850; }
.brand-word-ads { color:#ff9d18; }
.brand-word-link { color:#1677ff; }
.sidebar .brand-word-link,.auth-brand .brand-word-link { color:#4cc9ff; }
.brand-tagline { margin-top:8px; color:#9db0c8; font-size:11px; font-weight:750; letter-spacing:.025em; }
.login-tagline { text-align:center; margin-top:9px; }
.brand-adslink.compact { gap:8px; }
.login-brand { margin-bottom:26px; }
.security-brand { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.security-brand-label { color:#9db0c8; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }

/* Sidebar identity block must never compete for the same horizontal space. */
.sidebar-footer { width:100%; min-width:0; overflow:hidden; }
.sidebar-footer .avatar,.sidebar-footer .avatar-img { flex:0 0 34px; }
.sidebar-user { flex:1 1 auto; min-width:0; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; overflow:hidden; }
.sidebar-footer .name,.sidebar-footer .email { display:block; width:100%; min-width:0; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sidebar-footer .signout { flex:0 0 auto; margin-left:4px; }

/* Tab bars remain scrollable; tab labels are never allowed to shrink into each other. */
.tabs { display:flex; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; }
.tab { flex:0 0 auto; min-width:max-content; scroll-snap-align:start; }

/* Chart sizing: keep labels/strokes proportional and make single-day data visible. */
.chart-wrap { width:100%; min-width:0; overflow:hidden; }
.chart-svg { display:block; width:100%; height:100%; overflow:hidden; }
.chart-point { stroke:var(--surface); stroke-width:2.5; vector-effect:non-scaling-stroke; }
.chart-point-total { fill:var(--accent); }
.chart-point-unique { fill:#22c55e; }
.chart-point-previous { fill:var(--muted-2); }
.chart-line-total,.chart-line-unique,.chart-line-previous,.chart-grid { vector-effect:non-scaling-stroke; }
.chart-x-label { font-weight:700; }

/* Health has a dedicated mobile representation rather than squeezing six table columns. */
.health-mobile-list { display:none; }
.health-destination { min-width:220px; max-width:420px; }
.health-destination > b { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.health-mobile-card { display:grid; gap:12px; padding:14px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); }
.health-mobile-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; min-width:0; }
.health-mobile-destination { display:grid; gap:4px; min-width:0; flex:1 1 auto; }
.health-mobile-destination b { font-size:12px; line-height:1.45; overflow-wrap:anywhere; word-break:break-word; }
.health-mobile-destination small { color:var(--red); font-size:10px; line-height:1.35; overflow-wrap:anywhere; }
.health-mobile-head > .pill { flex:0 0 auto; }
.health-mobile-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.health-mobile-meta > div { min-width:0; display:grid; gap:3px; padding:9px 10px; border:1px solid var(--border); border-radius:8px; background:var(--surface); }
.health-mobile-meta span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.04em; }
.health-mobile-meta b { min-width:0; font-size:10px; line-height:1.4; overflow-wrap:anywhere; word-break:break-word; }

/* Global anti-overlap audit guards. */
.page-head,.page-title,.page-actions,.card-head,.card-head > div,.toolbar,.switch-row,.switch-copy,.rule-top,.preview-toolbar,.link-hero,.link-hero-main,.actions,.input-group,.system-time-card,.security-panel { min-width:0; }
.page-title h1,.page-title p,.card-title,.card-sub,.section-title,.switch-copy b,.switch-copy span { max-width:100%; overflow-wrap:anywhere; }
.card-head,.preview-toolbar,.rule-top { flex-wrap:wrap; }
.actions { flex-wrap:wrap; }
.link-hero-main { max-width:100%; }
.link-hero-url { min-width:0; max-width:100%; }
.switch-copy { flex:1 1 220px; }
.switch { flex:0 0 auto; }
.modal { max-width:calc(100vw - 24px); }
.modal-head,.modal-body,.modal-foot { min-width:0; }
.modal-foot { flex-wrap:wrap; }
.toast-root { max-width:calc(100vw - 24px); }
.toast { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.table-wrap { overscroll-behavior-inline:contain; }
td,th { max-width:520px; }
td { overflow-wrap:anywhere; }
.domain-stack { max-width:100%; }
.domain-error { max-width:100%; }
.preview-toolbar > *,.system-time-card > * { min-width:0; }
.security-panel .actions { margin-top:10px; }

@media (max-width:860px){
  .sidebar { width:min(78vw,300px); max-width:300px; }
  .sidebar-footer { gap:9px; padding-left:10px; padding-right:6px; }
  .tabs { margin-left:-14px; margin-right:-14px; padding-left:14px; padding-right:14px; }
  .card-head { gap:10px; }
  .toolbar > * { min-width:0; }
  .health-table { display:none; }
  .health-mobile-list { display:grid; gap:10px; }
  .health-section { overflow:hidden; }
}

@media (max-width:560px){
  .topbar { padding-left:max(12px,env(safe-area-inset-left,0px)); padding-right:max(12px,env(safe-area-inset-right,0px)); }
  .topbar .brand-adslink { position:absolute; left:50%; transform:translateX(-50%); }
  .topbar .brand-wordmark { font-size:17px; }
  .content { padding-left:12px; padding-right:12px; }
  .card-pad,.section-card { padding:15px; }
  .tabs { margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; gap:2px; }
  .tab { min-height:44px; padding-left:11px; padding-right:11px; font-size:11px; }
  .chart-wrap { height:220px; }
  .chart-label { font-size:10px; }
  .chart-controls { gap:9px 12px; }
  .chart-controls > span,.chart-compare { flex:0 0 auto; }
  .chart-controls .select-compact { flex:1 0 100%; }
  .health-mobile-meta { grid-template-columns:1fr 1fr; }
  .toolbar .search { flex-basis:100%; width:100%; }
  .toolbar .select,.toolbar .btn { max-width:100%; }
  .page-actions { gap:7px; }
  .modal-backdrop { padding:12px; }
  .modal { max-height:calc(100dvh - 24px); border-radius:14px; }
  .modal-body { padding:15px; }
  .modal-foot { padding:12px 15px; }
  .modal-foot .btn { flex:1 1 120px; }
  .toast-root { left:12px; right:12px; top:calc(12px + env(safe-area-inset-top,0px)); max-width:none; }
  .toast { width:100%; }
  .switch-row { align-items:flex-start; }
  .security-panel .actions .btn { flex:1 1 150px; }
}

@media (max-width:390px){
  .content { padding-left:10px; padding-right:10px; }
  .card-pad,.section-card { padding:13px; }
  .page-title h1 { font-size:24px; }
  .btn { padding-left:11px; padding-right:11px; }
  .health-mobile-meta { grid-template-columns:1fr; }
  .sidebar { width:min(84vw,286px); }
  .brand-adslink { gap:7px; }
}

@media (max-width:340px){
  .content { padding-left:8px; padding-right:8px; }
  .card-pad,.section-card { padding:12px; }
  .topbar .brand-wordmark { font-size:16px; }
  .page-actions .btn { flex:1 1 130px; }
}

/* V1.0.0 — mobile Links list correction.
   Do not squeeze the six-column desktop table into a phone viewport. */
.links-mobile-list { display:none; }
.links-filter-row { display:flex; align-items:center; gap:8px; flex:0 1 auto; min-width:0; }
.links-filter-row .select { width:auto; min-width:132px; }
.table-link-url,.table-destination { display:block; min-width:0; max-width:330px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.table-link-title { margin-top:3px; color:var(--muted); font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pill { white-space:nowrap; flex-wrap:nowrap; }

/* The V1.0.0 global anti-overlap guard was intentionally broad. Tables should
   scroll or switch layouts instead of breaking normal words character-by-character. */
td { overflow-wrap:normal; word-break:normal; }

@media (max-width:760px){
  .links-panel { overflow:hidden; }
  .links-desktop-table { display:none; }
  .links-mobile-list { display:grid; gap:10px; }
  .links-toolbar { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
  .links-toolbar .search { width:100%; min-width:0; }
  .links-filter-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:8px; }
  .links-filter-row .select { width:100%; min-width:0; }
  .link-mobile-card { display:grid; gap:12px; min-width:0; padding:14px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); }
  .link-mobile-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; min-width:0; }
  .link-mobile-identity { min-width:0; flex:1 1 auto; display:grid; gap:4px; }
  .link-mobile-url { display:block; min-width:0; max-width:100%; font-size:13px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow-wrap:normal; word-break:normal; }
  .link-mobile-title { min-width:0; color:var(--muted); font-size:10px; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .link-mobile-head > .pill { flex:0 0 auto; max-width:110px; }
  .link-mobile-destination { display:grid; gap:4px; min-width:0; }
  .link-mobile-destination span,.link-mobile-meta span { color:var(--muted); font-size:9px; line-height:1.2; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
  .link-mobile-destination b { display:block; min-width:0; max-width:100%; font-size:11px; line-height:1.45; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow-wrap:normal; word-break:normal; }
  .link-mobile-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .link-mobile-meta > div { min-width:0; display:grid; gap:4px; padding:9px 10px; border:1px solid var(--border); border-radius:8px; background:var(--surface); }
  .link-mobile-meta b { min-width:0; font-size:11px; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .link-mobile-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px 34px; gap:7px; min-width:0; }
  .link-mobile-actions .btn { min-width:0; }
  .link-mobile-actions .icon-btn { width:34px; height:34px; background:var(--surface); }
  .links-mobile-empty { border:1px dashed var(--border); border-radius:10px; background:var(--surface-2); }
}

@media (max-width:390px){
  .link-mobile-card { padding:12px; gap:10px; }
  .link-mobile-head { gap:8px; }
  .link-mobile-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .link-mobile-actions .icon-btn { width:100%; }
}

/* V1.0.0 — Pre-Lander + Bridge 2.0 */
.xp-builder { min-width:0; }
.xp-builder > * { min-width:0; }
.xp-statusbar,
.xp-routing-card,
.xp-inspector,
.xp-funnel { border:1px solid var(--border); border-radius:12px; background:var(--surface); padding:15px; min-width:0; }
.xp-statusbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.xp-statusbar > div { min-width:0; }
.xp-statusbar b { display:block; font-size:12px; line-height:1.4; }
.xp-statusbar span { display:block; color:var(--muted); font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.xp-version-tools { display:flex; align-items:center; gap:7px; flex:0 0 auto; min-width:0; }
.xp-version-tools .select { width:auto; min-width:96px; }
.xp-template-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:7px; align-items:center; min-width:0; }
.xp-template-row > * { min-width:0; }
.xp-template-row .select { width:100%; }
.xp-routing-card { display:grid; gap:14px; }
.xp-publish-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:2px; }
.xp-publish-actions .btn { min-width:0; }

/* Visual preview intentionally mirrors the public renderer without forcing a fixed phone width. */
.xp-preview-stage { min-width:0; min-height:500px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); padding:14px; display:flex; flex-direction:column; overflow:hidden; }
.xp-preview-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; min-width:0; }
.xp-preview-head > * { min-width:0; }
.xp-preview-shell { flex:1 1 auto; min-height:430px; display:grid; place-items:stretch; border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#0b1220; }
.xp-preview-page { --xp-bg:#fff; --xp-text:#101828; --xp-accent:#1677ff; position:relative; isolation:isolate; width:100%; min-width:0; min-height:430px; color:var(--xp-text); background:var(--xp-bg); display:grid; align-items:center; justify-items:center; text-align:center; padding:28px; overflow:hidden; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.xp-preview-page::before { content:""; position:absolute; inset:0; z-index:-2; background:var(--xp-bg); }
.xp-preview-page.has-bg::after { content:""; position:absolute; inset:0; z-index:-1; background:rgba(0,0,0,.26); pointer-events:none; }
.xp-preview-page.font-rounded { font-family:"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif; }
.xp-preview-page.font-serif { font-family:Georgia,"Times New Roman",serif; }
.xp-preview-card { width:min(100%,520px); min-width:0; display:grid; justify-items:center; gap:12px; padding:26px; border-radius:18px; }
.xp-preview-page.layout-card .xp-preview-card { background:color-mix(in srgb,var(--xp-bg) 82%,transparent); border:1px solid color-mix(in srgb,var(--xp-text) 15%,transparent); box-shadow:0 18px 50px rgba(0,0,0,.16); backdrop-filter:blur(12px); }
.xp-preview-page.layout-hero { align-items:end; text-align:left; justify-items:stretch; }
.xp-preview-page.layout-hero .xp-preview-card { width:min(100%,620px); justify-items:start; margin-top:auto; background:linear-gradient(180deg,transparent,rgba(0,0,0,.34)); border-radius:16px; }
.xp-preview-page h3 { margin:0; max-width:100%; font-size:24px; line-height:1.12; overflow-wrap:anywhere; }
.xp-preview-page p { margin:0; max-width:100%; font-size:12px; line-height:1.55; opacity:.78; overflow-wrap:anywhere; }
.xp-preview-page small { max-width:100%; font-size:9px; line-height:1.4; opacity:.62; overflow-wrap:anywhere; }
.xp-preview-logo { width:58px; height:58px; object-fit:contain; border-radius:13px; }
.xp-preview-mark { width:54px; height:54px; border-radius:14px; display:grid; place-items:center; color:#fff; background:var(--xp-accent); font-weight:900; font-size:20px; box-shadow:0 12px 30px color-mix(in srgb,var(--xp-accent) 30%,transparent); }
.xp-preview-bar { width:min(100%,300px); height:5px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--xp-text) 12%,transparent); }
.xp-preview-bar > i { display:block; width:62%; height:100%; border-radius:inherit; background:var(--xp-accent); animation:xpPreviewProgress 1.2s ease-in-out infinite alternate; }
.xp-preview-spinner { width:27px; height:27px; border-radius:50%; border:3px solid color-mix(in srgb,var(--xp-text) 14%,transparent); border-top-color:var(--xp-accent); animation:xpSpin .8s linear infinite; }
.xp-preview-dots { display:flex; gap:5px; align-items:center; }
.xp-preview-dots i { width:7px; height:7px; border-radius:50%; background:var(--xp-accent); animation:xpDot 1s infinite ease-in-out; }
.xp-preview-dots i:nth-child(2){animation-delay:.15s}.xp-preview-dots i:nth-child(3){animation-delay:.3s}
.xp-preview-page button { max-width:100%; min-height:36px; padding:8px 16px; border:0; border-radius:9px; background:var(--xp-accent); color:#fff; font:inherit; font-weight:800; font-size:11px; }
.xp-preview-page em { max-width:100%; color:inherit; font-style:normal; font-size:9px; opacity:.62; overflow-wrap:anywhere; }
.xp-preview-page.transition-slide .xp-preview-card { animation:xpSlide .35s ease both; }
.xp-preview-page.transition-zoom .xp-preview-card { animation:xpZoom .35s ease both; }
.xp-preview-page.transition-fade .xp-preview-card { animation:xpFade .35s ease both; }

.switch-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.switch-grid .switch-row { min-width:0; border:1px solid var(--border); border-radius:10px; padding:10px; background:var(--surface-2); }
.asset-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.asset-grid > * { min-width:0; }
.asset-grid .field { margin:0; }
.asset-grid input[type=file] { display:block; width:100%; min-width:0; max-width:100%; font-size:10px; }

.xp-inspector { display:grid; gap:12px; }
.xp-track-result { display:grid; gap:8px; min-width:0; }
.xp-track-group { display:grid; gap:6px; min-width:0; }
.xp-track-group > b { font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.045em; }
.xp-track-chips { display:flex; flex-wrap:wrap; gap:6px; min-width:0; }
.xp-param { display:inline-flex; align-items:center; gap:5px; min-width:0; max-width:100%; padding:6px 8px; border-radius:8px; border:1px solid var(--border); background:var(--surface-2); font:700 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; overflow:hidden; }
.xp-param span { min-width:0; max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xp-param.keep { border-color:color-mix(in srgb,#22c55e 40%,var(--border)); }
.xp-param.keep::before { content:"✓"; color:#22c55e; }
.xp-param.drop { opacity:.7; border-color:color-mix(in srgb,#ef4444 36%,var(--border)); }
.xp-param.drop::before { content:"×"; color:#ef4444; }
.xp-track-empty { color:var(--muted); font-size:10px; }

.xp-funnel { display:grid; gap:13px; overflow:hidden; }
.xp-funnel .card-head { margin:0; }
.xp-funnel-grid { display:flex; align-items:stretch; gap:7px; min-width:0; overflow-x:auto; overscroll-behavior-inline:contain; padding-bottom:3px; }
.xp-funnel-grid > i { flex:0 0 auto; align-self:center; color:var(--muted); font-style:normal; }
.xp-funnel-stage { flex:1 0 120px; min-width:120px; display:grid; gap:4px; padding:11px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); }
.xp-funnel-stage span { color:var(--muted); font-size:9px; line-height:1.3; }
.xp-funnel-stage b { font-size:18px; line-height:1.1; }
.xp-funnel-stage small { color:var(--muted); font-size:8px; line-height:1.35; }

.xp-flow-canvas { display:flex; align-items:stretch; gap:7px; min-width:0; overflow-x:auto; overscroll-behavior-inline:contain; padding:4px 0; }
.xp-flow-canvas > i { flex:0 0 auto; align-self:center; color:var(--muted); font-style:normal; }
.xp-flow-node { flex:1 0 130px; min-width:130px; min-height:66px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); color:var(--text); padding:10px; text-align:left; display:grid; align-content:center; gap:3px; }
.xp-flow-node.on { border-color:color-mix(in srgb,var(--accent) 48%,var(--border)); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent); }
.xp-flow-node.off { opacity:.56; }
.xp-flow-node b { font-size:10px; line-height:1.3; }
.xp-flow-node span { color:var(--muted); font-size:8px; line-height:1.35; }

@keyframes xpPreviewProgress { from{width:22%} to{width:86%} }
@keyframes xpSpin { to{transform:rotate(360deg)} }
@keyframes xpDot { 0%,70%,100%{transform:translateY(0);opacity:.45} 35%{transform:translateY(-4px);opacity:1} }
@keyframes xpSlide { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
@keyframes xpZoom { from{opacity:0;transform:scale(.965)} to{opacity:1;transform:none} }
@keyframes xpFade { from{opacity:0} to{opacity:1} }

@media (max-width:900px){
  .xp-preview-stage { min-height:430px; }
  .xp-preview-shell,.xp-preview-page { min-height:360px; }
  .xp-flow-node { flex-basis:122px; min-width:122px; }
}

@media (max-width:560px){
  .xp-statusbar { display:grid; grid-template-columns:minmax(0,1fr); }
  .xp-version-tools { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; }
  .xp-version-tools .select { width:100%; min-width:0; }
  .xp-template-row { grid-template-columns:minmax(0,1fr) auto; }
  .xp-template-row .btn:last-child { grid-column:1 / -1; width:100%; }
  .switch-grid,.asset-grid { grid-template-columns:1fr; }
  .xp-preview-stage { min-height:350px; padding:9px; }
  .xp-preview-shell,.xp-preview-page { min-height:320px; }
  .xp-preview-page { padding:18px; }
  .xp-preview-card { padding:20px; border-radius:14px; gap:10px; }
  .xp-preview-page h3 { font-size:20px; }
  .xp-preview-page p { font-size:11px; }
  .xp-preview-logo,.xp-preview-mark { width:48px; height:48px; }
  .xp-funnel-grid,.xp-flow-canvas { margin-left:-1px; margin-right:-1px; }
  .xp-funnel-stage { flex-basis:112px; min-width:112px; }
  .xp-inspector,.xp-funnel,.xp-routing-card,.xp-statusbar { padding:12px; }
  .xp-publish-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .xp-publish-actions .btn { width:100%; }
  .xp-track-chips { display:grid; grid-template-columns:minmax(0,1fr); }
  .xp-param { width:100%; }
  .xp-param span { max-width:100%; }
}

@media (max-width:390px){
  .xp-template-row { grid-template-columns:minmax(0,1fr); }
  .xp-template-row .btn { width:100%; }
  .xp-version-tools { grid-template-columns:minmax(0,1fr); }
  .xp-version-tools .btn { width:100%; }
  .xp-publish-actions { grid-template-columns:1fr; }
  .xp-preview-page { padding:14px; }
  .xp-preview-card { padding:16px; }
  .xp-preview-page h3 { font-size:18px; }
  .xp-flow-node { flex-basis:112px; min-width:112px; }
}


/* AdsLink V1.0.0 Advanced Visual Customization */
.xp-advanced-controls{display:grid;gap:10px;min-width:0}.xp-control-group{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);overflow:hidden}.xp-control-group>summary{cursor:pointer;list-style:none;padding:13px 14px;font-size:11px;font-weight:850;display:flex;align-items:center;justify-content:space-between}.xp-control-group>summary::-webkit-details-marker{display:none}.xp-control-group>summary::after{content:'+';font-size:16px;color:var(--muted)}.xp-control-group[open]>summary::after{content:'−'}.xp-control-body{border-top:1px solid var(--border);padding:14px;display:grid;gap:13px}.xp-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.xp-mini-toggle{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.xp-mini-toggle span{font-size:10px;font-weight:750;min-width:0}.xp-order-list{display:grid;gap:6px}.xp-order-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.xp-order-item b{font-size:10px}.xp-order-grip{color:var(--muted);letter-spacing:-2px}.xp-order-actions{display:flex;gap:4px}.btn-xs{min-height:26px!important;padding:3px 7px!important;font-size:10px!important}.xp-asset-section{display:grid;gap:9px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.xp-asset-current{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center}.xp-asset-current img{width:58px;height:58px;object-fit:cover;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.xp-asset-current b,.xp-asset-current span{display:block}.xp-asset-current b{font-size:10px}.xp-asset-current span,.xp-asset-empty{font-size:9px;color:var(--muted);line-height:1.45}.xp-upload-guide{display:grid;gap:2px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border))}.xp-upload-guide b{font-size:9px}.xp-upload-guide span{font-size:8.5px;color:var(--muted);line-height:1.35}.btn-danger-soft{color:#ef4444!important;border-color:color-mix(in srgb,#ef4444 32%,var(--border))!important}.xp-preview-page{display:flex!important;flex-direction:column;position:relative;justify-content:center;align-items:center;background:var(--xp-bg);color:var(--xp-text);padding:18px}.xp-preview-page.valign-top{justify-content:flex-start}.xp-preview-page.valign-bottom{justify-content:flex-end}.xp-preview-page.align-left{align-items:flex-start;text-align:left}.xp-preview-page.align-right{align-items:flex-end;text-align:right}.xp-preview-page.align-center{align-items:center;text-align:center}.xp-preview-card{width:min(var(--xp-card-width),100%)!important;display:flex!important;flex-direction:column;align-items:inherit!important;text-align:inherit!important;min-width:0}.xp-preview-page.card-solid .xp-preview-card{background:color-mix(in srgb,var(--xp-bg) var(--xp-card-mix),transparent);border:1px solid color-mix(in srgb,var(--xp-text) 13%,transparent);box-shadow:0 16px 42px rgba(0,0,0,.15)}.xp-preview-page.card-glass .xp-preview-card{background:color-mix(in srgb,var(--xp-bg) var(--xp-card-mix),transparent);border:1px solid color-mix(in srgb,var(--xp-text) 13%,transparent);backdrop-filter:blur(var(--xp-card-blur));box-shadow:0 18px 54px rgba(0,0,0,.2)}.xp-preview-page h3{font-size:var(--xp-title-size)!important;line-height:1.16}.xp-preview-page p{font-size:var(--xp-desc-size)!important}.xp-preview-logo{width:var(--xp-logo-size)!important;height:var(--xp-logo-size)!important}.xp-preview-hero{display:block;width:min(100%,var(--xp-hero-width));max-height:190px;object-fit:var(--xp-hero-fit);object-position:var(--xp-hero-position);border-radius:var(--xp-hero-radius)}.xp-preview-footer{font-size:9px;opacity:.5}.xp-preview-card>button{align-self:inherit}.xp-preview-card>em{align-self:inherit}
@media(max-width:560px){.xp-toggle-grid{grid-template-columns:1fr}.xp-control-body{padding:11px}.xp-asset-current{grid-template-columns:48px minmax(0,1fr)}.xp-asset-current img{width:48px;height:48px}}

.xp-preview-page h3{font-weight:800;letter-spacing:-.02em}.xp-preview-page p{opacity:var(--xp-desc-opacity)}.xp-preview-logo{border-radius:var(--xp-logo-radius)!important}.xp-preview-hero{width:min(100%,var(--xp-hero-width))!important;border-radius:var(--xp-hero-radius)!important}.xp-preview-spinner{width:var(--xp-loader-size)!important;height:var(--xp-loader-size)!important;border-width:max(2px,calc(var(--xp-progress)/2))!important;animation-duration:var(--xp-loader-speed)!important}.xp-preview-bar{height:var(--xp-progress)!important}.xp-preview-bar>i{animation-duration:var(--xp-loader-speed)!important}.xp-preview-dots i{animation-duration:var(--xp-loader-speed)!important}.xp-preview-page button{border-radius:var(--xp-button-radius)!important}.xp-preview-page.btn-gradient button{background:linear-gradient(135deg,var(--xp-accent),var(--xp-button-to))!important}.xp-preview-page.btn-outline button{background:transparent!important;color:var(--xp-accent)!important;border:1px solid var(--xp-accent)!important}.xp-preview-page.btn-full button{width:100%!important}.xp-preview-page.card-none .xp-preview-card{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}

.xp-preview-circle{width:var(--xp-loader-size);height:var(--xp-loader-size);border-radius:50%;background:conic-gradient(var(--xp-accent) 0 68%,color-mix(in srgb,var(--xp-text) 12%,transparent) 68% 100%);display:grid;place-items:center;animation:xpSpin var(--xp-loader-speed) linear infinite}.xp-preview-circle i{width:72%;height:72%;border-radius:50%;background:var(--xp-bg)}.xp-preview-pulse{width:var(--xp-loader-size);height:var(--xp-loader-size);display:grid;place-items:center}.xp-preview-pulse i{width:42%;height:42%;border-radius:50%;background:var(--xp-accent);animation:xpPulsePreview var(--xp-loader-speed) ease-out infinite}.xp-preview-skeleton{width:min(100%,260px);display:grid;gap:6px}.xp-preview-skeleton i{height:max(5px,var(--xp-progress));border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--xp-text) 8%,transparent),color-mix(in srgb,var(--xp-text) 20%,transparent),color-mix(in srgb,var(--xp-text) 8%,transparent));background-size:220% 100%;animation:xpSkeletonPreview var(--xp-loader-speed) linear infinite}.xp-preview-skeleton i:nth-child(2){width:76%}.xp-preview-skeleton i:nth-child(3){width:52%}.xp-preview-page.hover-lift button:hover{transform:translateY(-2px)}.xp-preview-page.hover-glow button:hover{box-shadow:0 8px 28px color-mix(in srgb,var(--xp-accent) 38%,transparent)}@keyframes xpPulsePreview{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--xp-accent) 45%,transparent)}80%,100%{box-shadow:0 0 0 16px transparent}}@keyframes xpSkeletonPreview{from{background-position:200% 0}to{background-position:-20% 0}}@media(max-width:560px){.xp-preview-card{width:min(var(--xp-mobile-card-width),100%)!important}}

/* V1.0.0 — Brand-accurate analytics icons */
.analytics-label,.live-meta{display:inline-flex;align-items:center;gap:7px;min-width:0}
.analytics-label>span:last-child,.live-meta>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analytics-icon{width:22px;height:22px;min-width:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;box-sizing:border-box}
.analytics-icon.brand-logo{background:#fff;border:1px solid rgba(148,163,184,.24);padding:3px}
.analytics-icon.brand-logo img{display:block;width:15px;height:15px;object-fit:contain}
.analytics-icon.flag-logo{width:22px;height:16px;min-width:22px;border-radius:4px;border:1px solid rgba(148,163,184,.25);background:#fff;padding:0}
.analytics-icon.flag-logo img{display:block;width:100%;height:100%;object-fit:cover}
.analytics-icon.semantic-logo{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}
.country-flag{display:none}
.live-row{grid-template-columns:72px 80px minmax(90px,120px) minmax(86px,110px) minmax(90px,120px) minmax(90px,120px) minmax(150px,1fr) auto auto auto}
.live-meta{text-transform:capitalize}
.bot-meta{white-space:nowrap}
@media(max-width:860px){
  .live-list{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .live-row{min-width:980px}
}
@media(max-width:560px){
  .analytics-icon{width:20px;height:20px;min-width:20px;border-radius:6px}
  .analytics-icon.brand-logo img{width:14px;height:14px}
  .analytics-icon.flag-logo{width:21px;height:15px;min-width:21px}
  .rank-label.analytics-label{gap:6px}
}

/* ─────────────────────────────────────────────────────────────
   AdsLink v1.0.0 · Bridge Pages Manager + mobile sidebar footer
   ───────────────────────────────────────────────────────────── */
.bridge-pages-kpis { margin-bottom:12px; }
.bridge-project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.bridge-project-card { border:1px solid var(--border); background:var(--surface-2); border-radius:14px; padding:14px; min-width:0; }
.bridge-project-head { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:10px; align-items:center; }
.bridge-project-mark { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,var(--surface)); border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border)); }
.bridge-project-title { min-width:0; display:grid; gap:3px; }
.bridge-project-title b { font-size:13px; overflow-wrap:anywhere; }
.bridge-project-title a { min-width:0; display:flex; align-items:center; gap:4px; color:var(--muted); font-size:10px; overflow-wrap:anywhere; }
.bridge-project-pills { display:flex; gap:5px; flex-wrap:wrap; justify-content:flex-end; }
.bridge-project-meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:14px; }
.bridge-project-meta > div { min-width:0; padding:8px; border-radius:9px; background:var(--surface); border:1px solid var(--border); display:grid; gap:3px; }
.bridge-project-meta span { color:var(--muted); font-size:9px; }
.bridge-project-meta b { min-width:0; font-size:10px; overflow-wrap:anywhere; }
.bridge-project-actions { display:flex; gap:6px; flex-wrap:wrap; margin-top:12px; }
.bridge-project-actions .btn { min-height:32px; }
.bridge-pages-empty { grid-column:1/-1; padding:30px 14px; }
.input-suffix { align-self:stretch; display:flex; align-items:center; padding:0 10px; border:1px solid var(--border); border-left:0; border-radius:0 9px 9px 0; background:var(--surface-2); color:var(--muted); font-size:11px; white-space:nowrap; }
.input-group .input + .input-suffix { border-top-left-radius:9px; border-bottom-left-radius:9px; }

@media (max-width: 980px) {
  .bridge-project-grid { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
  .bridge-project-head { grid-template-columns:36px minmax(0,1fr); }
  .bridge-project-pills { grid-column:1/-1; justify-content:flex-start; }
  .bridge-project-meta { grid-template-columns:1fr 1fr; }
  .bridge-project-actions { display:grid; grid-template-columns:1fr 1fr; }
  .bridge-project-actions .btn { width:100%; justify-content:center; }
}

/* Keep the account/profile block naturally at the bottom on mobile. */
@media (max-width: 860px) {
  .sidebar {
    height:100dvh;
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px));
  }
  .sidebar .nav {
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding-bottom:8px;
  }
  .sidebar-footer {
    margin-top:auto;
    margin-bottom:0 !important;
    flex:0 0 auto;
    padding:10px 8px max(4px, env(safe-area-inset-bottom, 0px));
  }
}

/* ─────────────────────────────────────────────────────────────
   AdsLink v1.0.0 · Comfort UI + lightweight motion
   Frontend-only. Optimized for long sessions and mobile stability.
   ───────────────────────────────────────────────────────────── */
:root{
  --ui-motion-fast:160ms cubic-bezier(.2,.8,.2,1);
  --ui-motion:200ms cubic-bezier(.2,.8,.2,1);
}
html[data-accent-intensity="subtle"]{--accent-soft:color-mix(in srgb,var(--accent) 8%,transparent)}
html[data-accent-intensity="vibrant"]{--accent-soft:color-mix(in srgb,var(--accent) 16%,transparent)}
html[data-theme="dark"]{
  --bg:#0b1320;
  --surface:#111b2a;
  --surface-2:#0f1826;
  --surface-3:#182438;
  --border:#26354a;
  --muted:#9baabd;
  --muted-2:#73849a;
  --shadow:0 4px 16px rgba(0,0,0,.12);
  --shadow-lg:0 16px 44px rgba(0,0,0,.26);
}

/* Stable, lightweight motion: transform/opacity first, never layout-heavy animation. */
.btn,.icon-btn,.nav-item,.card,.rule-card,.flow-card,.bridge-project-card,.link-mobile-card,.tab,.ui-pin-btn{
  transition:transform var(--ui-motion-fast),opacity var(--ui-motion-fast),background-color var(--ui-motion-fast),border-color var(--ui-motion-fast),color var(--ui-motion-fast),box-shadow var(--ui-motion-fast);
}
@media (hover:hover) and (pointer:fine){
  .card.ui-hoverable:hover,.bridge-project-card:hover,.link-mobile-card:hover{transform:translateY(-1px)}
}

/* Calm sticky context bar: keeps title/actions available without heavy blur. */
.page-head{
  position:sticky;
  top:0;
  z-index:24;
  padding:9px 0 12px;
  background:var(--bg);
  border-bottom:1px solid transparent;
}
.page-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--border);opacity:.55}

/* Sidebar visual refinement + command search. */
.sidebar-command{
  width:100%;min-height:38px;margin:10px 0 4px;padding:0 11px;border:1px solid rgba(255,255,255,.075);border-radius:9px;
  background:rgba(255,255,255,.035);color:#91a4bb;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;text-align:left;
  transition:background-color var(--ui-motion-fast),color var(--ui-motion-fast),border-color var(--ui-motion-fast),transform var(--ui-motion-fast);
}
.sidebar-command:hover{color:#fff;background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.11)}
.nav-item:hover{transform:none;background:rgba(255,255,255,.045)}
.nav-item.active{
  background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.025));
  box-shadow:inset 2px 0 0 color-mix(in srgb,var(--accent) 85%,white 5%);
}
.topbar-command{border-color:transparent;background:transparent}

/* Critical mobile sidebar correction: nav owns free space but rows never stretch. */
@media (max-width:860px){
  .sidebar{
    height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;
    padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
  }
  .sidebar .nav{
    display:grid!important;
    flex:1 1 auto!important;
    min-height:0!important;
    align-content:start!important;
    grid-auto-rows:minmax(42px,max-content)!important;
    gap:4px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding-bottom:8px;
  }
  .sidebar .nav-item{min-height:42px!important;height:auto!important;flex:0 0 auto!important}
  .sidebar-command{flex:0 0 auto;margin-top:8px}
  .sidebar-footer{margin-top:auto!important;flex:0 0 auto!important;margin-bottom:0!important}
  .page-head{top:58px;margin-left:-14px;margin-right:-14px;padding:11px 14px 12px;background:var(--bg)}
}
@media (max-width:560px){.page-head{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}
@media (max-width:390px){.page-head{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}}

/* Density preference. */
html[data-density="compact"] .content{padding-top:16px}
html[data-density="compact"] .card-pad,html[data-density="compact"] .section-card{padding:14px}
html[data-density="compact"] .kpi{min-height:86px;padding:13px}
html[data-density="compact"] .kpi-value{font-size:22px}
html[data-density="compact"] .grid-dashboard,html[data-density="compact"] .grid-triple,html[data-density="compact"] .kpi-grid,html[data-density="compact"] .analytics-grid{gap:9px}
html[data-density="compact"] td{padding-top:8px;padding-bottom:8px}
html[data-density="compact"] th{padding-top:8px;padding-bottom:8px}
html[data-density="compact"] .rank-list{gap:9px}
html[data-density="compact"] .bridge-project-card{padding:11px}
html[data-density="compact"] .nav-item{min-height:38px}
@media (max-width:860px){html[data-density="compact"] .nav-item{min-height:42px}}

/* Dashboard/analytics visual calmness for long sessions. */
html[data-route="dashboard"] .card,html[data-route="analytics"] .card{box-shadow:0 2px 10px rgba(15,23,42,.035)}
html[data-theme="dark"][data-route="dashboard"] .card,html[data-theme="dark"][data-route="analytics"] .card{box-shadow:0 2px 10px rgba(0,0,0,.10)}
html[data-route="dashboard"] .kpi:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.055)}
.analytics-grid .card-head,.grid-triple .card-head{margin-bottom:12px}
.analytics-grid .rank-row,.grid-triple .rank-row{font-variant-numeric:tabular-nums}
.analytics-filterbar{box-shadow:none}

/* Pinned / favorite controls. */
.ui-pin-btn{color:var(--muted-2)}
.ui-pin-btn.active{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}

/* Improved empty states. */
.ui-empty-state{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;padding:24px;color:var(--muted);text-align:center}
.ui-empty-state>svg{color:var(--muted-2)}
.ui-empty-state>b{color:var(--text);font-size:13px}
.ui-empty-state>span{max-width:420px;font-size:10px;line-height:1.5}
.ui-empty-state>.btn{margin-top:4px}

/* Command palette: click/tap driven, no keyboard shortcut layer. */
.command-palette-backdrop{position:fixed;inset:0;z-index:140;display:flex;justify-content:center;align-items:flex-start;padding:clamp(72px,12vh,130px) 16px 24px;background:rgba(5,11,20,.42);animation:fadeIn var(--ui-motion-fast) both}
.command-palette{width:min(650px,100%);max-height:min(620px,76vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-lg);animation:modalIn var(--ui-motion) both}
.command-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--border)}
.command-search>svg{color:var(--muted)}
.command-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:13px}
.command-results{padding:7px;overflow:auto;overscroll-behavior:contain}
.command-result{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:10px;border:1px solid transparent}
.command-result:hover{background:var(--surface-2);border-color:var(--border)}
.command-result-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--surface-3);color:var(--accent)}
.command-result-copy{min-width:0;display:grid;gap:2px}
.command-result-copy b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.command-result-copy small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.command-foot{padding:9px 12px;border-top:1px solid var(--border);color:var(--muted);font-size:9px}
.command-empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--muted);text-align:center}
.command-empty b{color:var(--text);font-size:12px}.command-empty span{font-size:10px}
@media(max-width:560px){.command-palette-backdrop{padding:72px 10px 14px}.command-palette{max-height:calc(100dvh - 90px);border-radius:14px}.command-result{grid-template-columns:32px minmax(0,1fr)}.command-result>.pill{grid-column:2}.command-foot{display:none}}

/* Toast system refinement. */
.toast{position:relative;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border);box-shadow:var(--shadow-lg);align-items:center;transition:opacity var(--ui-motion-fast),transform var(--ui-motion-fast)}
.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}.toast.warning{border-left:3px solid var(--orange)}.toast.info{border-left:3px solid var(--accent)}
.toast-icon{display:grid;place-items:center;color:var(--accent)}.toast.success .toast-icon{color:var(--green)}.toast.error .toast-icon{color:var(--red)}.toast.warning .toast-icon{color:var(--orange)}
.toast-copy{min-width:0;flex:1;line-height:1.45}.toast-close{width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center}
.toast-close:hover{background:var(--surface-3);color:var(--text)}.toast.leaving{opacity:0;transform:translateX(8px)}

/* Global skeletons use transform-only shimmer. */
.ui-skeleton-block{display:grid;gap:9px;min-height:90px;padding:14px;align-content:center}
.ui-skeleton-block i{position:relative;display:block;height:12px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.ui-skeleton-block i:nth-child(2){width:78%}.ui-skeleton-block i:nth-child(3){width:56%}
.ui-skeleton-block i::after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 9%,transparent),transparent);animation:uiShimmer 1.05s linear infinite}
@keyframes uiShimmer{to{transform:translateX(110%)}}

/* Autosave / unsaved state for long visual forms. */
.ui-unsaved-indicator{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--orange) 10%,var(--surface));color:color-mix(in srgb,var(--orange) 82%,var(--text));border:1px solid color-mix(in srgb,var(--orange) 24%,var(--border));font-size:9px;font-weight:800;white-space:nowrap}
.ui-unsaved-indicator .dot{width:6px;height:6px}

/* Appearance section helper text and comfort settings. */
#ui-density,#ui-accent-intensity{min-height:38px}

/* Reduce motion for users/devices requesting it. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}


/* ─────────────────────────────────────────────────────────────
   AdsLink v1.0.0 · Targeting & UI consistency
   ───────────────────────────────────────────────────────────── */
:root{--entity-card-radius:12px;--entity-card-pad:14px;--entity-card-gap:11px}
.link-mobile-card,.domain-mobile-card,.bridge-project-card{border-radius:var(--entity-card-radius);padding:var(--entity-card-pad);gap:var(--entity-card-gap);background:var(--surface-2);border:1px solid var(--border)}
.link-mobile-head,.ui-entity-head{min-height:36px;align-items:flex-start}
.link-mobile-head>.pill,.ui-entity-head>.pill{margin-top:1px}
.link-mobile-meta>div,.ui-entity-status-row>div,.ui-entity-info{border-radius:9px;padding:10px;background:var(--surface);border:1px solid var(--border)}
.link-mobile-actions,.ui-entity-actions{padding-top:1px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}
.link-mobile-actions{padding-top:10px}
.link-mobile-actions .btn,.ui-entity-actions .btn{min-height:36px}
.link-mobile-actions .icon-btn,.ui-entity-actions .icon-btn{width:36px;height:36px;min-width:36px}

.domain-mobile-list{display:none}
.ui-entity-card{display:grid;min-width:0}
.ui-entity-head{display:flex;justify-content:space-between;gap:10px;min-width:0}
.ui-entity-title{display:grid;gap:4px;min-width:0;flex:1 1 auto}
.ui-entity-title>b{font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-entity-title>span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-entity-status-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ui-entity-status-row>div{display:grid;align-content:start;gap:6px;min-width:0}
.ui-entity-status-row>div>span:first-child,.ui-entity-info>span{font-size:8.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}
.ui-entity-info{display:grid;gap:5px;min-width:0}
.ui-entity-info>b{font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.ui-entity-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;padding-top:10px}
.ui-entity-actions .btn{flex:1 1 130px}
.domain-section>.card-head{margin-bottom:12px}

/* Visitor Type quick routing sits directly below Default Backup Destination. */
.visitor-routing-card{display:grid;gap:12px;padding:13px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,var(--surface-2))}
.visitor-routing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.visitor-routing-head>div:first-child{display:grid;gap:3px;min-width:0;flex:1 1 240px}
.visitor-routing-head b{font-size:11px}.visitor-routing-head span{font-size:9px;line-height:1.45;color:var(--muted)}
.visitor-routing-grid{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:9px;align-items:end}
.visitor-routing-actions{display:flex;gap:8px;flex-wrap:wrap}
.visitor-route-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.visitor-route-chip{display:inline-flex!important;align-items:center;gap:5px;max-width:260px;padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.social-image-guide{padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-2));line-height:1.45}
.social-image-guide b{color:var(--text)}

/* Align summary cards without making every surface look identical. */
.analytics-kpis .kpi,.kpi-grid .kpi,.bridge-project-card{border-radius:var(--entity-card-radius)}

@media(max-width:760px){
  .domain-desktop-table{display:none}
  .domain-mobile-list{display:grid;gap:10px}
  .domain-section{overflow:hidden}
  .visitor-routing-grid{grid-template-columns:1fr}
}
@media(max-width:390px){
  :root{--entity-card-pad:12px;--entity-card-gap:10px}
  .ui-entity-status-row{grid-template-columns:1fr}
  .ui-entity-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-entity-actions .btn,.ui-entity-actions .icon-btn{width:100%;min-width:0}
}


/* ─────────────────────────────────────────────────────────────
   AdsLink v1.0.0 · Bot Handler + Link/Domain card parity
   ───────────────────────────────────────────────────────────── */
.bot-handler-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:end}
.bot-handler-card .visitor-routing-head>div:first-child{flex-basis:260px}
.windows-brand-logo svg{display:block;width:15px;height:15px;flex:0 0 15px}

/* Links now intentionally inherit the exact Domains mobile entity-card grammar. */
.link-domain-style-card{display:grid;min-width:0}
.link-domain-style-url{display:block;min-width:0;max-width:100%;font-size:12px;line-height:1.4;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-domain-destination b{display:block;min-width:0;font-size:10px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-domain-meta b{font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link-domain-actions{justify-content:flex-end}
.link-domain-actions .btn{flex:1 1 118px}

@media(max-width:760px){
  .bot-handler-grid{grid-template-columns:1fr}
  .links-mobile-list{gap:10px}
}
@media(max-width:390px){
  .link-domain-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .link-domain-actions .btn,.link-domain-actions .icon-btn{width:100%;min-width:0}
}


/* ─────────────────────────────────────────────────────────────
   AdsLink V1.0.0 — True Live Mode
   ───────────────────────────────────────────────────────────── */
.live-controls-v159{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.live-control-v159{appearance:none;border:0;color:#fff;border-radius:12px;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:12px;letter-spacing:.01em;cursor:pointer;transition:transform 160ms ease,filter 160ms ease,opacity 160ms ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.live-control-v159.start{background:#16a34a}.live-control-v159.pause{background:#ea580c}.live-control-v159.stop{background:#dc2626}
.live-control-v159:active:not(:disabled){transform:scale(.97)}.live-control-v159:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.6)}
.live-statusline-v159{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:-2px 0 12px}.live-statusline-v159 b{color:var(--text);font-weight:700}.live-statusline-v159>span:last-child{margin-left:auto}
.live-connection-dot{width:8px;height:8px;border-radius:99px;background:#64748b;box-shadow:0 0 0 4px color-mix(in srgb,#64748b 12%,transparent)}.live-connection-dot.online{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.13)}.live-connection-dot.paused{background:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.13)}
.live-summary-v159{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.live-summary-v159 .card{padding:13px 14px}.live-summary-v159 span{display:block;color:var(--muted);font-size:11px}.live-summary-v159 b{display:block;margin-top:4px;font-size:22px;letter-spacing:-.03em}
.live-filterbar-v159{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}.live-filter-v159{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;cursor:pointer}.live-filter-v159.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--card))}
.live-panel-v159{overflow:hidden}.live-feed-v159{display:flex;flex-direction:column;gap:8px}.live-event-v159{width:100%;border:1px solid var(--border);background:var(--card-2,var(--card));border-radius:14px;padding:11px 12px;color:inherit;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}.live-event-main-v159{min-width:0;flex:1}.live-event-top-v159{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.live-event-top-v159 time{font-size:12px;font-weight:800}.live-type-v159{font-size:9px;font-weight:900;letter-spacing:.06em;border-radius:999px;padding:3px 6px;border:1px solid var(--border)}.live-type-human{color:#16a34a;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.22)}.live-type-bot{color:#d97706;background:rgba(245,158,11,.09);border-color:rgba(245,158,11,.24)}.live-type-error{color:#dc2626;background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.22)}
.live-country-v159{display:inline-flex;align-items:center;gap:5px;font-size:10px}.live-country-v159 .analytics-icon{width:21px;height:15px;border-radius:3px}.live-country-v159 b{font-size:10px}
.live-tech-v159{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:7px}.live-tech-v159>span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.live-tech-v159 em{font-style:normal;white-space:nowrap}.live-tech-v159 .analytics-icon{width:19px;height:19px;border-radius:6px}.live-tech-v159 .analytics-icon img{max-width:14px;max-height:14px}
.live-route-v159{display:flex;align-items:baseline;gap:8px;min-width:0;margin-top:7px}.live-route-v159>b{font-size:12px;white-space:nowrap}.live-route-v159>span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-event-tail-v159{flex:0 0 auto;text-align:right;display:flex;align-items:center;gap:8px;color:var(--muted)}.live-event-tail-v159 b{font-size:11px;color:var(--text);white-space:nowrap}.live-event-tail-v159 svg{transform:rotate(-90deg)}
.live-trace-head-v159{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.live-trace-head-v159>div{display:flex;flex-direction:column;gap:3px}.live-trace-head-v159 span{font-size:11px;color:var(--muted)}.live-trace-v159{display:flex;flex-direction:column}.live-trace-v159>div{position:relative;display:grid;grid-template-columns:18px 1fr;gap:9px;min-height:38px;align-items:start}.live-trace-v159>div:not(:last-child)::after{content:"";position:absolute;left:5px;top:13px;bottom:-2px;width:1px;background:var(--border)}.trace-node-v159{width:11px;height:11px;border-radius:99px;border:2px solid var(--accent);margin-top:2px;background:var(--card)}.trace-node-v159.final{background:var(--accent)}.live-trace-v159 b{font-size:12px;font-weight:650}
@media(hover:hover) and (pointer:fine){.live-event-v159:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}.live-control-v159:hover:not(:disabled){filter:brightness(1.06)}}
@media(max-width:640px){.live-controls-v159{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.live-control-v159{padding:0 8px}.live-summary-v159{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.live-summary-v159 .card{padding:10px 8px}.live-summary-v159 b{font-size:18px}.live-panel-v159{padding:12px}.live-event-v159{padding:10px;gap:8px}.live-tech-v159{gap:7px}.live-tech-v159 em{max-width:80px;overflow:hidden;text-overflow:ellipsis}.live-route-v159{display:block}.live-route-v159>span{display:block;margin-top:2px}.live-event-tail-v159{align-self:stretch;flex-direction:column;justify-content:center;gap:4px}.live-event-tail-v159 svg{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.live-event-v159,.live-control-v159{transition:none!important}}


/* ─────────────────────────────────────────────────────────────
   AdsLink V1.0.0 — Bulk Links
   ───────────────────────────────────────────────────────────── */
.bulk-stepper-v160{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 14px}.bulk-step-v160{position:relative;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;padding:8px 0}.bulk-step-v160:not(:last-child)::after{content:"";height:1px;background:var(--border);position:absolute;left:38px;right:10px;bottom:0}.bulk-step-v160>span{width:26px;height:26px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;z-index:1}.bulk-step-v160.active{color:var(--text)}.bulk-step-v160.active>span{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.bulk-step-v160.done>span{background:#16a34a;border-color:#16a34a;color:#fff}.bulk-step-v160 b{font-weight:700}
.bulk-grid-v160{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:12px}.bulk-tabs-v160{display:flex;border-bottom:1px solid var(--border);margin:-4px -4px 14px}.bulk-tabs-v160 button{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px 14px;font-weight:750;cursor:pointer}.bulk-tabs-v160 button.active{color:var(--accent);border-color:var(--accent)}.bulk-textarea-v160{min-height:245px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7}.bulk-format-v160{margin-top:12px;padding:12px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.bulk-format-v160 b{font-size:11px}.bulk-format-v160 span{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.bulk-upload-v160{margin-top:10px;min-height:40px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--accent);font-size:11px;font-weight:750;cursor:pointer;background:color-mix(in srgb,var(--accent) 4%,var(--card))}.bulk-help-v160{align-self:start}.bulk-help-item-v160{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;margin-top:12px}.bulk-help-item-v160>b{width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));color:var(--accent);font-size:10px}.bulk-help-item-v160>span{font-size:11px;color:var(--muted);line-height:1.55}
.bulk-summary-v160{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.bulk-summary-v160>div{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:11px 12px}.bulk-summary-v160 span{display:block;font-size:10px;color:var(--muted)}.bulk-summary-v160 b{display:block;margin-top:3px;font-size:20px}.bulk-summary-v160 .ok b{color:#16a34a}.bulk-summary-v160 .warn b{color:#d97706}.bulk-summary-v160 .bad b{color:#dc2626}.bulk-summary-v160.result{grid-template-columns:repeat(4,minmax(0,1fr))}
.bulk-list-v160{display:flex;flex-direction:column;gap:8px}.bulk-row-v160{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:13px;padding:10px;background:var(--card-2,var(--card))}.bulk-row-v160.has-error{border-color:rgba(220,38,38,.25);background:color-mix(in srgb,#dc2626 5%,var(--card))}.bulk-row-v160.has-warning{border-color:rgba(217,119,6,.24);background:color-mix(in srgb,#d97706 4%,var(--card))}.bulk-row-index-v160{width:30px;height:30px;border-radius:99px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);font-size:10px;font-weight:800;color:var(--muted)}.bulk-row-main-v160{min-width:0}.bulk-row-title-v160{display:flex;gap:7px;align-items:center;min-width:0}.bulk-row-title-v160>b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-row-url-v160{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.bulk-row-main-v160 small{display:block;color:var(--muted);font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-row-actions-v160{display:flex;gap:5px}.bulk-footer-v160{position:sticky;bottom:10px;z-index:5;margin-top:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(14px);border-radius:13px;padding:10px;display:flex;align-items:center;justify-content:flex-end;gap:8px;box-shadow:0 12px 34px rgba(15,23,42,.08)}.bulk-footer-v160>span{margin-right:auto;color:var(--muted);font-size:10px}.bulk-config-grid-v160{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bulk-bridge-field-v160.hidden{display:none!important}
.bulk-importing-v160{text-align:center;display:flex;flex-direction:column;align-items:center;padding:50px 24px}.bulk-importing-v160 h3{margin:14px 0 5px}.bulk-importing-v160 p{max-width:500px;color:var(--muted);font-size:11px;line-height:1.6}.bulk-spinner-v160{width:34px;height:34px;border-radius:99px;border:3px solid var(--border);border-top-color:var(--accent);animation:bulkSpinV160 .8s linear infinite}@keyframes bulkSpinV160{to{transform:rotate(360deg)}}.bulk-result-banner-v160{display:flex;gap:12px;align-items:center;border-radius:14px;padding:15px;margin-bottom:10px;border:1px solid rgba(22,163,74,.2);background:rgba(22,163,74,.06)}.bulk-result-banner-v160.warning{border-color:rgba(217,119,6,.22);background:rgba(217,119,6,.06)}.bulk-result-banner-v160>div:first-child{width:42px;height:42px;border-radius:99px;display:flex;align-items:center;justify-content:center;background:rgba(22,163,74,.12);color:#16a34a}.bulk-result-banner-v160.warning>div:first-child{background:rgba(217,119,6,.12);color:#d97706}.bulk-result-banner-v160 b{display:block;font-size:13px}.bulk-result-banner-v160 span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
@media(max-width:760px){.bulk-stepper-v160{gap:4px}.bulk-step-v160{display:flex;flex-direction:column;gap:5px;text-align:center}.bulk-step-v160:not(:last-child)::after{left:62%;right:-42%;top:20px;bottom:auto}.bulk-step-v160 b{font-size:9px}.bulk-grid-v160{grid-template-columns:1fr}.bulk-help-v160{display:none}.bulk-summary-v160{grid-template-columns:repeat(5,minmax(54px,1fr));gap:5px;overflow-x:auto}.bulk-summary-v160>div{padding:8px}.bulk-summary-v160 b{font-size:17px}.bulk-config-grid-v160{grid-template-columns:1fr}.bulk-footer-v160{bottom:8px}.bulk-footer-v160 .btn{flex:1}.bulk-row-v160{grid-template-columns:28px minmax(0,1fr) auto;padding:9px;gap:8px}.bulk-row-index-v160{width:27px;height:27px}.bulk-textarea-v160{min-height:260px}.bulk-summary-v160.result{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:390px){.bulk-step-v160>span{width:24px;height:24px}.bulk-step-v160:not(:last-child)::after{top:19px}.bulk-row-actions-v160{flex-direction:column}.bulk-footer-v160{flex-wrap:wrap}.bulk-footer-v160>span{width:100%;margin-right:0}}
@media(prefers-reduced-motion:reduce){.bulk-spinner-v160{animation:none}}

/* ─────────────────────────────────────────────────────────────
   AdsLink V1.0.0 — Language System + Functional QR Designer
   ───────────────────────────────────────────────────────────── */
.language-card-v161 .field{max-width:360px}
.qr-modal-v161{width:min(1080px,calc(100vw - 30px));max-width:none;max-height:min(860px,94vh);overflow:hidden}
.qr-modal-v161 .modal-body{padding:0;overflow:auto;max-height:calc(min(860px,94vh) - 58px)}
.qr-designer-grid-v161{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:660px}
.qr-mobile-panel-v161{min-width:0}.qr-preview-pane-v161{height:100%;display:flex;flex-direction:column;gap:14px;padding:20px;background:color-mix(in srgb,var(--surface-2) 72%,var(--surface))}
.qr-urlbar-v161{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:10px 11px}.qr-urlbar-v161 span{display:grid;gap:2px;min-width:0}.qr-urlbar-v161 small{font-size:9px;color:var(--muted)}.qr-urlbar-v161 b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qr-preview-stage-v161{flex:1;min-height:410px;display:grid;place-items:center;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface));padding:22px;overflow:hidden}.qr-svg-wrap-v161{width:min(100%,430px);display:grid;place-items:center}.qr-svg-wrap-v161 svg{display:block;width:100%;height:auto;max-height:500px;filter:drop-shadow(0 16px 36px rgba(15,23,42,.09))}.qr-loading-v161{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px;min-height:120px}.qr-loading-v161 svg{animation:spin .8s linear infinite}
.qr-safe-line-v161{display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:9px;line-height:1.45}.qr-safe-line-v161 svg{color:var(--green);flex:none;margin-top:1px}.qr-actions-grid-v161{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.qr-actions-grid-v161 .btn{min-width:0;padding-inline:9px}.qr-mobile-customize-v161{display:none}.qr-mobile-tabs-v161{display:none}
.qr-customize-pane-v161{height:100%;padding:20px;border-left:1px solid var(--border);background:var(--surface);overflow:auto}.qr-customize-head-v161{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.qr-customize-head-v161 h4{font-size:16px;margin:0 0 4px}.qr-customize-head-v161 p{font-size:10px;line-height:1.45;color:var(--muted);margin:0;max-width:390px}.qr-control-section-v161{display:grid;gap:8px;margin-bottom:15px}.qr-control-section-v161>label,.qr-customize-pane-v161>.field>label{font-size:10px;font-weight:800}.qr-presets-v161{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.qr-preset-v161{appearance:none;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);padding:7px 4px;display:grid;gap:5px;place-items:center;cursor:pointer;min-width:0}.qr-preset-v161 b{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.qr-preset-v161.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.qr-preset-mini-v161{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:#fff;color:#0b1f3a;border:1px solid rgba(15,23,42,.08)}.qr-preset-mini-v161.brand{color:#1d4ed8;background:#eff6ff}.qr-preset-mini-v161.dark{color:#fff;background:#0b1220}.qr-preset-mini-v161.poster{color:#065f46;background:#ecfdf5}
.qr-control-grid-v161{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.qr-color-v161{height:38px;display:flex;align-items:center;gap:8px;padding:5px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.qr-color-v161 input[type=color]{appearance:none;width:26px;height:26px;border:0;padding:0;background:transparent}.qr-color-v161 input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qr-color-v161 input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.qr-color-v161 span{font-size:9px;color:var(--muted)}.qr-switch-v161{margin:10px 0 12px}.qr-switch-v161 .switch-copy span{font-size:8.5px}
.qr-asset-v161{border:1px solid var(--border);border-radius:11px;background:var(--surface-2);padding:11px;margin:12px 0}.qr-asset-title-v161{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.qr-asset-title-v161>div{display:grid;gap:2px}.qr-asset-title-v161 b{font-size:10px}.qr-asset-title-v161 span:not(.pill){font-size:8.5px;color:var(--muted);line-height:1.35}.qr-logo-row-v161{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.qr-logo-row-v161 img,.qr-logo-empty-v161{width:46px;height:46px;border-radius:10px;border:1px solid var(--border);background:var(--surface);object-fit:contain}.qr-logo-empty-v161{display:grid;place-items:center;color:var(--muted)}.qr-download-inline-v161{position:sticky;bottom:-20px;margin:16px -20px -20px;padding:12px 20px;background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;z-index:2}
@media(max-width:820px){
  .qr-modal-v161{width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.modal-backdrop:has(.qr-modal-v161){padding:0;place-items:stretch}.qr-modal-v161 .modal-head{padding:13px 16px}.qr-modal-v161 .modal-body{height:calc(100dvh - 54px);max-height:none;overflow:hidden}.qr-mobile-tabs-v161{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.qr-mobile-tabs-v161 button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:9px 8px;font:inherit;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.qr-mobile-tabs-v161 button.active{background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));color:var(--accent)}.qr-designer-grid-v161{display:block;min-height:0;height:calc(100% - 49px);overflow:hidden}.qr-mobile-panel-v161{display:none;height:100%;overflow:auto}.qr-mobile-panel-v161.show{display:block}.qr-preview-pane-v161{min-height:100%;padding:14px}.qr-preview-stage-v161{min-height:360px;padding:16px}.qr-svg-wrap-v161{width:min(100%,390px)}.qr-actions-grid-v161{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-mobile-customize-v161{display:block}.qr-mobile-customize-v161 .btn{width:100%}.qr-customize-pane-v161{border-left:0;padding:15px;min-height:100%}.qr-download-inline-v161{bottom:-15px;margin:16px -15px -15px;padding:11px 15px}.qr-presets-v161{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:3px}.qr-preset-v161{flex:0 0 72px;scroll-snap-align:start}.qr-control-grid-v161{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.qr-preview-stage-v161{min-height:330px}.qr-safe-line-v161{font-size:8.5px}.qr-actions-grid-v161 .btn{font-size:9px}.qr-control-grid-v161{grid-template-columns:1fr}.qr-asset-title-v161{display:grid}.qr-download-inline-v161{grid-template-columns:1fr 1.2fr}}
@media(prefers-reduced-motion:reduce){.qr-loading-v161 svg{animation:none}}

/* AdsLink V1.0.0 — Pre-Lander Studio */
.studio-shell-v162{padding:0;overflow:hidden}.studio-titlebar-v162{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.studio-toolbar-v162{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);position:sticky;top:0;z-index:5}.studio-tabs-v162,.studio-toolbar-actions-v162{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.studio-tabs-v162 button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:800;padding:8px 10px;border-radius:8px;cursor:pointer}.studio-tabs-v162 button.active{background:var(--accent);color:#fff}.studio-panels-v162{padding:14px;display:grid;gap:12px}.studio-panel-v162{display:grid;gap:12px;min-width:0}.studio-panel-v162.hidden{display:none!important}.studio-gallery-v162{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px;display:grid;gap:12px}.studio-category-chips-v162{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.studio-category-chip-v162{flex:0 0 auto;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:99px;padding:7px 10px;font:700 9px/1.2 inherit;cursor:pointer}.studio-category-chip-v162.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}.studio-category-note-v162{display:flex;gap:8px;align-items:baseline;min-width:0}.studio-category-note-v162 b{font-size:11px}.studio-category-note-v162 span{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.studio-template-grid-v162{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.studio-template-card-v162{min-width:0;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);padding:9px;text-align:left;cursor:pointer;display:grid;gap:6px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.studio-template-card-v162:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.studio-template-card-v162.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.studio-template-card-v162>b{font-size:10px}.studio-template-card-v162 small{font-size:8px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}.studio-template-card-v162 em{font-size:8px;color:var(--accent);font-style:normal;font-weight:800}.studio-template-thumb-v162{height:72px;border-radius:8px;overflow:hidden;position:relative;padding:9px;display:grid;align-content:center;gap:5px;background:#eef4ff}.studio-template-thumb-v162 i{display:block;height:5px;border-radius:99px;background:rgba(15,23,42,.18)}.studio-template-thumb-v162 i:nth-child(1){width:54%;height:10px}.studio-template-thumb-v162 i:nth-child(2){width:84%}.studio-template-thumb-v162 i:nth-child(3){width:68%}.studio-template-thumb-v162 span{width:42%;height:12px;border-radius:5px;background:#1677ff}.studio-template-thumb-v162.theme-dark,.studio-template-thumb-v162.theme-neon,.studio-template-thumb-v162.theme-hero{background:linear-gradient(135deg,#071326,#14213d)}.studio-template-thumb-v162.theme-dark i,.studio-template-thumb-v162.theme-neon i,.studio-template-thumb-v162.theme-hero i{background:rgba(255,255,255,.2)}.studio-template-thumb-v162.theme-gradient{background:linear-gradient(135deg,#e0f2fe,#ede9fe)}.studio-template-thumb-v162.theme-corporate{background:#f7f9fc}.studio-template-thumb-v162.theme-minimal{background:#fff}.studio-add-section-v162{display:flex;gap:6px}.studio-section-list-v162{display:grid;gap:9px}.studio-section-card-v162{border:1px solid var(--border);border-radius:11px;background:var(--surface-2);overflow:hidden}.studio-section-card-v162.is-off{opacity:.55}.studio-section-head-v162{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid var(--border)}.studio-section-head-v162>div:first-child{display:grid;grid-template-columns:22px auto;column-gap:7px;align-items:center;min-width:0}.studio-section-head-v162>div:first-child>span{grid-row:1/3;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:9px;font-weight:900}.studio-section-head-v162 b{font-size:10px}.studio-section-head-v162 small{font-size:8px;color:var(--muted)}.studio-section-body-v162{padding:10px;display:grid;gap:9px}.studio-publish-v162{padding:0 14px 14px}.studio-v162.is-basic .studio-advanced{display:none}.studio-preview-page-v162{width:100%;min-height:100%;color:var(--sp-text);background:var(--sp-bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:18px;overflow:auto;text-align:left}.studio-preview-page-v162.font-rounded{font-family:"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif}.studio-preview-page-v162.font-serif{font-family:Georgia,"Times New Roman",serif}.studio-preview-page-v162.align-center{text-align:center}.studio-preview-page-v162.align-right{text-align:right}.studio-preview-logo-v162{width:44px;height:44px;object-fit:contain;border-radius:11px;margin:0 auto 12px}.studio-preview-page-v162.align-left .studio-preview-logo-v162{margin-left:0}.studio-preview-page-v162.align-right .studio-preview-logo-v162{margin-right:0}.studio-preview-shell-v162{width:min(100%,920px);margin:auto;display:grid;gap:10px}.studio-preview-section-v162{border:1px solid color-mix(in srgb,var(--sp-text) 10%,transparent);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--sp-bg) 88%,transparent);display:grid;gap:8px;min-width:0}.studio-preview-section-v162 h4{margin:0;font-size:var(--sp-title);line-height:1.08;overflow-wrap:anywhere}.studio-preview-section-v162 p{margin:0;font-size:11px;line-height:1.55;opacity:.72;overflow-wrap:anywhere}.studio-meta-v162{font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--sp-accent)}.studio-preview-visual-v162{min-height:112px;border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--sp-accent) 15%,transparent),color-mix(in srgb,var(--sp-accent) 3%,transparent));overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;gap:7px;padding:10px}.studio-preview-visual-v162 img{width:100%;height:100%;min-height:100px;object-fit:cover;border-radius:9px;grid-column:1/-1}.studio-preview-visual-v162 i{display:block;border-radius:8px;background:color-mix(in srgb,var(--sp-accent) 20%,transparent)}.studio-preview-visual-v162 i:first-child{grid-row:1/3}.studio-preview-items-v162{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.studio-preview-items-v162>div{padding:8px;border:1px solid color-mix(in srgb,var(--sp-text) 9%,transparent);border-radius:9px;display:flex;gap:6px;align-items:flex-start}.studio-preview-items-v162 b{color:var(--sp-accent);font-size:9px}.studio-preview-items-v162 span{font-size:8px;line-height:1.4;overflow-wrap:anywhere}.studio-preview-links-v162{display:grid;gap:6px}.studio-preview-links-v162 span{padding:9px 10px;border:1px solid color-mix(in srgb,var(--sp-text) 12%,transparent);border-radius:9px;font-size:9px;font-weight:800;background:color-mix(in srgb,var(--sp-accent) 5%,transparent)}.studio-preview-cta-v162{background:color-mix(in srgb,var(--sp-accent) 7%,var(--sp-bg))}.studio-preview-cta-v162 button{border:0;background:var(--sp-accent);color:#fff;border-radius:9px;padding:10px 14px;font-weight:800;font-size:9px;justify-self:start}.align-center .studio-preview-cta-v162 button{justify-self:center}.align-right .studio-preview-cta-v162 button{justify-self:end}.studio-preview-countdown-v162{display:flex;gap:5px;align-items:center}.studio-preview-countdown-v162 b{padding:7px 8px;border-radius:8px;background:color-mix(in srgb,var(--sp-accent) 11%,transparent);font-size:13px}.studio-preview-countdown-v162 i{font-style:normal;color:var(--muted)}.studio-preview-faq-v162{display:grid;gap:3px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--sp-text) 8%,transparent)}.studio-preview-faq-v162 b{font-size:9px}.studio-preview-faq-v162 span{font-size:8px;opacity:.66}.studio-preview-domain-v162,.studio-preview-footer-v162{display:block;text-align:center;font-size:8px;opacity:.5}.studio-mobile-only{display:none}.device-mobile .studio-mobile-only{display:grid}.device-mobile .studio-desktop-only{display:none}.device-desktop .studio-desktop-only{display:grid}.device-desktop .studio-mobile-only{display:none}.device-mobile .studio-preview-items-v162{grid-template-columns:1fr}.device-mobile .studio-preview-section-v162{padding:10px}.device-mobile .studio-preview-section-v162 h4{font-size:var(--sp-title)}
@media(max-width:980px){.studio-toolbar-v162{align-items:flex-start;flex-direction:column}.studio-template-grid-v162{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-toolbar-actions-v162{width:100%}.studio-toolbar-actions-v162 .btn,.studio-toolbar-actions-v162 .select{flex:1 1 auto}.studio-category-note-v162{display:grid}.studio-preview-items-v162{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.studio-titlebar-v162{padding:13px}.studio-panels-v162{padding:9px}.studio-template-grid-v162{grid-template-columns:1fr 1fr}.studio-template-card-v162{padding:7px}.studio-template-thumb-v162{height:58px}.studio-template-card-v162 small{display:none}.studio-tabs-v162{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.studio-tabs-v162 button{padding:8px 4px}.studio-add-section-v162{width:100%;margin-top:7px}.studio-add-section-v162 .select{flex:1}.studio-section-head-v162{align-items:flex-start}.studio-section-head-v162 .actions{display:grid;grid-template-columns:repeat(3,30px)}.studio-preview-items-v162{grid-template-columns:1fr}.studio-publish-v162{display:none}}
@media(prefers-reduced-motion:reduce){.studio-template-card-v162{transition:none}.studio-template-card-v162:hover{transform:none}}

/* AdsLink v1.0.0 brand */
.brand-adslink .brand-mark{filter:drop-shadow(0 5px 12px rgba(19,104,255,.18))}.auth-brand .brand-adslink .brand-mark{filter:drop-shadow(0 7px 16px rgba(255,157,24,.16))}