:root{--sf-live-red: #e02424;--sf-live-red-strong: #b91c1c}.sf-live-page{max-width:1360px;margin:20px auto 40px;padding:0 16px}.sf-live-studio__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sf-live-studio__title{display:flex;align-items:center;gap:12px;min-width:0}.sf-live-studio__title h1{margin:0;font-size:1.35rem;font-weight:800;color:var(--sf-text)}.sf-live-studio__title p{margin:2px 0 0;font-size:.88rem;color:var(--sf-text-muted)}.sf-live-studio__state{display:flex;flex-wrap:wrap;gap:8px}.sf-live-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.03em;background:var(--sf-surface-strong, #f1f5f9);color:var(--sf-text);border:1px solid var(--sf-border)}.sf-live-pill.is-offline{color:var(--sf-text-muted)}.sf-live-pill.is-ready{background:#fef3c7;color:#92400e;border-color:#fcd34d}.sf-live-pill.is-live{background:var(--sf-live-red);color:#fff;border-color:var(--sf-live-red)}.sf-live-pill.is-live:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:sf-live-blink 1.2s ease-in-out infinite}@keyframes sf-live-blink{50%{opacity:.25}}.sf-live-studio__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.sf-live-studio__main{display:grid;gap:16px;min-width:0}.sf-live-stage{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:var(--sf-radius-xl, 16px);overflow:hidden}.sf-live-stage video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.sf-live-stage__status{position:absolute;left:50%;bottom:16px;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 14px;border-radius:10px;background:#000000b3;color:#fff;font-size:.88rem;text-align:center}.sf-live-stage__status.is-error{background:#b91c1ce6}.sf-live-stage__status.is-success{background:#15803de6}.sf-live-card{background:var(--sf-card-bg, var(--sf-surface));border:1px solid var(--sf-border);border-radius:var(--sf-radius-xl, 16px);padding:16px;box-shadow:var(--sf-shadow-xs);color:var(--sf-text)}.sf-live-tabs{display:flex;gap:6px;margin-bottom:14px;padding:4px;border-radius:12px;background:var(--sf-surface-soft, rgba(127, 127, 127, .08))}.sf-live-tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--sf-text-muted);font-weight:700;font-size:.88rem;cursor:pointer}.sf-live-tab.is-active{background:var(--sf-card-bg, var(--sf-surface));color:var(--sf-text);box-shadow:var(--sf-shadow-xs)}.sf-live-tab:disabled{cursor:not-allowed;opacity:.6}.sf-live-row{margin-bottom:12px}.sf-live-row--split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sf-live-label{display:block;margin-bottom:5px;font-size:.8rem;font-weight:700;color:var(--sf-text-muted)}.sf-live-page,.sf-live-page *{box-sizing:border-box}.sf-live-input{display:block;width:100%;min-width:0;height:auto;line-height:1.4;font-family:inherit;padding:9px 12px;border:1px solid var(--sf-border);border-radius:10px;background:var(--sf-input-bg, var(--sf-surface));color:var(--sf-text);font-size:.92rem}.sf-live-input:focus{outline:none;box-shadow:var(--sf-input-focus-ring, 0 0 0 3px rgba(37, 99, 235, .2))}select.sf-live-input{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;cursor:pointer}.sf-live-input--sm{display:inline-block;width:auto;padding:4px 28px 4px 8px;font-size:.8rem;background-position:right 8px center}.sf-live-input--price{width:120px}.sf-live-copy{display:flex;gap:8px}.sf-live-copy .sf-live-input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.sf-live-help{margin:6px 0 0;font-size:.8rem;color:var(--sf-text-muted);line-height:1.45}.sf-live-tools,.sf-live-actions,.sf-live-checks{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sf-live-checks{margin-bottom:14px}.sf-live-check{display:inline-flex;align-items:center;gap:8px;margin:0 12px 8px 0;font-size:.88rem;cursor:pointer}.sf-live-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid transparent;border-radius:999px;background:var(--sf-primary-solid, #1662d6);color:#fff;font-weight:700;font-size:.88rem;white-space:nowrap;cursor:pointer;text-decoration:none}.sf-live-btn:hover{color:#fff;filter:brightness(1.06)}.sf-live-btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.sf-live-btn.is-ghost{background:transparent;color:var(--sf-text);border-color:var(--sf-border)}.sf-live-btn.is-ghost:hover{color:var(--sf-text);background:var(--sf-surface-soft, rgba(127, 127, 127, .08))}.sf-live-btn.is-ghost.is-off{color:var(--sf-live-red);border-color:var(--sf-live-red)}.sf-live-btn.is-live{background:var(--sf-live-red)}.sf-live-btn.is-live i{font-size:.6rem}.sf-live-btn.is-danger{background:var(--sf-live-red-strong)}.sf-live-link{border:0;padding:0;background:none;color:var(--sf-primary);font-weight:700;font-size:inherit;cursor:pointer}.sf-live-desktop-only{display:none}@media (min-width: 768px){.sf-live-desktop-only{display:inline-flex}}.sf-live-studio__side{position:sticky;top:76px;min-width:0}.sf-live-side{display:flex;flex-direction:column;height:min(78vh,760px)}.sf-live-side__panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.sf-live-side__panel.x-hidden{display:none}.sf-live-composer .sf-live-input{flex:1 1 auto}.sf-live-composer .sf-live-btn{flex:0 0 auto}.sf-live-chat-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:8px}.sf-live-chat-tools .sf-live-label{margin:0}.sf-live-chat{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0 -6px;padding:0 6px}.sf-live-chat ul{list-style:none;margin:0;padding:0}.sf-live-empty{padding:18px 8px;text-align:center;color:var(--sf-text-muted);font-size:.85rem}.sf-live-composer{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--sf-divider, var(--sf-border))}.sf-live-modform{padding:4px 0 16px;margin-bottom:14px;border-bottom:1px solid var(--sf-divider, var(--sf-border))}.sf-live-modform h3{margin:0 0 10px;font-size:.95rem;font-weight:800;color:var(--sf-text)}.sf-live-modform .sf-live-check{display:flex;margin-bottom:10px}.sf-live-people,.sf-live-log{list-style:none;margin:0;padding:0}.sf-live-people li{display:flex;align-items:center;gap:10px;padding:6px 0}.sf-live-people img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto}.sf-live-people li>a,.sf-live-people li>span{flex:1 1 auto;min-width:0;color:var(--sf-text);font-weight:600;font-size:.88rem}.sf-live-people small{display:block;color:var(--sf-text-muted);font-weight:400}.sf-live-log li{padding:7px 0;font-size:.82rem;color:var(--sf-text);border-bottom:1px dashed var(--sf-divider, var(--sf-border))}.sf-live-log li small{display:block;color:var(--sf-text-muted)}.sf-live-log__details{color:var(--sf-text-muted);font-style:italic}@media (max-width: 991px){.sf-live-studio__grid{grid-template-columns:minmax(0,1fr)}.sf-live-studio__side{position:static}.sf-live-side{height:70vh}}@media (max-width: 575px){.sf-live-row--split{grid-template-columns:minmax(0,1fr)}.sf-live-stage{border-radius:12px}.sf-live-copy{flex-wrap:wrap}}.sf-live-viewer{position:relative}.sf-live-viewer__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.sf-live-viewer .live-counter,.sf-live-viewer .live-status{z-index:2}.sf-live-info{margin:4px 0 10px}.sf-live-info__title{margin:0;font-size:1.05rem;font-weight:800;line-height:1.3}.sf-live-info__cat,.sf-live-feed-title__cat{display:inline-block;margin-top:4px;padding:2px 10px;border-radius:999px;background:var(--sf-primary-soft, rgba(37, 99, 235, .1));color:var(--sf-primary);font-size:.75rem;font-weight:700}.sf-live-info__desc{margin-top:8px;font-size:.88rem;color:var(--sf-text-muted)}.sf-live-bar{margin:8px 0 12px;padding:10px;border-radius:12px;background:var(--sf-surface-soft, rgba(127, 127, 127, .08))}.sf-live-bar__reactions{display:flex;flex-wrap:wrap;gap:4px}.sf-live-react{width:38px;height:38px;padding:4px;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .12s ease}.sf-live-react:hover{transform:scale(1.18)}.sf-live-react:active{transform:scale(.9)}.sf-live-bar__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;font-size:.82rem;color:var(--sf-text-muted)}.sf-live-modslow{display:inline-flex;align-items:center;gap:6px;margin:0}.sf-live-rules,.sf-live-notice{margin-top:8px;padding:8px 10px;border-radius:8px;font-size:.84rem;background:var(--sf-card-bg, var(--sf-surface));color:var(--sf-text)}.sf-live-notice{background:#fef2f2;color:#991b1b;font-weight:600}body.night-mode .sf-live-notice{background:#b91c1c33;color:#fecaca}.sf-live-feed-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.sf-live-feed-title strong{font-size:1rem}.sf-live-feed-title__badge{padding:2px 7px;border-radius:4px;background:var(--sf-live-red);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.06em}.sf-live-floats{position:absolute;right:0;bottom:0;width:160px;height:70%;pointer-events:none;overflow:hidden;z-index:3}.sf-live-float{position:absolute;bottom:0;font-size:30px;line-height:1;animation:sf-live-float-up 3s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}@keyframes sf-live-float-up{0%{transform:translate(0) scale(.6);opacity:0}12%{opacity:1;transform:translate(4px,-20px) scale(1.1)}50%{transform:translate(-14px,-50%) scale(1)}to{transform:translate(10px,-260%) scale(.9);opacity:0}}@media (prefers-reduced-motion: reduce){.sf-live-float{animation-duration:.01s}.sf-live-pill.is-live:before{animation:none}}.sf-live-modbtn{float:right;margin-left:6px;padding:2px 6px;border:0;border-radius:6px;background:transparent;color:var(--sf-text-muted);font-size:.8rem;cursor:pointer}.sf-live-modbtn:hover{color:var(--sf-primary);background:var(--sf-primary-soft, rgba(37, 99, 235, .1))}.sf-live-modmenu{position:fixed;z-index:3300;width:250px;padding:6px;border:1px solid var(--sf-dropdown-border, var(--sf-border));border-radius:12px;background:var(--sf-dropdown-bg, var(--sf-surface-strong, #fff));box-shadow:var(--sf-shadow-lg, 0 20px 40px rgba(0, 0, 0, .25));color:var(--sf-text)}.sf-live-modmenu__head{padding:6px 10px 8px;font-weight:800;font-size:.85rem;border-bottom:1px solid var(--sf-divider, var(--sf-border));margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-live-modmenu__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:.85rem;text-align:left;cursor:pointer}.sf-live-modmenu__item:hover,.sf-live-modmenu__chip:hover{background:var(--sf-dropdown-item-hover, rgba(127, 127, 127, .12))}.sf-live-modmenu__item i,.sf-live-modmenu__row span i{width:16px;text-align:center;color:var(--sf-text-muted)}.sf-live-modmenu__row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px;font-size:.85rem}.sf-live-modmenu__row span{display:inline-flex;gap:10px;margin-right:4px}.sf-live-modmenu__chip{padding:3px 8px;border:1px solid var(--sf-border);border-radius:999px;background:transparent;color:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.sf-live-toast{position:fixed;left:50%;bottom:24px;z-index:3400;max-width:calc(100% - 32px);padding:11px 16px;border-radius:12px;background:#137a4b;color:#fff;font-weight:700;font-size:.88rem;opacity:0;transform:translate(-50%,14px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 18px 34px #0f172a3d}.sf-live-toast.is-error{background:#b42318}.sf-live-toast.is-visible{opacity:1;transform:translate(-50%)}.sf-live-ticket-note{margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--sf-primary-soft, rgba(37, 99, 235, .1));color:var(--sf-text);font-size:.84rem;line-height:1.45}.sf-live-ticket-note strong{display:block;margin-bottom:2px}.sf-live-ticket-note a{display:inline-block;margin-top:4px;font-weight:700}.sf-live-ticket-gate{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:#020817e0;color:#fff;text-align:center}.sf-live-ticket-gate i{font-size:2.2rem;color:#fbbf24}.sf-live-ticket-gate p{max-width:420px;margin:0;font-size:.95rem}.sf-live-ticket-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.72rem;font-weight:800}