.bph{--bph-bottom:128px;color:var(--text);isolation:isolate;display:block;position:relative;overflow:hidden;container-type:size}.bph.no-panels{--bph-bottom:20px}.bph-grid{z-index:-1;position:absolute;inset:0}.fade .bph-grid{background-color:#0000;-webkit-mask-image:radial-gradient(60% 62% at 50% 48%,#000 45%,#0000 100%);mask-image:radial-gradient(60% 62% at 50% 48%,#000 45%,#0000 100%)}.bph-stage{inset:44px 16px var(--bph-bottom);position:absolute}.bph-plate{opacity:0;transition:opacity .7s var(--ease);position:absolute;inset:0}.bph-plate.on{opacity:1}.bph-gizmo{width:64px;height:57px;position:absolute;top:16px;right:18px;overflow:visible}.bph-gizmo path{fill:none;stroke:rgb(var(--ink-rgb) / .55);stroke-width:1px}.bph-gizmo circle{fill:var(--mint)}.bph-gizmo text{font:9px var(--mono);fill:rgb(var(--ink-rgb) / .55)}.bph-panels{font:10.5px/1.5 var(--mono);letter-spacing:.06em;color:rgb(var(--ink-rgb) / .62);justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.bph-src,.bph-title{border:1px solid rgb(var(--ink-rgb) / .16);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dark-tone .bph-src,.dark-tone .bph-title,.dark .bph-src,.dark .bph-title{background:color-mix(in srgb, var(--deep) 78%, transparent)}.bph-src{width:min(320px,62%)}.bph-row{text-transform:uppercase;justify-content:space-between;padding:7px 12px;display:flex}.bph-head{border-bottom:1px solid rgb(var(--ink-rgb) / .12);color:rgb(var(--ink-rgb) / .8)}.bph-lines{height:calc(7.5em + 14px);margin:0;padding:6px 12px 8px;list-style:none;overflow:hidden}.bph-lines li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bph-lines li b{color:rgb(var(--ink-rgb) / .35);margin-right:10px;font-weight:400}.bph-lines li:last-child{color:var(--mint)}.bph-lines li:last-child:after{content:"▍";margin-left:2px;animation:1s step-end infinite bph-caret}@keyframes bph-caret{50%{opacity:0}}.bph-title{text-transform:uppercase;width:190px;min-width:0;margin:0;display:grid}.bph-title div{justify-content:space-between;gap:18px;padding:5px 12px;display:flex}.bph-title div+div{border-top:1px solid rgb(var(--ink-rgb) / .12)}.bph-title dt{color:rgb(var(--ink-rgb) / .45)}.bph-title dd{color:rgb(var(--ink-rgb) / .85);margin:0}.bph-title dd.ok{color:var(--mint)}@container (max-width:520px){.bph-title{display:none}.bph-src{width:100%}.bph-gizmo{width:46px;height:41px}}@container (max-height:420px){.bph-stage{bottom:20px}.bph-panels{display:none}}