.live-win{background:#f6f0e4;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0c0b0a24,0 24px 60px -28px #0c0b0a73}.live-win-bar{background:#efe7d8;border-bottom:1px solid #0c0b0a1a;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.live-win-bar i{background:#0c0b0a29;border-radius:50%;flex:none;width:10px;height:10px}.live-win-bar span{text-align:center;font-family:var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.02em;color:#0c0b0a8c;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:44px;font-size:11.5px;overflow:hidden}.live-app{background:#f2ebdd;width:100%;position:relative;overflow:hidden}.live-app iframe{transform-origin:0 0;opacity:0;will-change:transform;background:#f2ebdd;border:0;transition:opacity .5s,transform .95s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0}.live-app.ready iframe{opacity:1}.panel .panel-card:has(.live-win){box-shadow:none;background:0 0;border-radius:0}.panel:has(.live-win){justify-content:flex-start;align-items:flex-start;padding:56px 0 0 48px}.panel .panel-card:has(.live-win){width:calc(100% + 72px);max-width:none}@media (max-width:1000px){.panel:has(.live-win){padding:28px 0 0 20px}}@media (prefers-reduced-motion:reduce){.live-app iframe{transition:none}}