/* bl-demo 20260729filters-visual */
/* BlindLock interactive product demo — visual shell only (no real crypto). */
.bl-demo-hero{max-width:920px;margin:0 0 1.6rem}
.bl-demo-hero h1{font-size:clamp(2.2rem,5.5vw,3.6rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 1rem}
.bl-demo-hero .lead{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;font-weight:300;max-width:640px}
.bl-demo-trust{display:flex;flex-wrap:wrap;gap:.55rem .9rem;margin-top:1.15rem;list-style:none;padding:0}
.bl-demo-trust li{display:inline-flex;align-items:center;gap:.45rem;color:var(--emerald-light);font-size:.82rem;font-weight:600}
.bl-demo-trust li::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px rgba(16,185,129,.5)}

.bl-demo-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:.35rem;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border)}
.bl-demo-tab{appearance:none;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:.82rem;font-weight:600;padding:.55rem .95rem;border-radius:999px;cursor:pointer;transition:color .2s,background .2s}
.bl-demo-tab[aria-selected="true"]{color:#04110d;background:linear-gradient(135deg,#10b981,#34d399)}
.bl-demo-tab:disabled{opacity:.45;cursor:not-allowed}
.bl-demo-tab:not(:disabled):hover{color:var(--text);background:rgba(255,255,255,.04)}
.bl-demo-tab[aria-selected="true"]:not(:disabled):hover{color:#04110d;background:linear-gradient(135deg,#10b981,#34d399)}

.bl-demo-shell{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0c0c10;box-shadow:0 28px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04)}
.bl-demo-titlebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;background:rgba(15,15,18,.96);border-bottom:1px solid rgba(255,255,255,.06);flex:0 0 auto}
.bl-demo-dots{display:flex;gap:.4rem}
.bl-demo-dots span{width:.7rem;height:.7rem;border-radius:50%;background:rgba(255,255,255,.12)}
.bl-demo-dots span:nth-child(1){background:#ff5f57}
.bl-demo-dots span:nth-child(2){background:#febc2e}
.bl-demo-dots span:nth-child(3){background:#28c840}
.bl-demo-title{font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}
.bl-demo-badges{display:flex;flex-wrap:wrap;gap:.35rem}
.bl-demo-badge{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(16,185,129,.28);color:var(--emerald-light);background:rgba(16,185,129,.08)}

.bl-demo-stage{position:relative;min-height:0}
.bl-demo-scene{display:none;min-height:0}
.bl-demo-scene.is-active{display:flex;flex:1 1 auto;width:100%;min-height:0;height:100%}

/* PIN */
.bl-scene-pin{align-items:stretch}
.bl-pin-brand,.bl-pin-panel{flex:1;padding:2rem 1.6rem;display:flex;flex-direction:column;justify-content:center}
.bl-pin-brand{border-right:1px solid rgba(255,255,255,.05);background:radial-gradient(ellipse at 30% 20%,rgba(16,185,129,.1),transparent 55%)}
.bl-pin-logo{width:72px;height:72px;border-radius:18px;margin-bottom:1.2rem;box-shadow:0 0 28px rgba(16,185,129,.25)}
.bl-pin-brand h2{font-size:1.85rem;letter-spacing:-.04em;margin:0 0 .35rem}
.bl-pin-brand .tag{color:var(--text-tertiary);margin-bottom:1.4rem;font-size:.95rem}
.bl-pin-feats{display:grid;gap:.7rem}
.bl-pin-feat{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem .85rem;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.bl-pin-feat .bl-tile{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:11px}
.bl-pin-feat strong{display:block;font-size:.88rem;margin-bottom:.15rem}
.bl-pin-feat span{display:block;font-size:.78rem;color:var(--text-tertiary);line-height:1.45}

/* BlIcon system — same premium tiles/glyphs as Desktop dashboard */
.bl-g{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}
.bl-tile{
  display:block;
  flex:0 0 auto;
  align-self:center;
  box-sizing:border-box;
  position:relative;
  overflow:visible;
}
/* Absolute center — drop-shadow must not clip or shift the glyph */
.bl-tile > .bl-g{
  position:absolute;
  top:50%;
  left:50%;
  width:56%;
  height:56%;
  margin:0;
  transform:translate(-50%,-50%);
}
.bl-st-em{stroke:url(#bl-em);filter:drop-shadow(0 0 3px rgba(52,211,153,.5))}
.bl-st-sky{stroke:url(#bl-sky);filter:drop-shadow(0 0 3px rgba(124,196,232,.5))}
.bl-st-gold{stroke:url(#bl-gold);filter:drop-shadow(0 0 3px rgba(224,182,106,.5))}
.bl-st-teal{stroke:url(#bl-teal);filter:drop-shadow(0 0 3px rgba(94,201,192,.5))}
.bl-st-blue{stroke:url(#bl-blue);filter:drop-shadow(0 0 3px rgba(110,168,240,.5))}
.bl-st-slate{stroke:url(#bl-slate);filter:drop-shadow(0 0 3px rgba(166,182,200,.45))}
.bl-st-amber{stroke:url(#bl-amber);filter:drop-shadow(0 0 3px rgba(232,176,74,.5))}
.bl-st-violet{stroke:url(#bl-violet);filter:drop-shadow(0 0 3px rgba(177,164,243,.5))}
.bl-st-rose{stroke:url(#bl-rose);filter:drop-shadow(0 0 3px rgba(230,169,179,.55))}
.bl-bg-em{background:radial-gradient(120% 120% at 30% 18%,rgba(16,185,129,.22),rgba(16,185,129,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(110,231,183,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(16,185,129,.6)}
.bl-bg-sky{background:radial-gradient(120% 120% at 30% 18%,rgba(108,184,230,.22),rgba(108,184,230,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(160,210,240,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(108,184,230,.55)}
.bl-bg-gold{background:radial-gradient(120% 120% at 30% 18%,rgba(224,182,106,.22),rgba(224,182,106,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(240,220,170,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(224,182,106,.55)}
.bl-bg-teal{background:radial-gradient(120% 120% at 30% 18%,rgba(94,201,192,.22),rgba(94,201,192,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(191,240,235,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(94,201,192,.5)}
.bl-bg-blue{background:radial-gradient(120% 120% at 30% 18%,rgba(110,168,240,.22),rgba(110,168,240,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(188,214,251,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(110,168,240,.55)}
.bl-bg-slate{background:radial-gradient(120% 120% at 30% 18%,rgba(159,176,196,.2),rgba(159,176,196,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(200,212,224,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px -11px rgba(159,176,196,.5)}
.bl-bg-amber{background:radial-gradient(120% 120% at 30% 18%,rgba(232,176,74,.2),rgba(232,176,74,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(246,220,160,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(232,176,74,.5)}
.bl-bg-violet{background:radial-gradient(120% 120% at 30% 18%,rgba(169,156,240,.22),rgba(169,156,240,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(210,202,250,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(169,156,240,.55)}
.bl-bg-rose{background:radial-gradient(120% 120% at 30% 18%,rgba(230,169,179,.22),rgba(230,169,179,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(247,215,220,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(230,169,179,.55)}
.bl-bg-pink{background:radial-gradient(120% 120% at 30% 18%,rgba(232,153,201,.2),rgba(232,153,201,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(246,207,230,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(232,153,201,.5)}
.bl-st-pink{stroke:url(#bl-pink);filter:drop-shadow(0 0 3px rgba(232,153,201,.5))}
.bl-pin-card{width:min(100%,360px);margin:0 auto;padding:1.6rem 1.4rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(16,16,20,.88);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.bl-pin-card h3{text-align:center;font-size:1.25rem;letter-spacing:-.03em;margin:0 0 .35rem}
.bl-pin-card .sub{text-align:center;color:var(--text-tertiary);font-size:.86rem;margin-bottom:1.3rem}
.bl-pin-dots{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.4rem;min-height:22px}
.bl-pin-dot,[data-bl-pin-dot]{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid #3f3f46;background:transparent;box-sizing:border-box;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}
.bl-pin-dot.is-optional:not(.is-on){border-color:#27272a}
.bl-pin-dot.is-on,[data-bl-pin-dot].is-on{border-color:var(--emerald);background:var(--emerald);box-shadow:0 0 12px rgba(16,185,129,.55)}
.bl-pin-dot.is-pulse,[data-bl-pin-dot].is-pulse{animation:bl-pin-pulse .22s ease-out}
@keyframes bl-pin-pulse{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(1)}}
.bl-pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;max-width:280px;margin:0 auto 1rem}
.bl-pin-key{appearance:none;position:relative;overflow:hidden;border:1px solid #3f3f46;background:#18181b;color:var(--text);font:inherit;font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;min-height:56px;border-radius:14px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s}
.bl-pin-key:hover{background:#27272a;border-color:var(--emerald);box-shadow:0 0 15px rgba(16,185,129,.2)}
.bl-pin-key:active,.bl-pin-key.is-flash{transform:scale(.95);background:rgba(16,185,129,.16);border-color:rgba(16,185,129,.55);box-shadow:0 0 18px rgba(16,185,129,.28)}
.bl-pin-key[data-bl-pin-key="C"]{color:#f87171;font-size:1rem}
.bl-pin-key[data-bl-pin-key="B"]{color:#a1a1aa}
.bl-pin-unlock{appearance:none;display:block;width:min(100%,280px);margin:0 auto;min-height:52px;border:0;border-radius:14px;font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;color:#09090b;background:linear-gradient(90deg,#10b981,#059669 55%,#047857);box-shadow:0 8px 24px rgba(16,185,129,.28);transition:opacity .15s,transform .12s,box-shadow .15s}
.bl-pin-unlock:hover:not(:disabled){box-shadow:0 8px 30px rgba(16,185,129,.38)}
.bl-pin-unlock:active:not(:disabled){transform:scale(.99)}
.bl-pin-unlock:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.bl-pin-hint{margin-top:.9rem;text-align:center;font-size:.78rem;color:var(--text-tertiary);line-height:1.45}

/* Unlocking — mirrors Desktop unlocking rings / scan / segments */
.bl-scene-unlocking{position:relative;align-items:center;justify-content:center;padding:2.2rem 1.4rem 5.2rem;overflow:hidden;background:#09090b}
.bl-unlock-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.bl-unlock-grid{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2310b981'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.bl-unlock-pulse{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(16,185,129,.14) 0%,transparent 60%);opacity:.35;transition:opacity .5s}
.bl-unlock-pulse.is-mid{opacity:.55}
.bl-unlock-pulse.is-hot{opacity:.75}
.bl-unlock-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.55),transparent);animation:bl-unlock-scan 5s linear infinite;opacity:.65}
.bl-unlock-particles{position:absolute;inset:0}
.bl-unlock-particles i{position:absolute;top:50%;width:4px;height:4px;border-radius:50%;background:rgba(16,185,129,.35);animation:bl-unlock-float 3.8s ease-in-out infinite}
.bl-unlock-particles .p0{left:15%;animation-delay:0s;animation-duration:3s}
.bl-unlock-particles .p1{left:30%;animation-delay:.3s;animation-duration:3.5s}
.bl-unlock-particles .p2{left:45%;animation-delay:.6s;animation-duration:4s}
.bl-unlock-particles .p3{left:60%;animation-delay:.9s;animation-duration:4.5s}
.bl-unlock-particles .p4{left:75%;animation-delay:1.2s;animation-duration:5s}
.bl-unlock-particles .p5{left:90%;animation-delay:1.5s;animation-duration:5.5s}
.bl-unlock-core{position:relative;z-index:1;width:min(100%,440px);text-align:center}
.bl-unlock-orb{position:relative;width:80px;height:80px;margin:0 auto 1.35rem}
.bl-unlock-orb .ring{position:absolute;border-radius:50%;pointer-events:none}
.bl-unlock-orb .ring-a{inset:-24px;border:1px solid rgba(16,185,129,.2);animation:bl-spin 8s linear infinite}
.bl-unlock-orb .ring-a::before{content:"";position:absolute;top:0;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:rgba(16,185,129,.6)}
.bl-unlock-orb .ring-b{inset:-16px;border:1px solid rgba(16,185,129,.3);animation:bl-ring-pulse 2s ease-in-out infinite}
.bl-unlock-orb .ring-c{inset:-8px;border:1px dashed rgba(16,185,129,.4);animation:bl-spin-rev 6s linear infinite}
.bl-unlock-orb .glow{position:absolute;inset:0;border-radius:50%;background:rgba(16,185,129,.35);filter:blur(22px);transform:scale(1.5);opacity:.45;transition:opacity .5s}
.bl-unlock-orb .glow.is-mid{opacity:.65}
.bl-unlock-orb .glow.is-hot{opacity:.85}
.bl-unlock-orb .shell{position:relative;width:80px;height:80px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#10b981,#059669 45%,#047857);box-shadow:0 0 36px rgba(16,185,129,.5)}
.bl-unlock-orb .shell .bl-g{
  position:relative;top:auto;left:auto;transform:none;
  width:36px;height:36px;margin:0;
  stroke:#04110d!important;
  stroke-width:2!important;
  fill:none!important;
  filter:none!important;
  transition:opacity .22s ease,transform .22s ease;
}
.bl-unlock-orb .shell .bl-g [fill]:not([fill="none"]){fill:#04110d!important}
.bl-unlock-orb .shell.is-pop .bl-g{animation:bl-shell-pop .34s cubic-bezier(.22,1,.36,1)}
@keyframes bl-shell-pop{0%{opacity:.35;transform:scale(.82)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
.bl-unlock-core h3{font-size:clamp(1.45rem,3vw,1.9rem);letter-spacing:-.04em;margin:0 0 .55rem;color:#fff}
.bl-unlock-stepline{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-bottom:1.15rem;min-height:1.3rem}
.bl-unlock-stepline .idx{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:#34d399}
.bl-unlock-stepline .txt{font-size:.86rem;color:#a1a1aa}
.bl-unlock-segments{display:flex;gap:6px;margin-bottom:.55rem}
.bl-unlock-seg{flex:1;height:6px;border-radius:999px;background:#18181b;overflow:hidden}
.bl-unlock-seg.is-lit{box-shadow:0 0 8px rgba(16,185,129,.3)}
.bl-unlock-seg > i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#059669,#10b981,#34d399);transition:width .15s linear}
.bl-unlock-dots{display:flex;justify-content:space-between;padding:0 2px;margin-bottom:1rem}
.bl-unlock-dots span{width:6px;height:6px;border-radius:50%;background:#3f3f46;transition:background .25s,box-shadow .25s}
.bl-unlock-dots span.is-on{background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.6)}
.bl-unlock-pct{display:flex;align-items:baseline;justify-content:center;gap:.15rem;margin-bottom:.35rem}
.bl-unlock-pct strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.4rem;font-weight:800;color:#34d399;text-shadow:0 0 24px rgba(16,185,129,.5);tabular-nums:tabular-nums;font-variant-numeric:tabular-nums}
.bl-unlock-pct span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;color:rgba(52,211,153,.55)}
.bl-unlock-note{margin:.35rem 0 0;font-size:.75rem;color:#71717a;line-height:1.5}
.bl-unlock-statusbar{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-top:1px solid rgba(63,63,70,.5);background:rgba(15,15,18,.88);backdrop-filter:blur(10px)}
.bl-unlock-statusbar .item{display:flex;align-items:center;gap:.65rem;min-width:0}
.bl-unlock-statusbar .ico{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#18181b;border:1px solid rgba(63,63,70,.5);box-shadow:0 0 8px rgba(16,185,129,.1);flex:0 0 auto}
.bl-unlock-statusbar .ico .bl-g{width:16px;height:16px}
.bl-unlock-statusbar b{display:block;font-size:.72rem;color:#fff;font-weight:600}
.bl-unlock-statusbar em{display:block;font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;color:#34d399}
@keyframes bl-spin{to{transform:rotate(360deg)}}
@keyframes bl-spin-rev{to{transform:rotate(-360deg)}}
@keyframes bl-ring-pulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.65}}
@keyframes bl-unlock-scan{0%{top:0%;opacity:.65}100%{top:100%;opacity:.65}}
@keyframes bl-unlock-float{0%,100%{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-22px) scale(1.45);opacity:.65}}

/* Stego — dashboard-grade Sign in / Create */
.bl-scene-stego{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;gap:0;background:#09090b;position:relative;overflow:hidden}
.bl-scene-stego::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 30%,rgba(16,185,129,.14),transparent 48%),radial-gradient(ellipse at 82% 70%,rgba(94,201,192,.08),transparent 42%)}
.bl-stego-top{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem 1rem;padding:.85rem 1.1rem;border-bottom:1px solid rgba(63,63,70,.5);background:rgba(15,15,18,.88);backdrop-filter:blur(14px)}
.bl-stego-modebar{display:flex;flex-wrap:wrap;gap:.45rem}
.bl-stego-mode{appearance:none;border:1px solid rgba(63,63,70,.7);background:rgba(24,24,27,.65);color:#a1a1aa;border-radius:999px;padding:.42rem .85rem .42rem .42rem;font:inherit;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}
.bl-stego-mode .bl-tile{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:8px}
.bl-stego-mode:hover{color:#fff;background:rgba(24,24,27,.9)}
.bl-stego-mode.is-active{border-color:rgba(16,185,129,.42);background:rgba(16,185,129,.12);color:#6ee7b7;box-shadow:0 0 22px rgba(16,185,129,.16)}
.bl-stego-pills{display:flex;flex-wrap:wrap;gap:.35rem}
.bl-stego-pills span{padding:.4rem .7rem;border-radius:999px;border:1px solid rgba(16,185,129,.22);background:rgba(16,185,129,.08);color:#6ee7b7;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.bl-stego-pills span.muted{border-color:rgba(63,63,70,.65);background:rgba(24,24,27,.85);color:#d4d4d8}
.bl-stego-panel{display:none;flex:1;min-height:0;width:100%;position:relative;z-index:1}
.bl-stego-panel.is-active{display:flex}
.bl-stego-panel-found{flex-direction:row;align-items:stretch;min-height:540px;padding:1.15rem;gap:1rem}
.bl-stego-found{flex:1 1 48%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.4rem;min-width:0;border-radius:28px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.78);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.bl-stego-form{flex:1 1 48%;display:flex;flex-direction:column;justify-content:center;padding:0;min-width:0}
.bl-stego-card{width:100%;max-width:420px;margin:0 auto;padding:1.2rem 1.25rem 1.35rem;border-radius:22px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.82);box-shadow:0 14px 40px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.bl-stego-check{position:relative;width:72px;height:72px;margin:0 auto 1rem;display:grid;place-items:center;animation:bl-dash-float 6s ease-in-out infinite}
.bl-stego-check-tile{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;border-radius:18px!important}
.bl-stego-check-tile .bl-g{width:30px;height:30px}
.bl-stego-check .pulse-ring{position:absolute;inset:0;border-radius:18px;border:1px solid rgba(16,185,129,.5);animation:bl-logo-pulse 2.4s ease-in-out infinite}
.bl-stego-found .bl-dash-chip{margin-bottom:.75rem}
.bl-stego-found h3{font-size:clamp(1.55rem,2.5vw,1.95rem);margin:0 0 .35rem;color:#fff;letter-spacing:-.04em;font-weight:800}
.bl-stego-sub{color:#a1a1aa;font-size:.95rem;font-weight:600;margin:0 0 .9rem}
.bl-stego-file{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .75rem .4rem .4rem;border-radius:999px;background:rgba(24,24,27,.75);border:1px solid rgba(63,63,70,.55);font-size:.78rem;color:#d4d4d8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.bl-stego-file .bl-tile{width:26px;height:26px;min-width:26px;min-height:26px;border-radius:8px}
.bl-stego-note{margin-top:1.1rem;width:min(100%,360px);text-align:left;padding:.85rem .95rem;border-radius:14px;border:1px solid rgba(224,182,106,.28);background:rgba(224,182,106,.08);color:#f5e6c8;font-size:.8rem;line-height:1.55;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bl-stego-note strong{display:block;color:#f0d29a;margin-bottom:.3rem;font-size:.82rem}
.bl-stego-card .bl-dash-panelmeta,.bl-stego-create .bl-dash-panelmeta{margin-bottom:.85rem}
.bl-stego-form .sub,.bl-stego-create .sub{color:#a1a1aa;font-size:.88rem;margin:0 0 1rem;line-height:1.5}
.bl-stego-form .label,.bl-stego-create .label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#71717a;margin:0 0 .4rem}
.bl-stego-fake{width:100%;min-height:46px;padding:.7rem .9rem;border-radius:12px;border:1px solid rgba(63,63,70,.65);background:rgba(24,24,27,.7);color:#fff;margin:0 0 .95rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:.6rem;pointer-events:none;user-select:none}
.bl-stego-fake span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.bl-stego-fake em{font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6ee7b7;border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.1);padding:.18rem .4rem;border-radius:999px}
.bl-stego-fake.is-empty{opacity:.55;color:#71717a}
.bl-stego-fake.is-empty span{letter-spacing:0;font-family:inherit}
.bl-stego-panel-create{align-items:center;justify-content:center;padding:1.4rem 1.15rem}
.bl-stego-modal{width:min(100%,480px);padding:1.2rem 1.25rem 1.35rem;border-radius:28px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.9);box-shadow:0 22px 70px rgba(0,0,0,.4);backdrop-filter:blur(16px)}
.bl-stego-tabs{display:flex;gap:1.2rem;margin:0 0 1.05rem;border-bottom:1px solid rgba(63,63,70,.45)}
.bl-stego-tab{color:#71717a;font-weight:700;font-size:.9rem;padding:0 0 .65rem;border-bottom:2px solid transparent;margin-bottom:-1px}
.bl-stego-tab.is-active{color:#6ee7b7;border-bottom-color:#10b981}
.bl-stego-pick{display:flex;gap:.55rem;align-items:stretch;margin:0 0 .85rem}
.bl-stego-pick-field{flex:1;min-height:46px;display:flex;align-items:center;padding:.55rem .85rem;border-radius:12px;border:1px solid rgba(63,63,70,.65);background:rgba(24,24,27,.7);color:#71717a;font-size:.86rem}
.bl-stego-pick-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.2rem .85rem .2rem .3rem;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#04140f;font-weight:800;font-size:.82rem;white-space:nowrap;box-shadow:0 8px 18px -12px rgba(16,185,129,.75)}
.bl-stego-pick-btn .bl-tile{width:26px;height:26px;min-width:26px;min-height:26px;border-radius:8px;background:rgba(4,20,15,.18);border-color:rgba(4,20,15,.12);box-shadow:none}
.bl-stego-pick-btn .bl-g{width:14px;height:14px}
.bl-stego-create .bl-stego-note{width:100%;margin:.1rem 0 1rem}
.bl-demo-btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.15rem;border-radius:14px;font:inherit;font-weight:700;background:linear-gradient(135deg,#10b981,#34d399);color:#04110d;width:100%;transition:filter .2s,transform .15s,box-shadow .2s;box-shadow:0 10px 24px -12px rgba(16,185,129,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.bl-demo-btn:hover{filter:brightness(1.05)}
.bl-demo-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.bl-demo-btn-muted{background:#27272a;color:#a1a1aa;box-shadow:none;border:1px solid rgba(63,63,70,.7)}
.bl-demo-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.12);width:auto;box-shadow:none}
.bl-stego-sim{font-size:.74rem;color:#71717a;margin:.75rem 0 0;line-height:1.45;text-align:center}
@media (max-width:760px){
  .bl-stego-panel-found{flex-direction:column;min-height:0;padding:.9rem}
  .bl-stego-found,.bl-stego-card{border-radius:20px}
  .bl-stego-found{padding:1.4rem 1.1rem}
}

/* Dashboard shell — mirrors Desktop sidebar + command center */
.panel[data-bl-demo]{max-width:none;width:100%;display:flex;flex-direction:column;gap:.85rem}
.bl-demo-tabs{flex:0 0 auto;margin:0}
.bl-demo-shell{
  min-width:0;
  display:flex;
  flex-direction:column;
  /* Fill remaining viewport so the app chrome never leaves a dead black band */
  min-height:min(920px, max(640px, calc(100dvh - 11.5rem)));
  height:min(920px, max(640px, calc(100dvh - 11.5rem)));
  max-height:none;
}
.bl-demo-stage{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;height:100%}
.bl-scene-dash{display:none}
.bl-scene-dash.is-active{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  flex:1 1 auto;
  width:100%;
  min-height:0;
  height:100%;
  background:#09090b;
  position:relative;
  align-items:stretch;
}
/* Sidebar must always stay visible beside content (never stack away) */
.bl-demo-side{
  background:#0f0f12;
  border-right:1px solid rgba(63,63,70,.5);
  padding:0;
  display:flex;
  flex-direction:column;
  min-height:0;
  height:100%;
  max-height:none;
  z-index:2;
  overflow:hidden;
}
.bl-demo-side .side-brand{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border-bottom:1px solid rgba(63,63,70,.5)}
.bl-demo-side .side-brand img{width:32px;height:32px;border-radius:8px;flex:0 0 auto}
.bl-demo-side .side-brand strong{display:block;font-size:.88rem;letter-spacing:-.03em;line-height:1.1}
.bl-demo-side .side-brand em{display:block;font-style:normal;font-size:.62rem;color:#71717a;margin-top:.15rem}
.side-nav{flex:1;overflow:auto;padding:.55rem .5rem 0.75rem;min-height:0}
.side-sec{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#10b981;padding:.55rem .65rem .3rem}
.bl-demo-navbtn{appearance:none;border:0;background:transparent;color:#a1a1aa;text-align:left;font:inherit;font-size:.8rem;font-weight:600;padding:.35rem .55rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.55rem;width:100%;margin:.1rem 0}
.bl-demo-navbtn.is-active{background:rgba(255,255,255,.05);color:#fff}
.bl-demo-navbtn:not(.is-disabled):hover{background:rgba(255,255,255,.03);color:#fff}
.bl-demo-navbtn.is-disabled{opacity:.42;cursor:default}
.bl-demo-navbtn .bl-tile{width:27px;height:27px;min-width:27px;min-height:27px;border-radius:8px}
.side-lock{appearance:none;border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.09);color:#6ee7b7;margin:.55rem .65rem .75rem;padding:.65rem .7rem;border-radius:12px;font:inherit;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px -12px rgba(16,185,129,.7)}
.side-lock .bl-tile{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:7px}
.side-lock:hover{background:rgba(16,185,129,.15)}
.bl-demo-main{padding:1.15rem 1.25rem;overflow:auto;position:relative;z-index:1;min-width:0;min-height:0;height:100%;box-sizing:border-box}
.bl-scene-dash.is-active > .bl-demo-main{display:flex;flex-direction:column}
.bl-demo-main h3{font-size:1.2rem;letter-spacing:-.03em;margin:0 0 .35rem}
.bl-demo-main .sub{color:var(--text-tertiary);font-size:.88rem;margin-bottom:1.1rem}

.bl-dash-main{position:relative;z-index:1;container-type:inline-size;container-name:bl-dash}
.bl-dash-hero{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.2rem;padding:1.05rem 1.15rem;margin-bottom:1rem;border-radius:28px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.78);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.bl-dash-logo-wrap{position:relative;width:64px;height:64px;flex:0 0 auto;animation:bl-dash-float 6s ease-in-out infinite}
.bl-dash-logo-wrap img{width:64px;height:64px;border-radius:16px;border:1px solid rgba(16,185,129,.3);background:#0e1513;box-shadow:0 0 32px rgba(16,185,129,.18);display:block}
.bl-dash-logo-wrap .pulse-ring{position:absolute;inset:0;border-radius:16px;border:1px solid rgba(16,185,129,.5);animation:bl-logo-pulse 2.4s ease-in-out infinite}
.bl-dash-hero-copy{flex:1 1 180px;min-width:0}
.bl-dash-hero-copy .title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .7rem}
.bl-dash-hero-copy h3{margin:0;font-size:1.7rem;letter-spacing:-.04em}
.bl-dash-chip{display:inline-flex;padding:.28rem .65rem;border-radius:999px;border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.1);color:#6ee7b7;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bl-dash-hero-copy .sub{margin:.35rem 0 0;font-size:.9rem;line-height:1.5;color:#a1a1aa}
.bl-dash-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}
.bl-dash-pills span{padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(16,185,129,.2);background:rgba(16,185,129,.08);color:#6ee7b7;font-size:.72rem;font-weight:600}
.bl-dash-pills span.muted{border-color:rgba(63,63,70,.6);background:rgba(24,24,27,.8);color:#d4d4d8}

.bl-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}
.bl-dash-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;border-radius:16px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.6);opacity:1;transform:none;transition:border-color .25s}
.bl-dash-stat:hover{border-color:rgba(16,185,129,.3)}
.bl-dash-stat .bl-tile{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:14px;margin-bottom:.7rem}
.bl-dash-main.is-enter .bl-dash-stat{opacity:0;transform:translateY(8px);animation:bl-dash-enter .45s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i,0) * 90ms + 80ms)}
.bl-dash-stat strong{display:block;font-size:1.55rem;letter-spacing:-.03em;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;margin-bottom:.15rem}
.bl-dash-stat > span{font-size:.75rem;color:#a1a1aa}

.bl-dash-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.95fr);gap:1rem;align-items:stretch;min-width:0}
.bl-dash-threat,.bl-dash-right{min-width:0}
.bl-dash-threat,.bl-dash-right{padding:1.15rem;border-radius:22px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.78);box-shadow:0 14px 40px rgba(0,0,0,.22);min-height:0}
.bl-dash-threat,.bl-dash-right,.bl-dash-hero{opacity:1;transform:none}
.bl-dash-main.is-enter .bl-dash-threat,.bl-dash-main.is-enter .bl-dash-right,.bl-dash-main.is-enter .bl-dash-hero{animation:bl-dash-enter .5s cubic-bezier(.22,1,.36,1) forwards}
.bl-dash-main.is-enter .bl-dash-hero{animation-delay:.02s;opacity:0;transform:translateY(8px)}
.bl-dash-main.is-enter .bl-dash-threat{animation-delay:.28s;opacity:0;transform:translateY(8px)}
.bl-dash-main.is-enter .bl-dash-right{animation-delay:.36s;opacity:0;transform:translateY(8px)}

.threat-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.threat-head .bl-tile{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:12px}
.threat-head strong{display:block;font-size:1.05rem;color:#fff}
.threat-head em{display:block;font-style:normal;font-size:.78rem;color:#71717a;margin-top:.1rem}
.threat-list{display:grid;gap:.55rem}
.threat-item{display:grid;grid-template-columns:32px 1fr auto;gap:.7rem;align-items:start;padding:.75rem;border-radius:12px;border:1px solid rgba(63,63,70,.3);background:rgba(24,24,27,.5)}
.threat-item .threat-ico .bl-tile{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:10px}
.threat-item strong{display:block;font-size:.84rem;color:#fff;font-weight:600}
.threat-item p{margin:.15rem 0 0;font-size:.74rem;color:#71717a;line-height:1.45}
.threat-item time{font-size:.68rem;color:#71717a;white-space:nowrap;padding-top:.15rem}

.bl-dash-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem}
.bl-dash-tab{appearance:none;border:1px solid rgba(63,63,70,.7);background:rgba(24,24,27,.6);color:#a1a1aa;border-radius:999px;padding:.45rem .8rem;font:inherit;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}
.bl-dash-tab .bl-tile{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:7px}
.bl-dash-tab.is-active{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.12);color:#6ee7b7;box-shadow:0 0 20px rgba(16,185,129,.14)}
.bl-dash-panelmeta{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;margin-bottom:.75rem;border-radius:14px;border:1px solid #27272a;background:#101012}
.bl-dash-panelmeta .bl-tile{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:10px;flex:0 0 auto}
.bl-dash-panelmeta .eyebrow{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#71717a;margin:0}
.bl-dash-panelmeta h4{margin:.1rem 0 0;font-size:.86rem;color:#fff;font-weight:600}

.bl-cred-card{border-radius:16px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.35);padding:.85rem}
.bl-cred-card-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem}
.bl-cred-card-head .bl-tile{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:12px}
.bl-cred-card-head strong{display:block;font-size:.95rem;color:#fff}
.bl-cred-card-head em{display:block;font-style:normal;font-size:.74rem;color:#71717a;margin-top:.1rem}
.bl-cred{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"av body" ". actions";column-gap:.7rem;row-gap:.45rem;align-items:start;padding:.7rem .75rem;border-radius:12px;border:1px solid rgba(63,63,70,.35);background:rgba(24,24,27,.5)}
.bl-cred-av{grid-area:av;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:#fff}
.bl-cred-av.from-em{background:linear-gradient(135deg,#10b981,#059669)}
.bl-cred-body{grid-area:body;min-width:0}
.bl-cred-top{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;min-width:0}
.bl-cred-top strong{font-size:.86rem;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.bl-cred-badge{flex:0 0 auto;padding:.12rem .4rem;border-radius:6px;background:rgba(16,185,129,.1);color:#34d399;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.bl-cred-top time{margin-left:auto;font-size:.68rem;color:#71717a;white-space:nowrap}
.bl-cred-body > em{display:block;font-style:normal;font-size:.74rem;color:#71717a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-cred-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-start}
.bl-cred-act{width:28px;height:28px;border-radius:8px;background:#27272a;display:grid;place-items:center;flex:0 0 auto}
.bl-cred-act .bl-tile{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:6px;background:transparent;border:0;box-shadow:none}
.bl-panel-note{font-size:.8rem;color:#71717a;line-height:1.55;margin:.7rem 0 0}
.bl-analysis{display:grid;gap:.75rem}
.bl-analysis-top{display:flex;gap:1rem;align-items:center;padding:.85rem;border-radius:16px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.35)}
.bl-score{position:relative;width:72px;height:72px;flex:0 0 auto}
.bl-score svg{width:100%;height:100%;transform:rotate(-90deg);display:block}
.bl-score .track{fill:none;stroke:#27272a;stroke-width:8}
.bl-score .val{fill:none;stroke:#10b981;stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(16,185,129,.45))}
.bl-score-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bl-score-num strong{font-size:1.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;line-height:1;font-weight:700}
.bl-score-num em{font-style:normal;font-size:.58rem;color:#71717a;margin-top:.15rem}
.bl-metrics{flex:1;min-width:0;display:grid;gap:.35rem}
.bl-metric{display:grid;grid-template-columns:72px 1fr 28px;gap:.45rem;align-items:center}
.bl-metric span{font-size:.62rem;color:#a1a1aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-metric-bar{height:6px;border-radius:999px;background:#27272a;overflow:hidden}
.bl-metric-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#34d399,#10b981)}
.bl-metric b{font-size:.62rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;font-weight:600;text-align:right}
.bl-activity{padding:.85rem;border-radius:16px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.35)}
.bl-activity-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.7rem}
.bl-activity-head .bl-tile{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:7px}
.bl-activity-head > span{font-size:.75rem;font-weight:600;color:#fff}
.bl-activity-meta{margin-left:auto;display:flex;gap:.7rem;align-items:center;font-size:.62rem}
.bl-activity-meta b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;font-weight:700}
.bl-activity-meta em{font-style:normal;color:#34d399}
.bl-activity-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:.35rem;height:56px}
.bl-act-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.25rem;height:100%}
.bl-act-bar{width:100%;max-width:28px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#34d399,#059669);box-shadow:0 0 10px rgba(16,185,129,.25)}
.bl-act-bar.is-empty{background:#27272a;box-shadow:none;opacity:.9;min-height:4px}
.bl-act-col span{font-size:.58rem;color:#71717a}
.bl-device{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;border-radius:12px;border:1px solid rgba(63,63,70,.35);background:rgba(24,24,27,.45);margin-bottom:.45rem}
.bl-device strong{display:block;font-size:.86rem;color:#fff;width:100%}
.bl-device em{font-style:normal;font-size:.74rem;color:#71717a}
.bl-device span{font-size:.72rem;color:#6ee7b7;font-weight:600}

@keyframes bl-dash-enter{to{opacity:1;transform:translateY(0)}}
@keyframes bl-dash-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes bl-logo-pulse{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.08);opacity:.08}}

.bl-pw-list{display:grid;gap:.5rem}
.bl-pw-item{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:.75rem;align-items:center;padding:.75rem .85rem;border-radius:14px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.45);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;box-sizing:border-box}
.bl-pw-item:hover,.bl-pw-item.is-open{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.08);box-shadow:0 0 22px rgba(16,185,129,.1)}
.bl-pw-av{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:.78rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 18px -12px rgba(16,185,129,.7);flex:0 0 auto}
.bl-pw-body{min-width:0;display:grid;gap:.2rem}
.bl-pw-top{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;min-width:0}
.bl-pw-item strong{display:block;font-size:.92rem;color:#fff;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-pw-badge{flex:0 0 auto;padding:.14rem .45rem;border-radius:999px;border:1px solid rgba(16,185,129,.22);background:rgba(16,185,129,.1);color:#6ee7b7;font-size:.62rem;font-weight:700;letter-spacing:.02em}
.bl-pw-item em{display:block;font-style:normal;font-size:.78rem;color:#a1a1aa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-pw-detail{margin-top:.85rem;padding:1.05rem 1.1rem;border-radius:18px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.78);box-shadow:0 14px 40px rgba(0,0,0,.22);display:none}
.bl-pw-detail.is-open{display:block}
.bl-pw-detail dl{display:grid;gap:.7rem;margin:0}
.bl-pw-detail dt{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#71717a}
.bl-pw-detail dd{margin:.2rem 0 0;font-size:.92rem;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
/* Notes page — 1:1 with app/dashboard/notizen/page.tsx */
.bl-notes-main{padding:0!important;display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%}
.bl-notes-head{flex:0 0 auto;padding:1rem 1.5rem;border-bottom:1px solid #3f3f46}
.bl-notes-head-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.bl-notes-main .bl-notes-head h3{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:#f4f4f5}
.bl-notes-main .bl-notes-head .sub{margin:.2rem 0 0;font-size:.875rem;color:#a1a1aa}
.bl-notes-new{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:.55rem 1rem;border-radius:10px;font:inherit;font-size:.875rem;font-weight:600;color:#09090b;background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 8px 20px -12px rgba(16,185,129,.7)}
.bl-notes-new:hover{filter:brightness(1.05)}
.bl-notes-new .bl-tile{width:18px;height:18px;min-width:18px;min-height:18px;border-radius:6px;background:transparent;border:0;box-shadow:none}
.bl-notes-new .bl-tile > .bl-g{width:16px;height:16px}
.bl-notes-tools{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.bl-notes-search{position:relative;flex:1 1 220px;max-width:28rem}
.bl-notes-search-ico{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;opacity:.9}
.bl-notes-search-ico .bl-g{width:16px;height:16px}
.bl-notes-search input{width:100%;box-sizing:border-box;appearance:none;border:1px solid #3f3f46;background:#18181b;color:#f4f4f5;font:inherit;font-size:.875rem;border-radius:10px;padding:.65rem .85rem .65rem 2.4rem;outline:none}
.bl-notes-search input:focus{border-color:#10b981;box-shadow:0 0 0 1px rgba(16,185,129,.25)}
.bl-notes-search input::placeholder{color:#71717a}
.bl-notes-folders{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.bl-notes-folder{appearance:none;border:0;background:transparent;color:#a1a1aa;font:inherit;font-size:.875rem;padding:.375rem .75rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem}
.bl-notes-folder:hover{color:#f4f4f5;background:#27272a}
.bl-notes-folder.is-active{background:rgba(16,185,129,.2);color:#34d399}
.bl-notes-folder .bl-g{width:14px;height:14px}
.bl-notes-body{flex:1 1 auto;overflow:auto;padding:1.5rem;min-height:0}
.bl-note-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.bl-note-card{appearance:none;border:1px solid #3f3f46;background:rgba(24,24,27,.5);border-radius:12px;padding:1rem;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;display:block;box-sizing:border-box;transition:border-color .15s,background .15s,box-shadow .15s}
.bl-note-card:hover{border-color:#52525b}
.bl-note-card.is-open{background:#18181b;border-color:rgba(16,185,129,.5);box-shadow:0 0 0 1px rgba(16,185,129,.2)}
.bl-note-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}
.bl-note-title-row{display:flex;align-items:center;gap:.5rem;min-width:0}
.bl-note-title-row .bl-tile{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:10px}
.bl-note-titles{min-width:0}
.bl-note-titles strong{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:#f4f4f5;line-height:1.25}
.bl-note-titles em{display:block;font-style:normal;font-size:.75rem;color:#a1a1aa;margin-top:.1rem}
.bl-note-titles .bl-g{width:12px;height:12px;flex:0 0 auto}
.bl-note-lock{flex:0 0 auto}
.bl-note-lock .bl-g{width:14px;height:14px}
.bl-note-preview{margin-bottom:.75rem;padding:.5rem;border-radius:10px;background:#09090b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.45;color:#a1a1aa}
.bl-note-preview span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-note-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;color:#a1a1aa}
.bl-note-time{display:inline-flex;align-items:center;gap:.25rem}
.bl-note-time .bl-g{width:12px;height:12px}
.bl-note-acts{display:flex;align-items:center;gap:.15rem;opacity:0;transition:opacity .15s}
.bl-note-card:hover .bl-note-acts,.bl-note-card.is-open .bl-note-acts{opacity:1}
.bl-note-act{appearance:none;border:0;background:transparent;color:#a1a1aa;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;cursor:default;padding:0}
.bl-note-act:hover{background:#27272a;color:#f4f4f5}
.bl-note-act .bl-g{width:14px;height:14px}
@media (max-width:980px){.bl-note-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.bl-note-list{grid-template-columns:1fr}.bl-notes-head-row{flex-wrap:wrap}}

.bl-demo-footer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.bl-demo-footer-bar p{margin:0;font-size:.84rem;color:var(--text-tertiary);line-height:1.5;max-width:520px}
.bl-demo-actions{display:flex;flex-wrap:wrap;gap:.55rem}
.bl-demo-actions .button{
  transition:transform .25s ease,filter .3s ease,box-shadow .35s ease;
}
.bl-demo-actions .button:hover{transform:translateY(-1px)}
.bl-demo-actions .button-primary.cta-sheen{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(135deg,#0fa873 0%,#34d399 55%,#10b981 100%);
  border:1px solid rgba(110,231,183,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 26px -12px rgba(16,185,129,.65);
}
.bl-demo-actions .button-primary.cta-sheen:hover{
  filter:brightness(1.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 0 0 1.5px rgba(167,243,208,.9),0 12px 32px -12px rgba(16,185,129,.85);
}
.bl-demo-actions .btn-fx{
  position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;
  opacity:0;pointer-events:none;mix-blend-mode:screen;border-radius:inherit;
}
.bl-demo-actions .btn-label{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){
  .bl-demo-actions .button{transition:none}
  .bl-demo-actions .button:hover{transform:none}
  .bl-demo-actions .btn-fx{display:none!important}
}

.bl-demo-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

@media (max-width:860px){
  .bl-scene-pin{flex-direction:column}
  .bl-pin-brand{border-right:0;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1.2rem}
  .bl-pin-feats{display:none}
  .bl-scene-dash.is-active{grid-template-columns:200px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
  .bl-demo-side{border-right:1px solid rgba(63,63,70,.5);border-bottom:0;max-height:none;height:100%;display:flex}
  .side-nav{display:block;flex-wrap:nowrap;overflow:auto}
  .side-sec{flex-basis:auto}
  .bl-demo-navbtn{width:100%}
  .side-lock{margin-top:auto}
  .bl-unlock-statusbar{flex-direction:column;gap:.55rem}
  .bl-demo-shell{
    min-height:max(560px, calc(100dvh - 10rem));
    height:max(560px, calc(100dvh - 10rem));
  }
  .bl-demo-stage,.bl-demo-scene{min-height:0}
}
@media (max-width:640px){
  /* Icon-rail only — menu column stays on screen */
  .bl-scene-dash.is-active{grid-template-columns:72px minmax(0,1fr)}
  .bl-demo-side{display:flex!important;min-width:72px}
  .bl-demo-side .side-brand > div,
  .side-sec,
  .bl-demo-navbtn > span:last-of-type,
  .side-lock > span:last-of-type{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0
  }
  .bl-demo-navbtn{justify-content:center;padding:.45rem}
  .side-lock{justify-content:center;margin:.45rem}
}
/* Keep Bedrohungsmonitor | Zugang side-by-side like Desktop; stack only if the dash area itself is narrow */
@container bl-dash (max-width:720px){
  .bl-dash-stats,.bl-dash-grid{grid-template-columns:1fr}
}
@container bl-dash (min-width:721px){
  .bl-dash-stats{grid-template-columns:repeat(3,1fr)}
  .bl-dash-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.95fr)}
}
@media (prefers-reduced-motion:reduce){
  .bl-unlock-orb .ring-a,.bl-unlock-orb .ring-b,.bl-unlock-orb .ring-c,
  .bl-unlock-scan,.bl-unlock-particles i,.bl-dash-logo-wrap,.bl-dash-logo-wrap .pulse-ring,
  .bl-dash-main.is-enter .bl-dash-stat,
  .bl-dash-main.is-enter .bl-dash-threat,
  .bl-dash-main.is-enter .bl-dash-right,
  .bl-dash-main.is-enter .bl-dash-hero{animation:none;opacity:1;transform:none}
  .bl-pin-key,.bl-demo-btn,.bl-demo-tab{transition:none}
  .bl-pin-dot.is-pulse,[data-bl-pin-dot].is-pulse{animation:none}
}

/* Vault explorer — 1:1 with app/dashboard/tresore vault-file-browser */
.bl-vault-main{padding:.75rem!important;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}
.bl-vault-main > [data-bl-vault-root]{position:relative;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;height:100%}
.bl-vault-shell{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;height:100%;overflow:hidden;border-radius:16px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.78);box-shadow:0 24px 60px rgba(0,0,0,.35);backdrop-filter:blur(16px)}
.bl-vault-toolbar,.bl-vault-actions,.bl-vault-crumbbar,.bl-vault-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-bottom:1px solid rgba(63,63,70,.5)}
.bl-vault-toolbar{padding:.625rem .75rem;gap:.5rem}
.bl-vault-actions{padding:.5rem .75rem;flex-wrap:nowrap;overflow-x:auto}
.bl-vault-actions .bl-vault-close{margin-left:auto;flex:0 0 auto;white-space:nowrap}
.bl-vault-actions .bl-vault-chip{flex:0 0 auto;white-space:nowrap}

.bl-vault-crumbbar{padding:.5rem 1rem;justify-content:space-between}
.bl-vault-filters{padding:.5rem 1rem}
.bl-vault-ibtn{appearance:none;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.6);color:#a1a1aa;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer;padding:0}
.bl-vault-ibtn:hover:not(:disabled){background:rgba(255,255,255,.04);color:#fff}
.bl-vault-ibtn:disabled{opacity:.35;cursor:default}
.bl-vault-ibtn.is-active{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.12);color:#6ee7b7}
.bl-vault-ibtn .bl-g{width:15px;height:15px}
.bl-vault-viewtoggle{display:inline-flex;overflow:hidden;border-radius:8px;border:1px solid rgba(63,63,70,.5)}
.bl-vault-viewtoggle button{appearance:none;border:0;background:transparent;color:#a1a1aa;height:32px;padding:0 .75rem;display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:.75rem;cursor:pointer}
.bl-vault-viewtoggle button.is-active{background:rgba(16,185,129,.12);color:#6ee7b7}
.bl-vault-viewtoggle .bl-g{width:15px;height:15px}
.bl-vault-search{position:relative;flex:1 1 180px;max-width:20rem;min-width:0}
.bl-vault-search .bl-g{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);width:15px;height:15px}
.bl-vault-search input{width:100%;box-sizing:border-box;height:36px;border-radius:8px;border:1px solid rgba(63,63,70,.6);background:rgba(24,24,27,.8);color:#f4f4f5;font:inherit;font-size:.875rem;padding:0 .75rem 0 2.1rem;outline:none}
.bl-vault-search input:focus{border-color:#10b981}
.bl-vault-chip{appearance:none;border:1px solid rgba(63,63,70,.6);background:rgba(24,24,27,.55);color:#a1a1aa;border-radius:999px;height:30px;padding:0 .7rem;font:inherit;font-size:.72rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}
.bl-vault-chip:hover{border-color:#52525b;color:#fff}
.bl-vault-chip.is-primary{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.12);color:#6ee7b7}
.bl-vault-chip.is-danger{border-color:rgba(244,63,94,.35);color:#fda4af}
.bl-vault-chip:disabled{opacity:.4;cursor:default}
.bl-vault-chip .bl-g{width:13px;height:13px}
.bl-vault-sep{width:1px;height:20px;background:rgba(255,255,255,.1);margin:0 .15rem}
.bl-vault-crumbs{display:flex;align-items:center;gap:.35rem;min-width:0;font-size:.78rem}
.bl-vault-crumbs button{appearance:none;border:0;background:transparent;color:#6b6b73;font:inherit;font-weight:600;cursor:pointer;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}
.bl-vault-crumbs button.is-current,.bl-vault-crumbs button:hover{color:#fff}
.bl-vault-crumbs .bl-g{width:15px;height:15px;flex:0 0 auto}
.bl-vault-meta{font-size:.68rem;color:#6b6b73;white-space:nowrap}
.bl-vault-filter{appearance:none;border:1px solid rgba(63,63,70,.6);background:transparent;color:#a1a1aa;border-radius:999px;padding:.25rem .65rem;font:inherit;font-size:.72rem;cursor:pointer}
.bl-vault-filter.is-active{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.12);color:#6ee7b7}
.bl-vault-body{display:flex;min-height:0;flex:1;overflow:hidden}
.bl-vault-tree{width:176px;flex:0 0 auto;overflow:auto;border-right:1px solid rgba(63,63,70,.4);padding:.5rem}
.bl-vault-tree-label{padding:0 .5rem .5rem;font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6b6b73}
.bl-vault-tree-row{display:flex;align-items:center;gap:.35rem;border-radius:8px;padding:.35rem .5rem .35rem 0;font-size:.78rem;color:#a1a1aa;cursor:pointer}
.bl-vault-tree-row:hover{background:rgba(255,255,255,.03);color:#fff}
.bl-vault-tree-row.is-active{background:rgba(16,185,129,.1);color:#fff}
.bl-vault-tree-row .bl-tile{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:7px}
.bl-vault-tree-caret{width:16px;height:16px;display:grid;place-items:center;flex:0 0 auto;color:#6b6b73}
.bl-vault-tree-caret .bl-g{width:13px;height:13px}
.bl-vault-tree-caret.is-empty{opacity:0;pointer-events:none}
.bl-vault-content{position:relative;min-width:0;flex:1;overflow:auto}
.bl-vault-table-head,.bl-vault-row{display:grid;grid-template-columns:22px 34px minmax(0,1fr) 84px 104px;gap:.75rem;align-items:center}
.bl-vault-table-head{position:sticky;top:0;z-index:2;padding:.625rem 1rem;border-bottom:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.95);backdrop-filter:blur(10px);font-size:.72rem;color:#6b6b73;font-weight:600}
.bl-vault-table-head button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:0;text-align:inherit}
.bl-vault-table-head .end,.bl-vault-row .end{text-align:right}
.bl-vault-rows{padding:.25rem .5rem}
.bl-vault-row{position:relative;border:1px solid transparent;border-radius:12px;padding:.35rem .5rem;cursor:pointer}
.bl-vault-row:hover{background:rgba(255,255,255,.025)}
.bl-vault-row.is-selected{border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.06)}
.bl-vault-row .bl-tile{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:10px}
.bl-vault-name{min-width:0}
.bl-vault-name strong{display:block;font-size:.8125rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-vault-size,.bl-vault-date{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:#a1a1aa}
.bl-vault-thumb{width:34px;height:34px;border-radius:10px;object-fit:cover;border:1px solid rgba(63,63,70,.5);display:block;background:#09090b}
.bl-vault-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1rem}
.bl-vault-card{position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.4);cursor:pointer}
.bl-vault-card:hover{border-color:rgba(16,185,129,.3)}
.bl-vault-card-media{height:88px;display:grid;place-items:center;border-bottom:1px solid rgba(63,63,70,.4);overflow:hidden}
.bl-vault-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.bl-vault-card-media .bl-g{width:30px;height:30px}
.bl-vault-card-body{padding:.5rem .75rem}
.bl-vault-card-body strong{display:block;font-size:.78rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-vault-card-body em{display:block;margin-top:.15rem;font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;color:#6b6b73}
.bl-vault-status{display:flex;flex-wrap:wrap;gap:.75rem;padding:.45rem .85rem;border-top:1px solid rgba(63,63,70,.5);font-size:.68rem;color:#6b6b73}
.bl-vault-preview{position:absolute;inset:0;z-index:8;display:flex;align-items:stretch;justify-content:stretch;padding:0;background:rgba(0,0,0,.72)}
.bl-vault-preview[hidden]{display:none!important}
.bl-vault-preview-card{width:100%;height:100%;max-height:none;overflow:auto;border-radius:0;padding:1.1rem;background:#141418;border:0;box-shadow:none;display:flex;flex-direction:column;min-height:0;box-sizing:border-box}
.bl-vault-preview-card.is-image{padding:0;overflow:hidden;background:#09090b}
.bl-vault-preview-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem;flex:0 0 auto;min-width:0}
.bl-vault-preview-card.is-image .bl-vault-preview-head{margin:0;padding:.7rem .9rem;border-bottom:1px solid rgba(63,63,70,.55);background:rgba(15,15,18,.96);backdrop-filter:blur(10px)}
.bl-vault-preview-titles{min-width:0;flex:1 1 auto}
.bl-vault-preview-head h4{margin:0;font-size:1rem;font-weight:600;color:#f4f4f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-vault-preview-meta{display:flex;align-items:center;gap:.45rem;margin-top:.28rem;min-width:0}
.bl-vault-preview-meta .bl-tile{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:7px;flex:0 0 auto;position:relative}
.bl-vault-preview-size{font-size:.72rem;color:#71717a;line-height:1;white-space:nowrap}
.bl-vault-preview-x{margin-left:auto;flex:0 0 auto;width:32px;height:32px;border-radius:8px;border:1px solid rgba(63,63,70,.5);background:transparent;color:#a1a1aa;cursor:pointer;display:grid;place-items:center;padding:0}
.bl-vault-preview-x .bl-g{width:15px;height:15px}
.bl-vault-preview-media{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;background:#09090b;overflow:hidden}
.bl-vault-preview-media img,.bl-vault-preview-card img{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;display:block;background:#09090b}
.bl-vault-preview-card:not(.is-image) img{width:100%;height:auto;border-radius:12px}
.bl-vault-preview-text{margin:0;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.55;color:#d4d4d8;background:#09090b;border-radius:12px;padding:.85rem;border:1px solid rgba(63,63,70,.5)}
.bl-vault-zip-list{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}
.bl-vault-zip-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border-radius:10px;border:1px solid rgba(63,63,70,.45);background:rgba(24,24,27,.55);font-size:.78rem;color:#e4e4e7}
.bl-vault-zip-list em{font-style:normal;color:#71717a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}
.bl-vault-note{margin:.75rem 0 0;font-size:.72rem;color:#71717a;line-height:1.45}
@media (max-width:980px){.bl-vault-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){
  .bl-vault-tree{width:140px}
  .bl-vault-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-vault-table-head,.bl-vault-row{grid-template-columns:22px 34px minmax(0,1fr) 72px}
  .bl-vault-date{display:none}
}
.bl-vault-empty{margin:2.5rem 1rem;text-align:center;color:#71717a;font-size:.85rem}
/* end vault explorer */

.bl-demo-main:has(.bl-pw-list){display:flex;flex-direction:column;min-height:0}
.bl-demo-main:has(.bl-pw-list) .bl-pw-list{flex:1 1 auto;min-height:0;overflow:auto}

/* Use nearly the full browser window for the demo chrome */
body:has([data-bl-demo]) .page{width:min(100%,1600px);padding-left:clamp(.85rem,2vw,1.5rem);padding-right:clamp(.85rem,2vw,1.5rem)}
body:has([data-bl-demo]) .bl-demo-hero{max-width:none}
body:has([data-bl-demo]) .bl-demo-hero .lead{max-width:720px}
@supports not (height:100dvh){
  .bl-demo-shell{min-height:max(640px, calc(100vh - 11.5rem));height:max(640px, calc(100vh - 11.5rem))}
  @media (max-width:860px){
    .bl-demo-shell{min-height:max(560px, calc(100vh - 10rem));height:max(560px, calc(100vh - 10rem))}
  }
}