@layer site{.product-bezel{text-align:left;border:1px solid var(--rule-strong);background:var(--sunk);isolation:isolate;border-radius:10px;margin:0;overflow:clip;box-shadow:0 1px 2px #16181d0f,0 30px 70px -40px #16181d66}.product-bezel-bar{border-bottom:1px solid var(--rule);font-family:var(--mono);color:var(--muted);align-items:center;gap:10px;padding:9px 14px;font-size:11.5px;display:flex}.product-bezel-dots{gap:5px;display:inline-flex}.product-bezel-dots i{background:var(--rule-strong);border-radius:50%;width:8px;height:8px}.product-bezel-label{color:var(--ink-2)}.product-bezel-note{color:var(--muted);margin-left:auto}.live-loop{text-align:left;max-width:960px;margin:clamp(44px,6vw,76px) auto 0}.live-loop .loop-tab{font-size:16px}.live-loop .loop-tab.done{color:var(--ink-2)}.live-loop .loop-tab.done .loop-n{color:var(--signal)}@media (min-width:761px){.live-loop .loop-tabs{z-index:9;position:sticky;top:56px}}.live-loop .loop-line{min-height:2.6em;margin:16px 0 14px;font-size:clamp(16px,2vw,19px)}.live-loop-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 18px;margin-top:12px;font-size:12.5px;display:flex}.live-loop-foot button{font:inherit;color:var(--ink-2);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:3px;background:0 0;border:0;padding:0}.live-loop-foot button:hover{color:var(--ink)}@media (max-width:760px){.live-loop .loop-tab{padding:11px 10px;font-size:14px}}}@layer frame-barrier,theme,base,components,utilities;@keyframes live-loop-in{0%{opacity:0;transform:translateY(6px)}}
