/* BugTape Live: demonstrator and navigation. Marketing-only, no network. */
.bt-live-section{width:min(1160px,calc(100% - 40px));margin:54px auto 88px;padding:clamp(22px,4vw,52px);border:1px solid var(--marketing-border);border-radius:var(--rounded-xl);background:var(--marketing-surface);color:var(--marketing-text)}
.bt-live-section .bt-live-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px;flex-wrap:wrap}
.bt-live-section .bt-live-head h2{font-size:clamp(28px,4.3vw,52px);line-height:1.08;letter-spacing:-.045em;max-width:660px;margin:8px 0}
.bt-live-section .bt-live-head p{font-size:15px;max-width:600px;line-height:1.65}
.bt-live-section .bt-live-links{display:flex;gap:18px;flex-wrap:wrap}
.bt-live-section .bt-live-links a{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.bt-live-demo{--btbg:var(--neutral);--btsurface:var(--surface);--btborder:var(--border-hover);--bttext:var(--on-surface);--btmute:var(--on-surface-muted);--btaccent:var(--accent);--btgood:var(--success);--btbad:var(--error);--bthover:var(--surface-2);background:var(--btbg);color:var(--bttext);border:1px solid var(--btborder);border-radius:var(--rounded-xl);overflow:hidden;box-shadow:var(--shadow-float);font:13px/1.5 var(--font-mono)}

.bt-live-demo *{box-sizing:border-box}
.bt-live-demo button,.bt-live-demo input{font:inherit}
.bt-live-demo button{cursor:pointer}
.bt-live-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--btsurface);border-bottom:1px solid var(--btborder)}
.bt-live-brand{font-weight:700;letter-spacing:.1em;color:var(--btaccent)}
.bt-live-brand span{letter-spacing:0;color:var(--btgood);margin-left:9px;font-size:11px}
.bt-live-theme{color:var(--bttext);background:transparent;border:1px solid var(--btborder);border-radius:var(--rounded-md);padding:6px 12px}
.bt-live-status{color:var(--btmute);margin:0;padding:10px 16px;border-bottom:1px solid var(--btborder);font-size:12px}
.bt-live-status strong{color:var(--btgood)}
.bt-live-rows{padding:8px 8px 4px;min-height:246px}
.bt-live-row{width:100%;padding:10px 9px;display:grid;grid-template-columns:20px 70px 88px minmax(0,1fr) 40px;gap:8px;text-align:left;color:var(--bttext);background:transparent;border:1px solid transparent;border-radius:var(--rounded-md);align-items:center}
.bt-live-row[aria-current=true]{background:var(--bthover);border-color:var(--btaccent)}
.bt-live-row:hover{background:var(--bthover)}
.bt-live-row .bt-check{color:var(--btaccent);font-size:16px}
.bt-live-row .bt-time{color:var(--btmute)}
.bt-live-row .bt-sev{font-size:11px;color:var(--btbad);font-weight:700}
.bt-live-row .bt-sev.medium{color:var(--btaccent)}
.bt-live-row .bt-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-live-row .bt-count{text-align:right;color:var(--btmute)}
.bt-live-details{display:flex;flex-direction:column;gap:7px;margin:5px 16px 13px;padding:12px 15px;border:1px solid var(--btborder);border-radius:var(--rounded-md);background:var(--btsurface);min-height:100px}
.bt-live-details strong{color:var(--btaccent)}
.bt-live-details small{font-size:12px;color:var(--btmute)}
.bt-live-toolbar{display:flex;gap:8px;padding:10px 15px;flex-wrap:wrap;border-top:1px solid var(--btborder)}
.bt-live-toolbar button{padding:8px 12px;border:1px solid var(--btborder);border-radius:var(--rounded-md);background:var(--btsurface);color:var(--bttext)}
.bt-live-toolbar button.bt-primary{border-color:var(--btaccent);color:var(--btaccent)}
.bt-live-toolbar button:disabled{opacity:.5;cursor:default}
.bt-live-toolbar button:focus-visible,.bt-live-row:focus-visible,.bt-live-dialog button:focus-visible,.bt-live-search:focus-visible{outline:2px solid var(--btaccent);outline-offset:2px}
.bt-live-hint{font-size:12px;color:var(--btmute);padding:0 16px 15px}
.bt-live-search{min-width:140px;max-width:210px;width:100%;border:1px solid var(--btborder);border-radius:var(--rounded-md);background:var(--btsurface);color:var(--bttext);padding:8px 10px}
.bt-live-dialog{margin:0 16px 14px;padding:15px;border:1px solid var(--btaccent);border-radius:var(--rounded-md);background:var(--btsurface)}
.bt-live-dialog[hidden]{display:none}
.bt-live-dialog h3{font-size:17px;color:var(--btaccent);margin:0 0 6px}
.bt-live-dialog p{color:var(--bttext);font:13px/1.55 var(--font-mono);margin:0 0 10px}
.bt-live-dialog select{background:var(--btbg);color:var(--bttext);border:1px solid var(--btborder);padding:8px;border-radius:var(--rounded-sm)}
.bt-live-dialog .bt-live-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.bt-live-dialog button{background:var(--btbg);border:1px solid var(--btborder);color:var(--bttext);border-radius:var(--rounded-sm);padding:8px 11px}
.bt-live-dialog .bt-live-yes{color:var(--btaccent);border-color:var(--btaccent)}
.bt-live-demo .bt-live-result{margin:0 16px 15px;color:var(--btgood);font-size:12px;line-height:1.6}
.bt-live-demo .bt-live-result[hidden]{display:none}
.bt-live-demo .bt-live-caret{display:inline-block;background:var(--btaccent);width:7px;height:12px;vertical-align:middle;margin-left:4px;animation:bt-live-blink 1s steps(1) infinite}
.bt-live-demo .bt-live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--btgood);margin-right:4px;animation:bt-live-pulse 2.3s ease-in-out infinite}
.bt-live-note{font:13px/1.6 var(--font-ui);color:var(--marketing-muted);margin:12px 0 0}
.bt-live-section .bt-live-code{padding:12px 18px;border-radius:var(--rounded-md);background:var(--marketing-text);color:var(--set-ivory);font:12px/1.5 var(--font-mono);margin:16px 0;overflow:auto}
.bt-live-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.bt-live-start a{display:block;padding:15px;border:1px solid var(--marketing-border);border-radius:var(--rounded-lg);background:var(--marketing-surface)}
.bt-live-start strong{display:block;font-size:16px}.bt-live-start span{font-size:13px;opacity:.76}
@keyframes bt-live-blink{50%{opacity:0}}@keyframes bt-live-pulse{50%{opacity:.45;box-shadow:0 0 0 7px color-mix(in srgb,var(--success) 7%,transparent)}}
@media(max-width:680px){.bt-live-section{width:min(100% - 22px,1160px);margin:30px auto 52px;padding:17px}.bt-live-row{grid-template-columns:20px 61px 63px minmax(0,1fr);gap:5px;font-size:11px}.bt-live-row .bt-count{display:none}.bt-live-row .bt-sev{font-size:10px}.bt-live-start{grid-template-columns:1fr}.bt-live-demo{font-size:12px}.bt-live-toolbar button{flex:1}.bt-live-section .bt-live-head h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.bt-live-demo .bt-live-caret,.bt-live-demo .bt-live-dot{animation:none}}

/* Keep the live terminal visible in both the radio and modern home skins. */
html:not([data-skin="vintage"]) body.tape-home #main > .bt-live-section{display:block!important}

.bt-live-demo[data-paused="true"] .bt-live-dot,.bt-live-demo[data-paused="true"] .bt-live-caret{animation-play-state:paused}

/* The launch command and its control share an explicit terminal theme. */
.bt-live-section .bt-live-command { display: flex; align-items: center; gap: var(--space-lg); padding: var(--space-lg) var(--space-xl); background: var(--surface); color: var(--on-surface); }
.bt-live-command code { flex: 1; min-width: 0; overflow-x: auto; white-space: pre; font: inherit; color: inherit; background: none; padding: 0; }
.bt-live-copy { flex: none; min-height: var(--space-touch-target); min-width: var(--space-touch-target); padding-inline: var(--space-2xl); border: 1px solid var(--on-surface-faint); border-radius: var(--rounded-md); background: var(--surface-2); color: var(--on-surface); font: inherit; cursor: pointer; }
.bt-live-copy:hover { background: var(--surface-3); border-color: var(--accent); }
.bt-live-copy:focus-visible { outline: 2px solid var(--accent); outline-offset: var(--space-xs); }
html:not(.js) .bt-live-copy { display: none; }