/* ==========================================================================
   Billboard Media Kit — Sistema de previews animados
   Todos los estilos .bbmk-pv* + keyframes. Mobile-first. Sin imagenes externas.
   Al final: botón Compartir / copiar link (.bbmk-share, .bbmk-copy*), que usan
   el catálogo y la ficha.
   Tokens del shell GenZ: --bg --surf --surf2 --ink --muted --accent(#00FF9A)
   --accent2 --pink --purple --line --accent-ink. Respeta prefers-reduced-motion.
   ========================================================================== */

/* ---- Contenedor del preview ---------------------------------------------- */
.bbmk-pv{
	--bbmk-slot: linear-gradient(120deg,var(--accent) 0%,var(--accent2) 100%);
	--bbmk-slot2: linear-gradient(120deg,var(--pink) 0%,var(--purple) 100%);
	position:relative;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	font-family:'JetBrains Mono',ui-monospace,monospace;
}
.bbmk-pv--mini{ min-height:200px; }
.bbmk-pv--full{ min-height:360px; }
.bbmk-pv *{ box-sizing:border-box; }

/* ---- Chrome de dispositivo ----------------------------------------------- */
.bbmk-dvc{
	position:relative;
	background:var(--surf2);
	border:1px solid var(--line);
	box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.bbmk-dvc__screen{
	position:relative;
	overflow:hidden;
	background:var(--bg);
}

/* desktop: barra de navegador */
.bbmk-dvc--desktop{
	width:100%;
	max-width:340px;
	border-radius:10px;
	padding:0;
}
.bbmk-pv--full .bbmk-dvc--desktop{ max-width:560px; }
.bbmk-dvc__bar{
	display:flex;
	align-items:center;
	gap:5px;
	height:22px;
	padding:0 9px;
	background:var(--surf);
	border-bottom:1px solid var(--line);
	border-radius:10px 10px 0 0;
}
.bbmk-dvc__dot{
	width:7px;height:7px;border-radius:50%;
	background:var(--muted);opacity:.5;flex:0 0 auto;
}
.bbmk-dvc__url{
	margin-left:8px;
	font-size:9px;
	color:var(--muted);
	letter-spacing:.05em;
	white-space:nowrap;
}
.bbmk-dvc--desktop .bbmk-dvc__screen{
	height:170px;
	border-radius:0 0 10px 10px;
	padding:8px;
}
.bbmk-pv--full .bbmk-dvc--desktop .bbmk-dvc__screen{ height:320px; padding:12px; }

/* mobile: notch */
.bbmk-dvc--mobile{
	width:118px;
	border-radius:18px;
	padding:8px 6px;
}
.bbmk-pv--full .bbmk-dvc--mobile{ width:170px; border-radius:24px; padding:10px 8px; }
.bbmk-dvc__notch{
	width:38%;
	height:5px;
	margin:0 auto 6px;
	border-radius:0 0 8px 8px;
	background:var(--bg);
}
.bbmk-dvc--mobile .bbmk-dvc__screen{
	height:190px;
	border-radius:12px;
	padding:7px;
	display:flex;
	flex-direction:column;
}
.bbmk-pv--full .bbmk-dvc--mobile .bbmk-dvc__screen{ height:300px; }

/* ---- Relleno editorial (barras) ------------------------------------------ */
.bbmk-lines{ display:flex; flex-direction:column; gap:5px; padding:4px 2px; }
.bbmk-line{
	display:block;height:5px;border-radius:3px;background:var(--surf2);
}
.bbmk-line:nth-child(1){ width:70%; }
.bbmk-line:nth-child(2){ width:92%; }
.bbmk-line:nth-child(3){ width:60%; }
.bbmk-line:nth-child(4){ width:84%; }
.bbmk-line:nth-child(5){ width:48%; }
.bbmk-line:nth-child(6){ width:76%; }

/* ---- Slot base (la pieza publicitaria) ----------------------------------- */
.bbmk-slot{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--bbmk-slot);
	border-radius:6px;
	overflow:hidden;
	color:#0a0a0c;
}
.bbmk-tag{
	font-family:'Bebas Neue',Impact,sans-serif;
	font-size:12px;
	letter-spacing:.05em;
	line-height:1;
	text-align:center;
	padding:0 6px;
}
.bbmk-pv--full .bbmk-tag{ font-size:16px; }
.bbmk-tag--big{ font-size:15px; }
.bbmk-pv--full .bbmk-tag--big{ font-size:22px; }
.bbmk-tag--vert{ writing-mode:vertical-rl; transform:rotate(180deg); }
.bbmk-admark{
	font-family:'JetBrains Mono',monospace;
	font-size:8px;
	font-weight:700;
	letter-spacing:.14em;
}
.bbmk-pv--full .bbmk-admark{ font-size:10px; }

/* posiciones concretas del slot */
.bbmk-slot--banner{ height:44px; margin:6px 0; }
.bbmk-pv--full .bbmk-slot--banner{ height:70px; }

.bbmk-slot--billboard{ height:46px; margin:0 0 6px; transition:height .5s ease; }
.bbmk-pv--full .bbmk-slot--billboard{ height:64px; }

.bbmk-slot--header{ width:56px; height:22px; border-radius:4px; }
.bbmk-slot--sticky{
	position:absolute;left:7px;right:7px;bottom:7px;height:30px;
}
.bbmk-slot__close{ position:absolute; top:2px; right:5px; font-size:11px; font-style:normal; }

.bbmk-slot--top{ height:16px; border-radius:4px; }
.bbmk-slot--bill{ flex:1; height:60px; }
.bbmk-slot--rail{ width:26px; height:60px; }
.bbmk-slot--zoc{ height:16px; border-radius:4px; }

.bbmk-slot--video{ padding:0; margin:4px 0; background:transparent; }
.bbmk-slot--shopping{
	flex-direction:column;
	gap:5px;
	padding:6px;
	background:var(--bbmk-slot);
	margin-bottom:6px;
}
.bbmk-slot--countdown{
	flex-direction:column;
	gap:6px;
	padding:8px 6px;
	margin:6px 0;
	background:var(--bbmk-slot);
	min-height:52px;
}

/* ---- Topbar (header/logo) ------------------------------------------------ */
.bbmk-topbar{
	display:flex;align-items:center;gap:8px;
	padding:4px 6px;margin-bottom:6px;
	border-bottom:1px solid var(--line);
}
.bbmk-logo{
	font-family:'Bebas Neue',sans-serif;
	font-size:16px;
	width:20px;height:20px;
	display:flex;align-items:center;justify-content:center;
	background:var(--accent);border-radius:5px;
	flex:0 0 auto;
}

/* ---- Halfpage ------------------------------------------------------------ */
.bbmk-hp{ display:flex; gap:8px; align-items:flex-start; }
.bbmk-hp__content{ flex:1; }
.bbmk-slot--halfpage{
	width:44px; height:150px; flex:0 0 auto;
}
.bbmk-pv--full .bbmk-slot--halfpage{ width:70px; height:280px; }

/* ---- Fullscreen family --------------------------------------------------- */
.bbmk-fs-host{ position:relative; height:100%; }
.bbmk-fs{
	position:absolute;inset:0;
	display:flex;align-items:center;justify-content:center;
	background:var(--bbmk-slot2);
	color:#0a0a0c;
}
.bbmk-fs--plain{ background:var(--bbmk-slot2); }
.bbmk-fs--video{ background:linear-gradient(135deg,#111 0%,var(--purple) 130%); color:#fff; }
.bbmk-fs--video .bbmk-tag{ color:#fff!important; }
.bbmk-fs--transparent{ background:rgba(124,58,237,.55); backdrop-filter:blur(1px); }

/* ---- Event (secuencia prehome -> residual) ------------------------------- */
.bbmk-slot--event{
	position:absolute;inset:0;
	background:var(--bbmk-slot2);
	color:#0a0a0c;
}

/* ---- Intervention -------------------------------------------------------- */
.bbmk-intv{ display:flex; flex-direction:column; gap:5px; height:100%; }
.bbmk-intv__row{ display:flex; gap:5px; flex:1; }

/* ---- Midscroll ----------------------------------------------------------- */
.bbmk-ms-host{ position:relative; height:100%; display:flex; flex-direction:column; gap:6px; }
.bbmk-ms{
	position:relative;
	height:78px;
	border-radius:6px;
	overflow:hidden;
	flex:0 0 auto;
}
.bbmk-pv--full .bbmk-ms{ height:150px; }
.bbmk-ms__bg{
	position:absolute; left:0; right:0; top:-40%; height:180%;
	background:var(--bbmk-slot2);
}
.bbmk-ms__fg{
	position:absolute; inset:0;
	display:flex; align-items:center; justify-content:center;
}

/* ---- Reel / Story -------------------------------------------------------- */
.bbmk-reel{
	position:relative;
	flex:1;
	border-radius:9px;
	overflow:hidden;
	background:#0d0d10;
	display:flex;
	flex-direction:column;
}
.bbmk-reel__video{
	flex:1;
	background:var(--bbmk-slot2);
	display:flex;align-items:center;justify-content:center;
}
.bbmk-reel__ui{
	position:absolute;left:0;right:0;bottom:0;
	display:flex;align-items:center;justify-content:space-between;
	padding:6px 7px;gap:6px;
	background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);
}
.bbmk-reel__ui .bbmk-admark{ color:#fff; }
.bbmk-reel__cta{
	font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;
	background:var(--accent);border-radius:4px;padding:3px 6px;font-style:normal;
}
.bbmk-stbars{
	position:absolute;top:5px;left:6px;right:6px;z-index:2;
	display:flex;gap:3px;
}
.bbmk-stbar{
	flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden;position:relative;
}
.bbmk-stbar--done{ background:#fff; }
.bbmk-stbar.bbmk-anim-stbar::after{
	content:"";position:absolute;inset:0;background:#fff;transform-origin:left;
}

/* ---- Shopping ------------------------------------------------------------ */
.bbmk-shop__head{ text-align:center; }
.bbmk-shop__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:5px; width:100%; }
.bbmk-prod{
	background:#fff;border-radius:5px;padding:4px;
	display:flex;flex-direction:column;gap:3px;align-items:center;
	opacity:0;transform:translateY(6px);
}
.bbmk-prod__img{
	width:100%;height:22px;border-radius:3px;
	background:linear-gradient(135deg,var(--surf2),var(--muted));
}
.bbmk-pv--full .bbmk-prod__img{ height:34px; }
.bbmk-prod__price{
	font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;font-style:normal;
}
.bbmk-pv--full .bbmk-prod__price{ font-size:10px; }

/* ---- Countdown ----------------------------------------------------------- */
.bbmk-cd__title{
	font-family:'Bebas Neue',sans-serif;font-size:12px;letter-spacing:.06em;line-height:1;
}
.bbmk-pv--full .bbmk-cd__title{ font-size:16px; }
.bbmk-cd{ display:flex; align-items:flex-end; justify-content:center; gap:3px; }
.bbmk-cd__unit{ display:flex; flex-direction:column; align-items:center; gap:1px; }
.bbmk-cd__num{
	font-family:'JetBrains Mono',monospace;
	font-size:16px;font-weight:700;line-height:1;
	background:rgba(0,0,0,.14);border-radius:4px;padding:3px 4px;min-width:22px;text-align:center;
}
.bbmk-pv--full .bbmk-cd__num{ font-size:24px; min-width:30px; padding:5px 6px; }
.bbmk-cd__lbl{ font-size:6px; font-style:normal; letter-spacing:.1em; }
.bbmk-pv--full .bbmk-cd__lbl{ font-size:8px; }
.bbmk-cd__sep{
	font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;font-style:normal;
	line-height:1;padding-bottom:9px;
}
.bbmk-pv--full .bbmk-cd__sep{ font-size:24px; }

/* ---- Cube 3D ------------------------------------------------------------- */
.bbmk-cube-host{
	height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
	background:radial-gradient(circle at 50% 40%,var(--surf2),var(--bg));
}
.bbmk-cube-scene{ width:64px; height:64px; perspective:280px; }
.bbmk-pv--full .bbmk-cube-scene{ width:96px; height:96px; perspective:420px; }
.bbmk-cube{
	position:relative;width:100%;height:100%;
	transform-style:preserve-3d;
	transform:translateZ(-32px) rotateY(0deg);
}
.bbmk-pv--full .bbmk-cube{ transform:translateZ(-48px) rotateY(0deg); }
.bbmk-cube__face{
	position:absolute;inset:0;
	display:flex;align-items:center;justify-content:center;
	border:1px solid rgba(0,0,0,.15);
	font-family:'Bebas Neue',sans-serif;font-size:26px;
	background:var(--bbmk-slot);
}
.bbmk-cube__face:nth-child(2){ background:var(--bbmk-slot2); }
.bbmk-cube__face:nth-child(3){ background:linear-gradient(120deg,var(--accent2),var(--accent)); }
.bbmk-cube__face:nth-child(4){ background:linear-gradient(120deg,var(--purple),var(--pink)); }
.bbmk-cube__f--front{ transform:rotateY(0deg) translateZ(32px); }
.bbmk-cube__f--right{ transform:rotateY(90deg) translateZ(32px); }
.bbmk-cube__f--back{ transform:rotateY(180deg) translateZ(32px); }
.bbmk-cube__f--left{ transform:rotateY(-90deg) translateZ(32px); }
.bbmk-pv--full .bbmk-cube__f--front{ transform:rotateY(0deg) translateZ(48px); }
.bbmk-pv--full .bbmk-cube__f--right{ transform:rotateY(90deg) translateZ(48px); }
.bbmk-pv--full .bbmk-cube__f--back{ transform:rotateY(180deg) translateZ(48px); }
.bbmk-pv--full .bbmk-cube__f--left{ transform:rotateY(-90deg) translateZ(48px); }

/* ---- Fact / Fiction ------------------------------------------------------ */
.bbmk-ff{ height:100%; display:flex; flex-direction:column; gap:5px; }
.bbmk-ff__hero{
	flex:1;border-radius:5px;
	display:flex;align-items:center;justify-content:center;
	background:var(--surf2);color:#0a0a0c;
}
.bbmk-ff__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.bbmk-ff__cell{ height:24px; border-radius:4px; background:var(--surf2); display:block; }
.bbmk-pv--full .bbmk-ff__cell{ height:40px; }

/* ---- Video --------------------------------------------------------------- */
.bbmk-vid{
	position:relative;
	aspect-ratio:16/9;
	width:100%;
	border-radius:6px;
	overflow:hidden;
	background:linear-gradient(135deg,#15151b 0%,var(--purple) 160%);
	display:flex;align-items:center;justify-content:center;
}
.bbmk-vid__badge{
	position:absolute;top:5px;left:5px;
	font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;letter-spacing:.1em;
	background:var(--accent);border-radius:3px;padding:2px 5px;
}
.bbmk-vid__skip{
	position:absolute;bottom:9px;right:6px;
	font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;font-style:normal;
	background:#fff;border-radius:4px;padding:3px 6px;
	opacity:0;
}
.bbmk-pv--full .bbmk-vid__skip{ font-size:10px; }
.bbmk-vid__bar{
	position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.2);
}
.bbmk-vid__fill{
	display:block;height:100%;width:0;background:var(--accent);
}

/* ---- Play button --------------------------------------------------------- */
.bbmk-play{
	width:26px;height:26px;border-radius:50%;
	background:rgba(255,255,255,.92);
	position:relative;flex:0 0 auto;
	box-shadow:0 3px 12px rgba(0,0,0,.3);
}
.bbmk-pv--full .bbmk-play{ width:40px; height:40px; }
.bbmk-play::after{
	content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);
	border-style:solid;border-width:5px 0 5px 9px;
	border-color:transparent transparent transparent #0a0a0c;
}
.bbmk-pv--full .bbmk-play::after{ border-width:7px 0 7px 13px; }

.bbmk-pushtab{
	position:absolute;bottom:2px;left:50%;transform:translateX(-50%);
	font-family:'JetBrains Mono',monospace;font-size:7px;font-weight:700;font-style:normal;letter-spacing:.14em;
	opacity:.7;
}

/* ==========================================================================
   ANIMACIONES
   ========================================================================== */

/* sheen — brillo que atraviesa el slot */
.bbmk-sheen::before{
	content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;
	background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
	transform:skewX(-18deg);
	animation:bbmk-sheen 3.6s ease-in-out infinite;
}
@keyframes bbmk-sheen{
	0%{ left:-60%; }
	55%,100%{ left:130%; }
}

/* pulse — pisapagina */
.bbmk-pulse{ animation:bbmk-pulse 2.8s ease-in-out infinite; }
@keyframes bbmk-pulse{
	0%,100%{ transform:translateY(0); box-shadow:0 0 0 rgba(0,255,154,0); }
	50%{ transform:translateY(-2px); box-shadow:0 4px 14px rgba(0,255,154,.4); }
}

/* pushdown — billboard expande y vuelve (solo full) */
.bbmk-slot--pushdown{ animation:bbmk-push 5s ease-in-out infinite; }
@keyframes bbmk-push{
	0%,20%{ height:64px; }
	45%,70%{ height:150px; }
	95%,100%{ height:64px; }
}

/* fullscreen — fade-in del overlay en loop */
.bbmk-fs{ animation:bbmk-fs 4.5s ease-in-out infinite; }
@keyframes bbmk-fs{
	0%,12%{ opacity:0; transform:scale(1.04); }
	30%,72%{ opacity:1; transform:scale(1); }
	92%,100%{ opacity:0; transform:scale(1.04); }
}
.bbmk-fs--transparent{ animation-name:bbmk-fs-tr; }
@keyframes bbmk-fs-tr{
	0%,12%{ opacity:0; }
	30%,72%{ opacity:.75; }
	92%,100%{ opacity:0; }
}

/* event — prehome grande -> residual chico (esquina) */
.bbmk-anim-event{ animation:bbmk-event 5.5s ease-in-out infinite; }
@keyframes bbmk-event{
	0%,10%{ inset:0; opacity:0; border-radius:0; }
	18%,42%{ inset:0; opacity:1; border-radius:0; }
	60%,92%{ inset:auto 7px 7px auto; width:46%; height:34%; opacity:1; border-radius:6px; }
	100%{ inset:auto 7px 7px auto; width:46%; height:34%; opacity:1; border-radius:6px; }
}

/* intervention — cada posicion se enciende con delay */
.bbmk-anim-intv{ opacity:.25; animation:bbmk-intv 3.4s ease-in-out infinite; animation-delay:var(--d,0s); }
@keyframes bbmk-intv{
	0%,100%{ opacity:.25; }
	30%,70%{ opacity:1; }
}

/* midscroll — parallax del fondo al "scrollear" */
.bbmk-anim-parallax{ animation:bbmk-parallax 5s ease-in-out infinite; }
@keyframes bbmk-parallax{
	0%,100%{ transform:translateY(-8%); }
	50%{ transform:translateY(8%); }
}

/* story bar — barra de progreso que se llena */
.bbmk-anim-stbar::after{ transform:scaleX(0); animation:bbmk-stbar 4s linear infinite; }
@keyframes bbmk-stbar{
	0%{ transform:scaleX(0); }
	80%,100%{ transform:scaleX(1); }
}

/* hue — leve movimiento de brillo en videos/reels */
.bbmk-anim-hue{ animation:bbmk-hue 6s ease-in-out infinite; }
@keyframes bbmk-hue{
	0%,100%{ filter:brightness(1); }
	50%{ filter:brightness(1.14); }
}

/* shopping — cards aparecen escalonadas */
.bbmk-anim-prod{ animation:bbmk-prod 4.5s ease-in-out infinite; animation-delay:var(--d,0s); }
@keyframes bbmk-prod{
	0%,8%{ opacity:0; transform:translateY(6px); }
	26%,82%{ opacity:1; transform:translateY(0); }
	98%,100%{ opacity:0; transform:translateY(6px); }
}

/* cube — rotacion 3D continua */
.bbmk-anim-cube{ animation:bbmk-cube 9s linear infinite; }
@keyframes bbmk-cube{
	0%{ transform:translateZ(-32px) rotateY(0deg); }
	100%{ transform:translateZ(-32px) rotateY(360deg); }
}
.bbmk-pv--full .bbmk-anim-cube{ animation-name:bbmk-cube-full; }
@keyframes bbmk-cube-full{
	0%{ transform:translateZ(-48px) rotateY(0deg); }
	100%{ transform:translateZ(-48px) rotateY(360deg); }
}

/* factfiction — bloques mutan a key visuals */
.bbmk-anim-ff{ animation:bbmk-ff 4.5s ease-in-out infinite; animation-delay:var(--d,0s); }
@keyframes bbmk-ff{
	0%,20%{ background:var(--surf2); }
	45%,80%{ background:var(--bbmk-slot); }
	100%{ background:var(--surf2); }
}
.bbmk-ff__hero.bbmk-anim-ff{ animation-name:bbmk-ff-hero; }
@keyframes bbmk-ff-hero{
	0%,20%{ background:var(--surf2); }
	45%,80%{ background:var(--bbmk-slot2); }
	100%{ background:var(--surf2); }
}

/* video — barra de progreso + skip aparece a los "5s" */
.bbmk-anim-progress{ animation:bbmk-progress 8s linear infinite; }
@keyframes bbmk-progress{
	0%{ width:0; }
	100%{ width:100%; }
}
.bbmk-anim-skip{ animation:bbmk-skip 8s linear infinite; }
@keyframes bbmk-skip{
	0%,62%{ opacity:0; transform:translateY(4px); }
	66%,100%{ opacity:1; transform:translateY(0); }
}

/* ---- prefers-reduced-motion: desactiva toda animacion -------------------- */
@media (prefers-reduced-motion: reduce){
	.bbmk-pv *,
	.bbmk-pv *::before,
	.bbmk-pv *::after{
		animation:none !important;
		transition:none !important;
	}
	.bbmk-prod{ opacity:1 !important; transform:none !important; }
	.bbmk-vid__skip{ opacity:1 !important; }
	.bbmk-vid__fill{ width:60% !important; }
	.bbmk-anim-stbar::after{ transform:scaleX(.5) !important; }
	.bbmk-slot--event{ inset:auto 7px 7px auto !important; width:46% !important; height:34% !important; border-radius:6px !important; opacity:1 !important; }
	.bbmk-fs{ opacity:1 !important; }
	.bbmk-fs--transparent{ opacity:.75 !important; }
	.bbmk-anim-intv{ opacity:1 !important; }
}

/* ==========================================================================
   Compartir / copiar link (catálogo y ficha). JS en assets/mediakit.js.
   El shell fuerza color:var(--ink) sobre span/p con especificidad 0,1,0: acá
   las reglas van con .bbmk delante y !important donde hace falta pisarlo.
   ========================================================================== */
.bbmk .bbmk-copy--inline{
	display:inline-flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px 12px;
}
.bbmk .bbmk-share{
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:46px;
	padding:12px 20px;
	border-radius:999px;
	background:transparent !important;
	border:1.5px solid var(--line) !important;
	color:var(--ink) !important;
	font-family:'JetBrains Mono',ui-monospace,monospace;
	font-size:12.5px;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
	line-height:1.2;
	cursor:pointer;
	transition:border-color .15s,transform .15s;
}
.bbmk .bbmk-share:hover{ border-color:var(--ink) !important; transform:translateY(-2px); }
.bbmk .bbmk-share:focus-visible{ outline:2px solid var(--accent-text,var(--accent)); outline-offset:3px; }
.bbmk .bbmk-share svg{ flex:0 0 auto; }
.bbmk .bbmk-copy__status{
	display:block;
	font-family:'JetBrains Mono',ui-monospace,monospace;
	font-size:12px;
	line-height:1.45;
	color:var(--muted) !important;
}
.bbmk .bbmk-copy__status:empty{ display:none; }
/* Verde como texto: --accent-text (verde oscuro en modo claro). */
.bbmk .bbmk-copy__status.is-ok{ color:var(--accent-text,var(--accent)) !important; }
.bbmk .bbmk-copy__field{
	display:block;
	width:100%;
	margin:10px 0 0;
	padding:10px 12px;
	border-radius:10px;
	border:1px solid var(--line);
	background:var(--bg);
	color:var(--ink);
	font-family:'JetBrains Mono',ui-monospace,monospace;
	font-size:12px;
}
.bbmk .bbmk-copy__field[hidden]{ display:none; }
@media (prefers-reduced-motion: reduce){
	.bbmk .bbmk-share{ transition:none; }
	.bbmk .bbmk-share:hover{ transform:none; }
}