/* BlackVault OS v8 - VULNEX embedded application */
:root {
  --bvx8-bg: #05070b;
  --bvx8-panel: #090d13;
  --bvx8-panel-2: #0d121a;
  --bvx8-panel-3: #121923;
  --bvx8-border: #202837;
  --bvx8-border-soft: #171e2a;
  --bvx8-text: #edf2f8;
  --bvx8-muted: #8e9aab;
  --bvx8-primary: #ff466b;
  --bvx8-primary-2: #9c3cff;
  --bvx8-green: #44d7a0;
  --bvx8-dock-h: 58px;
}

#bvxBottomDock,
#bvxDockToggle {
  display: none !important;
}

body {
  --bvx-dock-height: var(--bvx8-dock-h) !important;
}

body.bvx8-open {
  overflow: hidden !important;
}

.bvx8-dock {
  position: fixed;
  z-index: 2147483000;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8px;
  width: min(1040px, calc(100vw - 28px));
  min-height: var(--bvx8-dock-h);
  display: flex;
  align-items: stretch;
  padding: 5px;
  border: 1px solid rgba(104, 122, 148, .3);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(13, 18, 27, .98), rgba(5, 8, 13, .98));
  box-shadow: 0 18px 55px rgba(0, 0, 0, .66), inset 0 1px rgba(255, 255, 255, .025);
  backdrop-filter: blur(24px);
  color: var(--bvx8-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  transition: width .24s ease, min-height .24s ease, transform .24s ease;
}

.bvx8-dock::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 70, 107, .75), rgba(156, 60, 255, .55), transparent);
}

.bvx8-dock button {
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, .045);
  border-radius: 8px;
  min-width: 84px;
  padding: 7px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: transparent;
  color: #9da8b8;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: color .18s ease, background .18s ease, transform .18s ease;
}

.bvx8-dock button:hover,
.bvx8-dock button:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .055);
  outline: none;
}

.bvx8-dock button:active { transform: translateY(1px); }
.bvx8-dock button i { color: #ff5e7d; font-size: 15px; font-style: normal; }
.bvx8-dock button kbd { margin-left: auto; padding: 1px 5px; border: 1px solid #2c3543; border-radius: 4px; color: #657184; font: 9px inherit; }
.bvx8-dock-divider { width: 1px; margin: 8px 4px; background: #1e2632; }

.bvx8-dock .bvx8-dock-launch {
  min-width: 174px;
  justify-content: flex-start;
  color: #fff;
  background: linear-gradient(135deg, rgba(255, 70, 107, .13), rgba(156, 60, 255, .08));
}

.bvx8-dock-launch b,
.bvx8-brand b {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 70, 107, .75);
  border-radius: 10px;
  background: radial-gradient(circle at 35% 30%, rgba(255, 91, 126, .3), transparent 50%), #0e1118;
  box-shadow: 0 0 22px rgba(255, 70, 107, .15);
  color: #ff5f80;
  font-size: 16px;
}

.bvx8-dock-launch span { display: grid; text-align: left; line-height: 1.1; }
.bvx8-dock-launch strong { font-size: 12px; letter-spacing: .08em; }
.bvx8-dock-launch small { margin-top: 3px; color: #7e8998; font-size: 9px; font-weight: 600; }
.bvx8-dock .bvx8-dock-hide { min-width: 34px; width: 34px; padding: 0; border: 0; color: #6f7a8b; }
.bvx8-dock[data-size="compact"] { --bvx8-dock-h: 46px; min-height: 46px; width: min(830px, calc(100vw - 28px)); }
.bvx8-dock[data-size="compact"] button { min-width: 58px; padding: 4px 8px; }
.bvx8-dock[data-size="compact"] .bvx8-dock-launch { min-width: 142px; }
.bvx8-dock[data-size="compact"] .bvx8-dock-launch b { width: 27px; height: 27px; flex-basis: 27px; border-radius: 8px; }
.bvx8-dock[data-size="compact"] button kbd,
.bvx8-dock[data-size="compact"] .bvx8-dock-launch small { display: none; }
.bvx8-dock[data-size="large"] { --bvx8-dock-h: 72px; min-height: 72px; width: min(1180px, calc(100vw - 24px)); }
.bvx8-dock[data-size="large"] button { min-width: 102px; font-size: 12px; }
.bvx8-dock[data-size="large"] .bvx8-dock-launch { min-width: 205px; }
.bvx8-dock.is-collapsed { width: 112px !important; min-height: 46px; }
.bvx8-dock.is-collapsed > :not(.bvx8-dock-launch):not(.bvx8-dock-hide) { display: none; }
.bvx8-dock.is-collapsed .bvx8-dock-launch { min-width: 62px; padding: 4px; justify-content: center; border-right: 0; }
.bvx8-dock.is-collapsed .bvx8-dock-launch span { display: none; }

.bvx8-shell {
  position: fixed;
  z-index: 2147482900;
  inset: 8px 8px calc(var(--bvx8-dock-h) + 18px);
  color: var(--bvx8-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  animation: bvx8Open .24s cubic-bezier(.2, .8, .2, 1) both;
}

.bvx8-shell.hidden { display: none !important; }
.bvx8-shell.is-maximized { inset: 0 0 calc(var(--bvx8-dock-h) + 10px); }

@keyframes bvx8Open {
  from { opacity: 0; transform: translateY(18px) scale(.988); }
  to { opacity: 1; transform: none; }
}

.bvx8-app {
  width: 100%;
  height: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) 270px;
  overflow: hidden;
  border: 1px solid #252d3a;
  border-radius: 16px;
  background:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    radial-gradient(circle at 54% -10%, rgba(117, 42, 187, .11), transparent 31%),
    radial-gradient(circle at 82% 5%, rgba(255, 60, 98, .07), transparent 24%),
    var(--bvx8-bg);
  background-size: 32px 32px, 32px 32px, auto, auto, auto;
  box-shadow: 0 35px 120px rgba(0, 0, 0, .78), inset 0 1px rgba(255, 255, 255, .025);
}

.bvx8-sidebar,
.bvx8-rail {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: rgba(6, 9, 14, .92);
}

.bvx8-sidebar { display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; border-right: 1px solid var(--bvx8-border-soft); }
.bvx8-sidebar > header { min-height: 68px; display: flex; align-items: center; gap: 6px; padding: 10px 12px; border-bottom: 1px solid var(--bvx8-border-soft); }
.bvx8-brand { min-width: 0; flex: 1; display: flex; align-items: center; gap: 10px; border: 0; background: none; color: #fff; text-align: left; cursor: pointer; }
.bvx8-brand span { min-width: 0; display: grid; }
.bvx8-brand strong { font-size: 14px; letter-spacing: .11em; }
.bvx8-brand small { margin-top: 4px; color: #778294; font-size: 10px; }
.bvx8-sidebar-collapse { width: 28px; height: 32px; border: 1px solid #222a36; border-radius: 8px; background: #0c1017; color: #7d8999; cursor: pointer; }
.bvx8-side-search { height: 38px; margin: 12px; padding: 0 9px; display: flex; align-items: center; gap: 8px; border: 1px solid #242d3b; border-radius: 9px; background: #090d14; color: #7c8899; }
.bvx8-side-search:focus-within { border-color: rgba(255, 70, 107, .62); box-shadow: 0 0 0 3px rgba(255, 70, 107, .07); }
.bvx8-side-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #e5ebf3; font: 11px inherit; }
.bvx8-side-search kbd { padding: 1px 5px; border: 1px solid #27303d; border-radius: 4px; color: #697587; font-size: 9px; }
.bvx8-sidebar nav { min-height: 0; padding: 0 9px 14px; overflow-y: auto; scrollbar-width: thin; }
.bvx8-sidebar nav button,
.bvx8-sidebar footer button { width: 100%; min-height: 38px; margin: 2px 0; display: flex; align-items: center; gap: 10px; border: 0; border-radius: 8px; background: transparent; color: #8d98a8; font: 11px inherit; font-weight: 650; text-align: left; cursor: pointer; }
.bvx8-sidebar nav button:hover,
.bvx8-sidebar nav button.active,
.bvx8-sidebar footer button:hover { color: #fff; background: linear-gradient(90deg, color-mix(in srgb, var(--nav-accent, #ff466b), transparent 87%), rgba(255,255,255,.018)); }
.bvx8-sidebar nav button.active { box-shadow: inset 2px 0 var(--nav-accent, #ff466b); }
.bvx8-sidebar nav i,
.bvx8-sidebar footer i { width: 25px; text-align: center; color: var(--nav-accent, #ff5d7d); font-size: 14px; font-style: normal; }
.bvx8-sidebar nav span,
.bvx8-sidebar footer span { min-width: 0; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bvx8-sidebar nav small { min-width: 22px; padding: 2px 5px; border: 1px solid #252d39; border-radius: 999px; color: #657184; font-size: 8px; text-align: center; }
.bvx8-sidebar footer { padding: 9px; border-top: 1px solid var(--bvx8-border-soft); display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.bvx8-sidebar footer button { min-width: 0; flex-direction: column; justify-content: center; gap: 3px; padding: 6px 2px; font-size: 8px; text-align: center; }
.bvx8-sidebar footer i { width: auto; }

.bvx8-shell.sidebar-collapsed .bvx8-app { grid-template-columns: 72px minmax(0, 1fr) 270px; }
.bvx8-shell.sidebar-collapsed .bvx8-brand span,
.bvx8-shell.sidebar-collapsed .bvx8-side-search input,
.bvx8-shell.sidebar-collapsed .bvx8-side-search kbd,
.bvx8-shell.sidebar-collapsed .bvx8-sidebar nav span,
.bvx8-shell.sidebar-collapsed .bvx8-sidebar nav small,
.bvx8-shell.sidebar-collapsed .bvx8-sidebar footer span { display: none; }
.bvx8-shell.sidebar-collapsed .bvx8-brand { justify-content: center; }
.bvx8-shell.sidebar-collapsed .bvx8-sidebar-collapse { position: absolute; left: 58px; z-index: 2; width: 18px; }
.bvx8-shell.sidebar-collapsed .bvx8-sidebar-collapse { font-size: 0; }
.bvx8-shell.sidebar-collapsed .bvx8-sidebar-collapse::after { content: "›"; font-size: 14px; }
.bvx8-shell.sidebar-collapsed .bvx8-side-search { justify-content: center; }
.bvx8-shell.sidebar-collapsed .bvx8-sidebar nav button { justify-content: center; padding: 0; }
.bvx8-shell.sidebar-collapsed .bvx8-sidebar footer { grid-template-columns: 1fr; }

.bvx8-stage { min-width: 0; min-height: 0; display: grid; grid-template-rows: 50px minmax(0, 1fr); overflow: hidden; }
.bvx8-topbar { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 18px; border-bottom: 1px solid var(--bvx8-border-soft); background: rgba(5, 8, 13, .82); backdrop-filter: blur(18px); }
.bvx8-breadcrumb { min-width: 0; display: flex; align-items: center; gap: 8px; color: #667286; font-size: 10px; white-space: nowrap; overflow: hidden; }
.bvx8-breadcrumb button { border: 0; background: none; color: #8894a5; font: inherit; cursor: pointer; }
.bvx8-breadcrumb button:hover { color: #ff5b7b; }
.bvx8-breadcrumb strong { color: #cfd6e0; overflow: hidden; text-overflow: ellipsis; }
.bvx8-top-actions { display: flex; align-items: center; gap: 5px; }
.bvx8-top-actions button { height: 31px; padding: 0 10px; border: 1px solid #222b38; border-radius: 7px; background: #0a0f16; color: #8f9aaa; font: 10px inherit; font-weight: 650; cursor: pointer; }
.bvx8-top-actions button:hover { color: #fff; border-color: #384353; }
.bvx8-top-actions button.danger { width: 32px; padding: 0; color: #ff6381; font-size: 18px; }

.bvx8-main { min-width: 0; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 34px clamp(22px, 4vw, 64px) 90px; scrollbar-color: #2a3442 transparent; }
.bvx8-main > * { width: min(1080px, 100%); margin-left: auto; margin-right: auto; }

.bvx8-rail { padding: 64px 12px 20px; border-left: 1px solid var(--bvx8-border-soft); overflow-y: auto; scrollbar-width: thin; }
.bvx8-rail section { margin-bottom: 12px; padding: 11px; border: 1px solid #1c2430; border-radius: 11px; background: linear-gradient(180deg, rgba(14,19,27,.9), rgba(8,12,18,.9)); }
.bvx8-rail section > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; padding: 2px 3px 8px; color: #858fa0; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.bvx8-rail section > header b { color: #ff5b7b; }
.bvx8-rail section > button { width: 100%; min-height: 43px; padding: 6px 7px; display: flex; align-items: center; gap: 8px; border: 0; border-radius: 7px; background: transparent; color: #bac3cf; font: 10px inherit; text-align: left; cursor: pointer; }
.bvx8-rail section > button:hover { background: rgba(255,255,255,.04); color: #fff; }
.bvx8-rail section > button i { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid #242e3c; border-radius: 7px; color: #ff6381; font-style: normal; }
.bvx8-rail section > button span { min-width: 0; display: grid; }
.bvx8-rail section > button strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bvx8-rail section > button small { margin-top: 3px; color: #657184; font-size: 8px; }
.bvx8-rail-empty { color: #657184; font-size: 9px; line-height: 1.5; }
.bvx8-rail-target label { height: 36px; display: flex; align-items: center; gap: 7px; padding: 0 8px; border: 1px solid #26303d; border-radius: 8px; background: #080c12; color: #ff5b7b; }
.bvx8-rail-target input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #d7dee8; font: 10px inherit; }
.bvx8-rail-target p,
.bvx8-rail-safety p { margin: 8px 2px 1px; color: #687486; font-size: 8px; line-height: 1.5; }
.bvx8-rail-safety { border-color: rgba(255, 180, 74, .2) !important; }
.bvx8-rail-safety b { color: #f1b85b; font-size: 10px; }

.bvx8-hero { position: relative; padding: 30px 20px 24px; text-align: center; }
.bvx8-orb { width: 78px; height: 78px; margin: 0 auto 18px; display: grid; place-items: center; border: 1px solid rgba(255, 70, 107, .55); border-radius: 24px; background: radial-gradient(circle at 40% 30%, rgba(255, 89, 122, .28), transparent 44%), linear-gradient(145deg, #14101a, #0a0c13); box-shadow: 0 0 60px rgba(255, 70, 107, .12), 0 0 0 10px rgba(255,255,255,.012); transform: rotate(45deg); }
.bvx8-orb span { color: #ff5b7b; font-size: 30px; font-weight: 900; transform: rotate(-45deg); }
.bvx8-eyebrow,
.bvx8-page-intro > div > span,
.bvx8-section-head > div > span,
.bvx8-kicker { color: #ff5b7b; font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.bvx8-hero h1 { margin: 0; font-size: clamp(44px, 7vw, 76px); line-height: 1; letter-spacing: -.05em; background: linear-gradient(90deg, #fff, #cbd3de 45%, #9cabbc); -webkit-background-clip: text; color: transparent; }
.bvx8-hero > p { max-width: 700px; margin: 14px auto 22px; color: #8e99aa; font-size: 13px; line-height: 1.65; }
.bvx8-hero-search { width: min(680px, 100%); height: 48px; margin: 16px auto; padding: 0 9px 0 15px; display: flex; align-items: center; gap: 10px; border: 1px solid #2a3442; border-radius: 12px; background: rgba(8,12,18,.9); box-shadow: 0 14px 42px rgba(0,0,0,.3); }
.bvx8-hero-search:focus-within { border-color: rgba(255, 70, 107, .68); box-shadow: 0 0 0 4px rgba(255, 70, 107, .07), 0 14px 42px rgba(0,0,0,.3); }
.bvx8-hero-search > span { color: #ff5d7d; }
.bvx8-hero-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #f1f4f8; font: 12px inherit; }
.bvx8-hero-search kbd { padding: 2px 7px; border: 1px solid #303a48; border-radius: 5px; color: #6e7b8d; font-size: 9px; }
.bvx8-hero-search button { height: 32px; padding: 0 14px; border: 0; border-radius: 8px; background: linear-gradient(135deg, #ff456a, #c32f5a); color: #fff; font: 10px inherit; font-weight: 800; cursor: pointer; }
.bvx8-quick-row { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; color: #5f6c7e; font-size: 9px; }
.bvx8-quick-row button { padding: 5px 8px; border: 1px solid #202936; border-radius: 999px; background: #0b1017; color: #8995a6; font: 9px inherit; cursor: pointer; }
.bvx8-quick-row button:hover { border-color: #3a4556; color: #fff; }

.bvx8-stat-grid { margin-bottom: 28px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.bvx8-stat-grid article { min-height: 86px; padding: 15px; display: grid; grid-template-columns: 34px 1fr; grid-template-rows: 1fr 1fr; column-gap: 10px; border: 1px solid #1d2632; border-radius: 11px; background: linear-gradient(145deg, rgba(16,22,31,.9), rgba(7,10,15,.9)); }
.bvx8-stat-grid span { grid-row: 1 / 3; align-self: center; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #293341; border-radius: 9px; color: #ff5a7a; }
.bvx8-stat-grid strong { align-self: end; font-size: 20px; }
.bvx8-stat-grid small { color: #768294; font-size: 9px; }

.bvx8-random-card { position: relative; margin-bottom: 34px; padding: 22px; display: grid; grid-template-columns: minmax(170px, .75fr) minmax(260px, 1.5fr) auto; align-items: center; gap: 20px; overflow: hidden; border: 1px solid rgba(255, 70, 107, .24); border-radius: 14px; background: radial-gradient(circle at 0 0, rgba(255,70,107,.12), transparent 35%), linear-gradient(135deg, #0e1119, #090c12); }
.bvx8-random-card h2 { margin: 5px 0; font-size: 18px; }
.bvx8-random-card p { margin: 0; color: #7c8899; font-size: 9px; }
.bvx8-random-card pre,
.bvx8-command-card pre,
.bvx8-guide-card pre { min-width: 0; margin: 0; padding: 13px; overflow: auto; border: 1px solid #222b37; border-radius: 9px; background: #05080d; color: #b9e1ce; font: 10px/1.6 "Cascadia Code", "SFMono-Regular", Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.bvx8-inline-actions { display: flex; gap: 6px; }
.bvx8-inline-actions button,
.bvx8-command-toolbar button,
.bvx8-section-head > button,
.bvx8-card-actions button,
.bvx8-guide-card header button,
.bvx8-command-card footer button,
.bvx8-command-card footer a,
.bvx8-load-more,
.bvx8-workbench button { min-height: 32px; padding: 0 11px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #2a3442; border-radius: 7px; background: #0d121a; color: #aeb8c6; font: 9px inherit; font-weight: 750; text-decoration: none; cursor: pointer; }
.bvx8-inline-actions button:hover,
.bvx8-command-toolbar button:hover,
.bvx8-section-head > button:hover,
.bvx8-card-actions button:hover,
.bvx8-guide-card header button:hover,
.bvx8-command-card footer button:hover,
.bvx8-command-card footer a:hover,
.bvx8-workbench button:hover { color: #fff; border-color: #465163; }
button.primary,
.bvx8-inline-actions button.primary { border-color: rgba(255,70,107,.6); background: linear-gradient(135deg, #dd365d, #9e2548); color: #fff; }
button.is-copied { border-color: rgba(68,215,160,.6) !important; background: rgba(68,215,160,.12) !important; color: #68e0b2 !important; }

.bvx8-section-block { margin-top: 34px; }
.bvx8-section-head { margin-bottom: 14px; display: flex; align-items: end; justify-content: space-between; gap: 12px; }
.bvx8-section-head h2 { margin: 4px 0 0; font-size: 20px; }
.bvx8-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.bvx8-feature-card { position: relative; min-height: 170px; padding: 18px; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; border: 1px solid #1f2835; border-radius: 12px; background: linear-gradient(155deg, color-mix(in srgb, var(--card-accent), transparent 91%), #090d13 58%); color: #fff; text-align: left; cursor: pointer; }
.bvx8-feature-card::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, var(--card-accent), transparent 75%); opacity: .75; }
.bvx8-feature-card:hover { border-color: color-mix(in srgb, var(--card-accent), transparent 55%); transform: translateY(-2px); }
.bvx8-feature-card .index { position: absolute; right: 14px; top: 12px; color: #3f4a5a; font-size: 9px; }
.bvx8-feature-card b { width: 42px; height: 42px; margin-bottom: auto; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--card-accent), transparent 55%); border-radius: 11px; color: var(--card-accent); font-size: 20px; }
.bvx8-feature-card strong { margin-top: 14px; font-size: 13px; }
.bvx8-feature-card small { margin-top: 5px; color: #758193; font-size: 8px; }
.bvx8-feature-card i { margin-top: 10px; color: color-mix(in srgb, var(--card-accent), white 15%); font-size: 9px; font-style: normal; }

.bvx8-tool-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.bvx8-tool-grid.large { grid-template-columns: repeat(3, 1fr); }
.bvx8-tool-card { min-width: 0; min-height: 145px; padding: 15px; display: flex; align-items: flex-start; gap: 12px; border: 1px solid #1f2734; border-radius: 11px; background: linear-gradient(145deg, #0e131b, #080c12); color: #fff; text-align: left; cursor: pointer; }
.bvx8-tool-card:hover { border-color: #3b4758; transform: translateY(-2px); }
.bvx8-tool-glyph { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border: 1px solid rgba(80,213,183,.32); border-radius: 9px; background: rgba(80,213,183,.06); color: #50d5b7; font-size: 17px; }
.bvx8-tool-card > div { min-width: 0; flex: 1; }
.bvx8-tool-card small { color: #50d5b7; font-size: 7px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.bvx8-tool-card h3 { margin: 5px 0; font-size: 13px; }
.bvx8-tool-card p { height: 34px; margin: 0; overflow: hidden; color: #7e8a9b; font-size: 9px; line-height: 1.5; }
.bvx8-tool-card footer { margin-top: 10px; display: flex; align-items: center; gap: 4px; }
.bvx8-tool-card footer i { padding: 2px 5px; border-radius: 999px; background: #141b24; color: #687587; font-size: 7px; font-style: normal; }
.bvx8-tool-card footer b { margin-left: auto; color: #93a0b1; font-size: 8px; }

.bvx8-ethics { margin-top: 38px; padding: 16px; border-top: 1px solid #1c2430; color: #667285; font-size: 9px; line-height: 1.5; text-align: center; }
.bvx8-ethics strong { color: #e0a64d; }

.bvx8-page-intro { position: relative; margin-bottom: 22px; padding: 22px; display: flex; align-items: center; gap: 18px; overflow: hidden; border: 1px solid #202936; border-radius: 13px; background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--page-accent), transparent 88%), transparent 36%), linear-gradient(145deg, #0e131b, #080c12); }
.bvx8-page-intro::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--page-accent); }
.bvx8-page-intro.slim { padding: 18px 22px; }
.bvx8-page-icon { width: 64px; height: 64px; flex: 0 0 64px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--page-accent), transparent 50%); border-radius: 16px; background: color-mix(in srgb, var(--page-accent), transparent 92%); color: var(--page-accent); font-size: 28px; }
.bvx8-page-intro.slim .bvx8-page-icon { width: 52px; height: 52px; flex-basis: 52px; border-radius: 13px; font-size: 22px; }
.bvx8-page-intro h1 { margin: 3px 0 5px; font-size: clamp(24px, 4vw, 34px); letter-spacing: -.03em; }
.bvx8-page-intro p { max-width: 720px; margin: 0 0 8px; color: #8a96a7; font-size: 10px; line-height: 1.55; }
.bvx8-page-intro > div > div { color: #697588; font-size: 9px; }
.bvx8-page-intro > div > div b { color: #dce2ea; }
.bvx8-page-intro > div > div i { margin: 0 6px; color: var(--page-accent); font-style: normal; }
.bvx8-page-intro em { margin-right: 5px; padding: 2px 6px; border: 1px solid #293341; border-radius: 999px; color: #8290a2; font-size: 7px; font-style: normal; }

.bvx8-filter-row,
.bvx8-tag-row { margin: 12px auto 18px; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.bvx8-filter-row button,
.bvx8-tag-row button { min-height: 29px; padding: 0 10px; flex: 0 0 auto; border: 1px solid #222c39; border-radius: 7px; background: #0a0f16; color: #7d899a; font: 8px inherit; font-weight: 700; cursor: pointer; }
.bvx8-filter-row button:hover,
.bvx8-filter-row button.active,
.bvx8-tag-row button:hover,
.bvx8-tag-row button.active { border-color: rgba(255,70,107,.45); background: rgba(255,70,107,.07); color: #ff718d; }

.bvx8-route-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.bvx8-route-grid.compact { grid-template-columns: repeat(4, 1fr); }
.bvx8-route-card { min-width: 0; min-height: 170px; padding: 16px; display: grid; grid-template-columns: 38px minmax(0,1fr); grid-template-rows: 1fr auto; gap: 10px; border: 1px solid #1f2835; border-radius: 11px; background: linear-gradient(150deg, color-mix(in srgb, var(--card-accent), transparent 94%), #080c12); }
.bvx8-route-card:hover { border-color: color-mix(in srgb, var(--card-accent), transparent 65%); }
.bvx8-route-icon { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--card-accent), transparent 55%); border-radius: 9px; color: var(--card-accent); }
.bvx8-route-body { min-width: 0; }
.bvx8-route-body > span { display: block; color: #586678; font: 7px/1.3 "Cascadia Code", monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bvx8-route-body h3 { margin: 7px 0 5px; font-size: 13px; }
.bvx8-route-body p { margin: 0; color: #758193; font-size: 8px; line-height: 1.45; }
.bvx8-route-foot { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 7px; padding-top: 10px; border-top: 1px solid #18202b; }
.bvx8-route-foot small { color: #5f6b7d; font-size: 7px; }
.bvx8-route-foot button { min-height: 27px; padding: 0 9px; border: 1px solid color-mix(in srgb, var(--card-accent), transparent 65%); border-radius: 6px; background: color-mix(in srgb, var(--card-accent), transparent 94%); color: color-mix(in srgb, var(--card-accent), white 15%); font: 8px inherit; cursor: pointer; }

.bvx8-command-toolbar { margin: 0 auto 10px; display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.bvx8-local-search { height: 36px; min-width: 230px; margin-right: auto; padding: 0 10px; display: flex; align-items: center; gap: 8px; border: 1px solid #25303e; border-radius: 8px; background: #080c12; color: #667386; }
.bvx8-local-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #e8edf4; font: 9px inherit; }
.bvx8-command-list { display: grid; gap: 9px; }
.bvx8-command-list.compact { grid-template-columns: repeat(2, 1fr); }
.bvx8-command-card { min-width: 0; padding: 14px; border: 1px solid #1f2834; border-radius: 10px; background: linear-gradient(145deg, #0d1219, #080b10); }
.bvx8-command-card:hover { border-color: #344052; }
.bvx8-command-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.bvx8-command-card header > div:first-child { min-width: 0; }
.bvx8-command-card header span { color: #ff5e7d; font-size: 7px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.bvx8-command-card h3 { margin: 4px 0; font-size: 12px; }
.bvx8-command-card header p { margin: 0; color: #7c899a; font-size: 8px; line-height: 1.5; }
.bvx8-card-actions { display: flex; flex: 0 0 auto; gap: 5px; }
.bvx8-card-actions button.icon { width: 31px; padding: 0; font-size: 15px; }
.bvx8-card-actions button.icon.active { border-color: rgba(244,201,93,.4); color: #f4c95d; background: rgba(244,201,93,.06); }
.bvx8-command-card pre { margin-top: 11px; max-height: 260px; }
.bvx8-command-card footer { margin-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bvx8-command-card footer > div { display: flex; flex-wrap: wrap; gap: 4px; }
.bvx8-command-card footer > div:first-child span { padding: 2px 6px; border-radius: 999px; background: #131a23; color: #667487; font-size: 7px; }
.bvx8-command-card footer button,
.bvx8-command-card footer a { min-height: 26px; padding: 0 8px; font-size: 7px; }
.bvx8-load-more { width: 100%; height: 42px; margin-top: 12px; }
.bvx8-load-more span { margin-left: 8px; color: #647083; }

.bvx8-tool-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.bvx8-tool-detail-grid.thirds { margin-top: 12px; grid-template-columns: repeat(3, minmax(0,1fr)); }
.bvx8-guide-card { min-width: 0; padding: 16px; border: 1px solid #202936; border-radius: 11px; background: linear-gradient(145deg, #0d1219, #080c12); }
.bvx8-guide-card header { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bvx8-guide-card header div { display: flex; align-items: center; gap: 8px; }
.bvx8-guide-card header span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(80,213,183,.3); border-radius: 8px; color: #50d5b7; font-size: 8px; }
.bvx8-guide-card h2 { margin: 0; font-size: 14px; }
.bvx8-guide-card > p,
.bvx8-guide-card li { color: #8793a4; font-size: 9px; line-height: 1.55; }
.bvx8-guide-card ol,
.bvx8-guide-card ul { margin: 0 0 12px; padding-left: 20px; }
.bvx8-guide-card article { padding: 9px 0; border-top: 1px solid #1a222d; }
.bvx8-guide-card article strong { color: #d2d9e3; font-size: 9px; }
.bvx8-guide-card article p { margin: 4px 0 0; color: #748193; font-size: 8px; line-height: 1.45; }

.bvx8-interactive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.bvx8-interactive-grid > button,
.bvx8-search-results > button { min-width: 0; min-height: 90px; padding: 14px; display: flex; align-items: center; gap: 12px; border: 1px solid #202936; border-radius: 10px; background: linear-gradient(145deg, #0d121a, #080c12); color: #fff; text-align: left; cursor: pointer; }
.bvx8-interactive-grid > button:hover,
.bvx8-search-results > button:hover { border-color: #3c485a; transform: translateY(-1px); }
.bvx8-interactive-grid > button > b,
.bvx8-search-results > button > b { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border: 1px solid rgba(155,140,255,.35); border-radius: 10px; color: #a99aff; font-size: 17px; }
.bvx8-interactive-grid > button > span,
.bvx8-search-results > button > span { min-width: 0; flex: 1; display: grid; }
.bvx8-interactive-grid strong,
.bvx8-search-results strong { font-size: 11px; }
.bvx8-interactive-grid small,
.bvx8-search-results small { margin-top: 5px; color: #748193; font-size: 8px; line-height: 1.4; }
.bvx8-interactive-grid i,
.bvx8-search-results i { color: #687587; font-size: 8px; font-style: normal; }
.bvx8-workbench { padding: 18px; border: 1px solid #202a37; border-radius: 12px; background: linear-gradient(145deg, #0c1118, #070b10); }
.bvx8-workbench label { margin-bottom: 12px; display: grid; gap: 6px; color: #aeb7c4; font-size: 9px; font-weight: 800; }
.bvx8-workbench textarea { width: 100%; min-height: 145px; resize: vertical; padding: 12px; border: 1px solid #26313f; border-radius: 9px; outline: 0; background: #05080d; color: #c4d2df; font: 10px/1.55 "Cascadia Code", monospace; }
.bvx8-workbench textarea:focus { border-color: rgba(155,140,255,.55); }
.bvx8-work-controls { margin-bottom: 12px; display: flex; gap: 7px; }
.bvx8-work-controls select { min-width: 190px; height: 34px; padding: 0 9px; border: 1px solid #283341; border-radius: 7px; background: #0b1017; color: #c2cad5; font: 9px inherit; }
.bvx8-port-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.bvx8-port-grid article { min-width: 0; padding: 10px; display: grid; grid-template-columns: 1fr auto; gap: 4px; border: 1px solid #1e2733; border-radius: 8px; background: #090e14; }
.bvx8-port-grid b { font-size: 10px; }
.bvx8-port-grid span { grid-column: 1; color: #6e7b8d; font-size: 7px; }
.bvx8-port-grid button { grid-column: 2; grid-row: 1 / 3; width: 28px; min-height: 28px; padding: 0; }

.bvx8-search-results { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.bvx8-search-results > button { min-height: 72px; }
.bvx8-search-results > button > b { width: 34px; height: 34px; flex-basis: 34px; }

.bvx8-collection-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.bvx8-collection-grid article { padding: 15px; border: 1px solid #202936; border-radius: 10px; background: linear-gradient(145deg, #0d121a, #080c12); }
.bvx8-collection-grid article > div:first-child { min-height: 90px; }
.bvx8-collection-grid article span { color: #70a8ff; font-size: 20px; }
.bvx8-collection-grid h3 { margin: 8px 0 4px; font-size: 13px; }
.bvx8-collection-grid p { color: #748193; font-size: 8px; }
.bvx8-collection-grid article > div:last-child { display: flex; gap: 6px; }
.bvx8-collection-grid button { min-height: 29px; padding: 0 10px; border: 1px solid #293442; border-radius: 7px; background: #0d131b; color: #9ba6b5; font: 8px inherit; cursor: pointer; }
.bvx8-collection-grid button.danger { color: #ff6381; }

.bvx8-empty { grid-column: 1 / -1; min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px dashed #252f3d; border-radius: 12px; color: #657285; text-align: center; }
.bvx8-empty b { color: #ff5b7b; font-size: 25px; }
.bvx8-empty h3 { margin: 10px 0 5px; color: #cbd3de; font-size: 14px; }
.bvx8-empty p { max-width: 360px; margin: 0; font-size: 9px; line-height: 1.5; }

.bvx8-modal { position: absolute; z-index: 20; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(2,4,7,.78); backdrop-filter: blur(10px); }
.bvx8-modal.hidden { display: none; }
.bvx8-modal-card { width: min(470px, 100%); max-height: min(620px, calc(100% - 20px)); overflow-y: auto; border: 1px solid #303a48; border-radius: 14px; background: linear-gradient(145deg, #111720, #080c12); box-shadow: 0 30px 90px rgba(0,0,0,.7); }
.bvx8-modal-card > header { padding: 17px; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #202936; }
.bvx8-modal-card header span { color: #ff5b7b; font-size: 8px; font-weight: 850; letter-spacing: .13em; }
.bvx8-modal-card h2 { margin: 4px 0 0; font-size: 18px; }
.bvx8-modal-card header button { width: 30px; height: 30px; border: 1px solid #2a3441; border-radius: 7px; background: #0b1017; color: #ff6381; font-size: 16px; cursor: pointer; }
.bvx8-modal-card form { padding: 17px; }
.bvx8-modal-card form label { display: grid; gap: 7px; color: #9aa5b4; font-size: 9px; }
.bvx8-modal-card form input { height: 40px; padding: 0 11px; border: 1px solid #2a3543; border-radius: 8px; outline: 0; background: #070b10; color: #fff; font: 11px inherit; }
.bvx8-modal-card form > div { margin-top: 16px; display: flex; justify-content: flex-end; gap: 7px; }
.bvx8-modal-card form button { min-height: 33px; padding: 0 13px; border: 1px solid #2c3745; border-radius: 7px; background: #0d131b; color: #aeb7c4; font: 9px inherit; cursor: pointer; }
.bvx8-modal-list { padding: 10px; }
.bvx8-modal-list > button { width: 100%; min-height: 58px; padding: 9px; display: flex; align-items: center; gap: 10px; border: 0; border-radius: 8px; background: transparent; color: #dbe1e9; text-align: left; cursor: pointer; }
.bvx8-modal-list > button:hover { background: rgba(255,255,255,.04); }
.bvx8-modal-list > button > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #2b3543; border-radius: 8px; color: #70a8ff; }
.bvx8-modal-list > button > div { min-width: 0; flex: 1; display: grid; }
.bvx8-modal-list small { margin-top: 4px; color: #6c788a; font-size: 8px; }
.bvx8-modal-list i { color: #748194; font-size: 8px; font-style: normal; }
.bvx8-shortcut-list { padding: 12px 17px 18px; }
.bvx8-shortcut-list p { min-height: 42px; margin: 0; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid #1c2430; color: #8793a4; font-size: 9px; }
.bvx8-shortcut-list kbd { min-width: 25px; padding: 4px 7px; border: 1px solid #303a47; border-radius: 6px; background: #080c12; color: #d4dae3; text-align: center; }
.bvx8-shortcut-list span { margin-left: auto; }

.bvx8-toast { position: absolute; z-index: 30; left: 50%; bottom: 22px; padding: 9px 13px; border: 1px solid #334051; border-radius: 8px; background: #101720; color: #dce2ea; font-size: 9px; opacity: 0; transform: translate(-50%, 12px); pointer-events: none; transition: .2s ease; }
.bvx8-toast.show { opacity: 1; transform: translate(-50%, 0); }

/* VULNEX source-parity views: original Recon, vulnerability guides, and smart Toolkit. */
.bvx8-original-hero { position:relative; min-height:180px; margin-bottom:22px; padding:38px 40px; display:flex; align-items:center; gap:22px; overflow:hidden; border:1px solid #202936; border-radius:18px; background:linear-gradient(135deg,color-mix(in srgb,var(--page-accent),transparent 90%),#080c12 54%,#070a0f); }
.bvx8-original-hero::before { content:""; position:absolute; inset:0; opacity:.22; background-image:linear-gradient(color-mix(in srgb,var(--page-accent),transparent 87%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--page-accent),transparent 87%) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,#000,transparent 78%); }
.bvx8-original-hero::after { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--page-accent); box-shadow:0 0 28px var(--page-accent); }
.bvx8-original-hero > * { position:relative; z-index:1; }
.bvx8-original-hero-icon { width:70px; height:70px; flex:0 0 70px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--page-accent),transparent 36%); border-radius:19px; color:var(--page-accent); background:color-mix(in srgb,var(--page-accent),transparent 90%); font-size:28px; font-weight:900; box-shadow:0 0 32px color-mix(in srgb,var(--page-accent),transparent 82%); }
.bvx8-original-hero span { color:var(--page-accent); font-size:9px; font-weight:950; letter-spacing:.17em; }
.bvx8-original-hero h1 { margin:6px 0 8px; color:#f6f8fb; font-size:clamp(30px,5vw,46px); line-height:1; letter-spacing:-.04em; }
.bvx8-original-hero p { margin:0; color:#8e99aa; font-size:13px; line-height:1.6; }
.bvx8-original-search { height:52px; margin:0 auto 18px; padding:0 14px; display:flex; align-items:center; gap:10px; border:1px solid #283343; border-radius:14px; background:#090e15; box-shadow:0 14px 40px rgba(0,0,0,.2); }
.bvx8-original-search > span { color:#69788d; }
.bvx8-original-search input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:#edf2f8; font:inherit; }
.bvx8-original-search kbd { padding:3px 7px; border:1px solid #2c3746; border-radius:6px; color:#6f7d91; background:#111722; font-size:9px; }
.bvx8-original-list { display:grid; gap:12px; }
.bvx8-original-card { position:relative; min-height:92px; padding:19px 20px; display:grid; grid-template-columns:50px minmax(0,1fr) auto 20px; align-items:center; gap:16px; overflow:hidden; border:1px solid #202a37; border-radius:14px; background:linear-gradient(145deg,#0d131b,#080c11); transition:.2s ease; }
.bvx8-original-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--card-accent),transparent 42%); box-shadow:0 17px 46px rgba(0,0,0,.3),0 0 24px color-mix(in srgb,var(--card-accent),transparent 89%); }
.bvx8-original-link { position:absolute; inset:0; z-index:3; border:0; background:transparent; cursor:pointer; }
.bvx8-original-card-icon { width:50px; height:50px; display:grid; place-items:center; border-radius:13px; border:1px solid color-mix(in srgb,var(--card-accent),transparent 55%); color:var(--card-accent); background:color-mix(in srgb,var(--card-accent),transparent 90%); font-size:12px; font-weight:950; }
.bvx8-original-card-copy h2 { margin:0 0 5px; color:#f0f4f8; font-size:16px; }
.bvx8-original-card-copy p { margin:0; color:#7c899a; font-size:11px; line-height:1.5; }
.bvx8-original-count { padding:5px 9px; border-radius:999px; color:var(--card-accent); background:color-mix(in srgb,var(--card-accent),transparent 90%); font-size:9px; font-weight:850; white-space:nowrap; }
.bvx8-original-arrow { color:#748196; font-size:16px; transition:.2s ease; }
.bvx8-original-card:hover .bvx8-original-arrow { color:var(--card-accent); transform:translateX(3px); }

.bvx8-vuln-guide-hero { min-height:174px; margin-bottom:16px; padding:30px; display:flex; align-items:center; gap:20px; border:1px solid #34202a; border-radius:17px; background:radial-gradient(circle at 0 0,rgba(255,55,92,.16),transparent 40%),linear-gradient(145deg,#110c12,#080b10); }
.bvx8-vuln-guide-icon { width:68px; height:68px; flex:0 0 68px; display:grid; place-items:center; border:1px solid rgba(255,79,116,.52); border-radius:18px; color:#ff6685; background:rgba(255,79,116,.1); box-shadow:0 0 30px rgba(255,79,116,.12); font-weight:950; }
.bvx8-vuln-guide-hero span,.bvx8-guide-section > header small,.bvx8-guide-toc > span { color:#ff5f7f; font-size:8px; font-weight:950; letter-spacing:.15em; }
.bvx8-vuln-guide-hero h1 { margin:5px 0 8px; color:#f7f8fb; font-size:clamp(28px,4vw,40px); letter-spacing:-.04em; }
.bvx8-vuln-guide-hero p { max-width:760px; margin:0 0 8px; color:#929dad; font-size:12px; line-height:1.55; }
.bvx8-vuln-guide-hero small { color:#687688; font-size:9px; }
.bvx8-guide-toolbar { position:sticky; top:0; z-index:8; padding:9px; border:1px solid #202936; border-radius:12px; background:rgba(7,10,15,.92); backdrop-filter:blur(14px); }
.bvx8-guide-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:22px; align-items:start; }
.bvx8-guide-toc { position:sticky; top:72px; max-height:calc(100vh - 145px); overflow:auto; padding:14px; border:1px solid #1e2733; border-radius:13px; background:#090d13; scrollbar-width:thin; }
.bvx8-guide-toc nav { margin-top:10px; display:grid; gap:3px; }
.bvx8-guide-toc button { width:100%; padding:7px 5px; display:grid; grid-template-columns:24px 1fr; gap:5px; border:0; border-radius:7px; background:transparent; color:#7f8b9d; font-size:8px; line-height:1.4; text-align:left; cursor:pointer; }
.bvx8-guide-toc button:hover { color:#fff; background:rgba(255,79,116,.1); }
.bvx8-guide-toc i { color:#ff5f7f; font-style:normal; }
.bvx8-guide-article { min-width:0; display:grid; gap:16px; }
.bvx8-guide-section { scroll-margin-top:82px; padding:19px; border:1px solid #1e2733; border-radius:14px; background:linear-gradient(145deg,#0d1219,#080c11); }
.bvx8-guide-section > header { margin-bottom:15px; display:flex; align-items:center; gap:11px; }
.bvx8-guide-section > header > span { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,79,116,.36); border-radius:10px; color:#ff6b88; background:rgba(255,79,116,.08); font-size:10px; font-weight:900; }
.bvx8-guide-section h2 { margin:3px 0 0; color:#f2f5f9; font-size:17px; line-height:1.3; }
.bvx8-guide-items { display:grid; gap:10px; }
.bvx8-guide-prose { padding:4px 2px 10px; }
.bvx8-guide-prose h3 { margin:0 0 6px; color:#e9edf4; font-size:13px; }
.bvx8-guide-prose p { margin:0; color:#98a3b2; font-size:11px; line-height:1.75; }
.bvx8-guide-command { overflow:hidden; border:1px solid #242e3b; border-radius:11px; background:#080c12; }
.bvx8-guide-command > header { padding:11px 12px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid #1b2430; }
.bvx8-guide-command > header > div { display:flex; align-items:center; gap:9px; }
.bvx8-guide-command > header span { color:#ff6887; font-size:8px; font-weight:950; }
.bvx8-guide-command h3 { margin:0; color:#e9edf4; font-size:11px; }
.bvx8-guide-command button { min-height:27px; padding:0 9px; border:1px solid #2b3745; border-radius:7px; background:#111822; color:#9ba8b9; font-size:8px; cursor:pointer; }
.bvx8-guide-command button:hover,.bvx8-guide-command button.active { border-color:#ff5f7f; color:#fff; }
.bvx8-guide-command > p { margin:10px 12px 0; color:#8390a1; font-size:9px; }
.bvx8-guide-command pre { margin:10px 12px 12px; padding:12px; overflow:auto; border:1px solid #1d2734; border-radius:8px; background:#05080d; color:#d8e4ee; font-size:9px; line-height:1.65; white-space:pre-wrap; word-break:break-word; }
.bvx8-guide-images { margin-top:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.bvx8-guide-images a { position:relative; min-width:0; overflow:hidden; border:1px solid #273140; border-radius:10px; background:#05080c; color:#d8e2ed; }
.bvx8-guide-images img { width:100%; max-height:320px; display:block; object-fit:cover; opacity:.88; transition:.2s ease; }
.bvx8-guide-images a:hover img { opacity:1; transform:scale(1.012); }
.bvx8-guide-images span { position:absolute; left:8px; bottom:8px; padding:4px 7px; border:1px solid rgba(255,255,255,.1); border-radius:6px; background:rgba(2,4,7,.82); font-size:8px; backdrop-filter:blur(8px); }

.bvx8-toolkit { --tk:#00ff64; --tk2:#06d6e8; position:relative; isolation:isolate; min-height:100%; padding-bottom:12px; color:#eef5f4; }
.bvx8-toolkit.is-neon { --tk:#ff168f; --tk2:#00d9ff; }
.bvx8-toolkit-grid-bg { position:absolute; z-index:-1; inset:0; pointer-events:none; opacity:.34; background-image:linear-gradient(color-mix(in srgb,var(--tk),transparent 91%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--tk),transparent 91%) 1px,transparent 1px); background-size:50px 50px; mask-image:linear-gradient(#000,transparent 88%); }
.bvx8-toolkit-hero { position:relative; padding:46px 24px 58px; overflow:hidden; border:1px solid color-mix(in srgb,var(--tk),transparent 77%); border-radius:18px; background:radial-gradient(circle at 12% -15%,color-mix(in srgb,var(--tk),transparent 74%),transparent 42%),radial-gradient(circle at 95% 100%,rgba(190,48,255,.13),transparent 38%),linear-gradient(145deg,#090d0d,#050708); text-align:center; }
.bvx8-toolkit-wand { width:72px; height:72px; margin:0 auto 16px; display:grid; place-items:center; border-radius:20px; color:var(--tk); background:linear-gradient(135deg,color-mix(in srgb,var(--tk),transparent 86%),color-mix(in srgb,var(--tk2),transparent 88%)); box-shadow:0 12px 46px color-mix(in srgb,var(--tk),transparent 80%); font-size:31px; }
.bvx8-toolkit-hero > span { color:var(--tk); font-size:8px; font-weight:950; letter-spacing:.2em; }
.bvx8-toolkit-hero h1 { margin:7px 0 10px; color:transparent; background:linear-gradient(90deg,var(--tk),var(--tk2),#d946ef); background-clip:text; font-size:clamp(30px,5vw,48px); line-height:1; letter-spacing:-.035em; }
.bvx8-toolkit-hero p { margin:0; color:#87928f; font-size:12px; }
.bvx8-toolkit-target { width:min(680px,100%); min-height:53px; margin:25px auto 11px; padding:4px 4px 4px 15px; display:flex; align-items:center; gap:10px; border:1px solid color-mix(in srgb,var(--tk),transparent 67%); border-radius:15px; background:#050808; box-shadow:0 10px 42px color-mix(in srgb,var(--tk),transparent 88%); }
.bvx8-toolkit-target > span { color:var(--tk); }
.bvx8-toolkit-target input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:#fff; font:11px ui-monospace,SFMono-Regular,Consolas,monospace; }
.bvx8-toolkit-target button { min-height:41px; border:0; border-radius:11px; cursor:pointer; }
.bvx8-toolkit-target .clear { width:34px; color:#798681; background:transparent; font-size:18px; }
.bvx8-toolkit-target .generate { padding:0 20px; color:#020705; background:linear-gradient(90deg,var(--tk),var(--tk2)); font-size:10px; font-weight:950; box-shadow:0 5px 22px color-mix(in srgb,var(--tk),transparent 78%); }
.bvx8-toolkit-theme { min-height:31px; padding:0 13px; border:1px solid color-mix(in srgb,var(--tk),transparent 68%); border-radius:999px; color:var(--tk); background:rgba(0,0,0,.28); font-size:9px; cursor:pointer; }
.bvx8-toolkit-stats { position:relative; z-index:2; margin:-27px 22px 20px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.bvx8-toolkit-stats article { min-height:91px; display:grid; place-items:center; align-content:center; border:1px solid color-mix(in srgb,var(--tk),transparent 78%); border-radius:13px; background:linear-gradient(145deg,rgba(15,20,19,.98),rgba(4,7,7,.98)); box-shadow:0 14px 34px rgba(0,0,0,.3); }
.bvx8-toolkit-stats i { color:var(--tk); font-size:14px; font-style:normal; }.bvx8-toolkit-stats strong { margin:3px 0; color:#fff; font-size:20px; }.bvx8-toolkit-stats span { color:#66736f; font-size:7px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.bvx8-toolkit-controls { position:sticky; top:0; z-index:7; margin-bottom:14px; padding:10px; border:1px solid color-mix(in srgb,var(--tk),transparent 82%); border-radius:13px; background:rgba(5,8,8,.92); backdrop-filter:blur(15px); }
.bvx8-toolkit-controls label { height:38px; padding:0 11px; display:flex; align-items:center; gap:8px; border:1px solid #27302f; border-radius:10px; background:#080c0c; }.bvx8-toolkit-controls label span{color:var(--tk)}.bvx8-toolkit-controls input{flex:1;border:0;outline:0;background:transparent;color:#f2f7f5;font-size:10px}
.bvx8-toolkit-controls nav { margin-top:8px; display:flex; gap:5px; overflow:auto; scrollbar-width:thin; }.bvx8-toolkit-controls nav button{flex:0 0 auto;padding:6px 8px;border:1px solid #26302f;border-radius:7px;background:#0a0f0f;color:#73807c;font-size:7px;cursor:pointer}.bvx8-toolkit-controls nav button:hover{border-color:var(--tk);color:var(--tk)}
.bvx8-toolkit-sections { display:grid; gap:14px; }
.bvx8-toolkit-section { scroll-margin-top:120px; overflow:hidden; border:1px solid color-mix(in srgb,var(--tk),transparent 78%); border-radius:15px; background:linear-gradient(145deg,#0b1010,#050808); box-shadow:0 12px 38px rgba(0,0,0,.22); }
.bvx8-toolkit-section > header { padding:15px 17px; display:flex; align-items:center; gap:11px; border-bottom:1px solid color-mix(in srgb,var(--tk),transparent 89%); background:linear-gradient(90deg,color-mix(in srgb,var(--tk),transparent 93%),transparent); }
.bvx8-toolkit-section-icon { width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#07100b;background:linear-gradient(135deg,var(--tk),var(--tk2));font-size:9px;font-weight:950}.bvx8-toolkit-section h2{flex:1;margin:0;color:#f4f8f7;font-size:16px}.bvx8-toolkit-section>header>span{padding:3px 7px;border-radius:999px;color:#8c9995;background:rgba(255,255,255,.06);font-size:8px}
.bvx8-toolkit-section-body { padding:15px; display:grid; gap:20px; }.bvx8-toolkit-subgroup h3{margin:0 0 9px;color:var(--tk);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.bvx8-toolkit-subgroup>div{display:grid;gap:8px}
.bvx8-toolkit-command { overflow:hidden; border:1px solid #222d2b; border-radius:10px; background:rgba(8,13,12,.72); transition:.18s ease; }.bvx8-toolkit-command:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--tk),transparent 55%);box-shadow:0 8px 25px color-mix(in srgb,var(--tk),transparent 92%)}
.bvx8-toolkit-command>div{padding:11px 12px;display:flex;align-items:flex-start;gap:9px}.bvx8-toolkit-command b{color:var(--tk);font:10px ui-monospace,monospace}.bvx8-toolkit-command code{flex:1;min-width:0;color:#cbd6d2;font:9px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.bvx8-toolkit-command button{width:30px;height:30px;flex:0 0 30px;border:1px solid #2a3633;border-radius:8px;background:#111815;color:#68756f;cursor:pointer}.bvx8-toolkit-command:hover button{color:var(--tk);border-color:color-mix(in srgb,var(--tk),transparent 55%)}
.bvx8-toolkit-command footer{padding:7px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #1b2422}.bvx8-toolkit-command footer p{margin:0;color:#687570;font-size:8px;line-height:1.4}.bvx8-toolkit-command footer span{color:var(--tk);font-size:8px;font-weight:800;text-align:right}
.bvx8-toolkit-footer{margin-top:22px;padding:20px;border-top:1px solid color-mix(in srgb,var(--tk),transparent 87%);color:#66736f;text-align:center;font:9px ui-monospace,monospace}.bvx8-toolkit-footer span,.bvx8-toolkit-footer b{color:var(--tk)}

@media (max-width: 1280px) {
  .bvx8-app { grid-template-columns: 230px minmax(0, 1fr); }
  .bvx8-rail { display: none; }
  .bvx8-shell.sidebar-collapsed .bvx8-app { grid-template-columns: 72px minmax(0, 1fr); }
  .bvx8-route-grid.compact { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 960px) {
  .bvx8-shell { inset: 4px 4px calc(var(--bvx8-dock-h) + 13px); }
  .bvx8-app { grid-template-columns: 72px minmax(0, 1fr); border-radius: 10px; }
  .bvx8-brand span,
  .bvx8-side-search input,
  .bvx8-side-search kbd,
  .bvx8-sidebar nav span,
  .bvx8-sidebar nav small,
  .bvx8-sidebar footer span { display: none; }
  .bvx8-brand { justify-content: center; }
  .bvx8-sidebar-collapse { display: none; }
  .bvx8-side-search { justify-content: center; }
  .bvx8-sidebar nav button { justify-content: center; padding: 0; }
  .bvx8-sidebar footer { grid-template-columns: 1fr; }
  .bvx8-main { padding: 24px 18px 80px; }
  .bvx8-stat-grid,
  .bvx8-feature-grid,
  .bvx8-tool-grid,
  .bvx8-tool-grid.large { grid-template-columns: repeat(2, 1fr); }
  .bvx8-route-grid,
  .bvx8-route-grid.compact { grid-template-columns: repeat(2, 1fr); }
  .bvx8-random-card { grid-template-columns: 1fr; }
  .bvx8-tool-detail-grid.thirds { grid-template-columns: 1fr; }
  .bvx8-dock button span,
  .bvx8-dock button kbd { display: none; }
  .bvx8-dock .bvx8-dock-launch { min-width: 54px; justify-content: center; }
  .bvx8-dock .bvx8-dock-launch > span { display: none; }
  .bvx8-dock button { min-width: 52px; }
  .bvx8-guide-layout { grid-template-columns:1fr; }
  .bvx8-guide-toc { position:relative; top:auto; max-height:none; }
  .bvx8-guide-toc nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .bvx8-app { grid-template-columns: 54px minmax(0, 1fr); }
  .bvx8-sidebar > header { padding: 8px 5px; }
  .bvx8-brand b { width: 30px; height: 30px; flex-basis: 30px; }
  .bvx8-side-search { margin: 8px 6px; padding: 0; }
  .bvx8-sidebar nav { padding: 0 5px 10px; }
  .bvx8-topbar { padding: 0 10px; }
  .bvx8-top-actions button span,
  .bvx8-top-actions button:first-child { display: none; }
  .bvx8-main { padding: 18px 12px 72px; }
  .bvx8-hero { padding: 18px 4px; }
  .bvx8-hero > p { font-size: 11px; }
  .bvx8-hero-search kbd,
  .bvx8-quick-row > span { display: none; }
  .bvx8-stat-grid,
  .bvx8-feature-grid,
  .bvx8-tool-grid,
  .bvx8-tool-grid.large,
  .bvx8-route-grid,
  .bvx8-route-grid.compact,
  .bvx8-command-list.compact,
  .bvx8-tool-detail-grid,
  .bvx8-interactive-grid,
  .bvx8-search-results,
  .bvx8-collection-grid,
  .bvx8-port-grid { grid-template-columns: 1fr; }
  .bvx8-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .bvx8-page-intro { padding: 15px; align-items: flex-start; }
  .bvx8-page-icon { width: 44px; height: 44px; flex-basis: 44px; border-radius: 11px; font-size: 19px; }
  .bvx8-page-intro h1 { font-size: 22px; }
  .bvx8-command-toolbar { align-items: stretch; flex-wrap: wrap; }
  .bvx8-local-search { width: 100%; min-width: 0; }
  .bvx8-command-card header,
  .bvx8-command-card footer { flex-direction: column; align-items: stretch; }
  .bvx8-card-actions { justify-content: flex-end; }
  .bvx8-inline-actions { flex-wrap: wrap; }
  .bvx8-dock { width: calc(100vw - 12px); bottom: 5px; padding: 4px; }
  .bvx8-dock button { min-width: 42px; padding: 4px; }
  .bvx8-dock .bvx8-dock-launch { min-width: 46px; }
  .bvx8-dock button:nth-of-type(3),
  .bvx8-dock button:nth-of-type(4),
  .bvx8-dock .bvx8-dock-size,
  .bvx8-dock-divider { display: none; }
  .bvx8-original-hero,.bvx8-vuln-guide-hero { min-height:0; padding:22px 17px; align-items:flex-start; }
  .bvx8-original-hero-icon,.bvx8-vuln-guide-icon { width:49px; height:49px; flex-basis:49px; border-radius:14px; font-size:16px; }
  .bvx8-original-card { padding:15px; grid-template-columns:42px minmax(0,1fr) 14px; gap:11px; }
  .bvx8-original-card-icon { width:42px; height:42px; }
  .bvx8-original-count { display:none; }
  .bvx8-original-card-copy h2 { font-size:14px; }
  .bvx8-guide-toc nav { grid-template-columns:1fr; }
  .bvx8-guide-section { padding:14px; }
  .bvx8-guide-command > header { align-items:flex-start; flex-direction:column; }
  .bvx8-guide-images { grid-template-columns:1fr; }
  .bvx8-toolkit-hero { padding:32px 13px 50px; }
  .bvx8-toolkit-wand { width:58px; height:58px; }
  .bvx8-toolkit-target { flex-wrap:wrap; padding:8px 8px 8px 12px; }
  .bvx8-toolkit-target input { min-width:calc(100% - 72px); }
  .bvx8-toolkit-target .generate { width:100%; }
  .bvx8-toolkit-stats { margin:-27px 8px 16px; grid-template-columns:repeat(2,1fr); }
  .bvx8-toolkit-command footer { align-items:flex-start; flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  .bvx8-shell,
  .bvx8-dock,
  .bvx8-dock button,
  .bvx8-feature-card,
  .bvx8-tool-card,
  .bvx8-interactive-grid > button { animation: none !important; transition: none !important; }
}

body:has(#teamLoginForm) .bvx8-dock,
body:has(#teamLoginForm) .bvx8-shell {
  display: none !important;
}