.live-page{max-width:1100px;padding-top:24px}.live-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.live-heading h1{font-size:26px;font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}.live-heading h1:focus{outline:none}.live-heading button{flex:none}.live-page button{border:1px solid var(--line);background:#182126;border-radius:5px;padding:8px 14px;font-size:13px}.live-intro{color:var(--muted);font-size:14px;margin:10px 0 24px}.room-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.room-card{padding:20px;border:1px solid var(--line);border-radius:6px;min-width:0}.room-card h2{font-size:18px;font-weight:500;overflow-wrap:anywhere;margin:10px 0}.room-card:hover{border-color:#bfdbcc50;background:#ffffff03}.on-air{color:var(--accent);font-size:12px}.on-air::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:currentColor}.room-owner{color:var(--muted);font-size:13px}.room-visibility{font-size:12px;color:var(--faint);margin-top:12px}.join-room{margin:24px 0;max-width:540px}.join-room label,.live-chat label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.join-room>div{display:flex;gap:10px}.join-room input{flex:1;min-width:0}.live-page input,.live-page textarea{font:inherit;font-size:14px;color:var(--text);background:#11181d;border:1px solid var(--line);border-radius:5px;padding:9px 12px;max-width:100%}.live-page input:focus-visible,.live-page textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.live-page .back-link{display:inline-block;margin:0 0 20px}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.studio-handoff{padding:24px;border:1px solid var(--line);border-radius:6px;align-self:start}.studio-handoff h2,.live-chat h2{font-size:20px;font-weight:500;margin:20px 0 12px}.studio-handoff>p:not(.on-air):not(.form-status){font-size:14px;line-height:1.7;color:var(--muted)}.studio-handoff #host{margin-top:8px}.studio-handoff .button{display:inline-block;margin:20px 8px 0 0}.studio-handoff #share-link{display:block;width:100%;margin-top:12px}.room-privacy{font-size:12px!important;color:var(--faint)!important;margin-top:20px}.live-chat{min-width:0}.live-chat h2{margin-top:0}#messages{height:320px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;list-style:none;padding:12px 0;margin:0 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#messages li{font-size:14px;padding:7px 0;overflow-wrap:anywhere;white-space:pre-wrap}#messages .chat-author{color:var(--accent);font-size:12px;font-weight:500;white-space:normal;margin-right:8px}.chat-empty{font-size:13px;color:var(--faint);margin-bottom:14px}.live-chat textarea{width:100%;resize:vertical;min-height:65px;max-height:220px}.chat-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.live-page .form-status{min-height:1.5em;overflow-wrap:anywhere;margin-top:8px}.live-page #notice:empty{display:none}.live-page .notice{margin:16px 0}
@media(max-width:700px){.live-page{padding-top:18px}.live-heading h1{font-size:23px}.live-layout{grid-template-columns:1fr;gap:24px}.studio-handoff{padding:18px}.studio-handoff h2{margin-top:12px}#messages{height:240px}.join-room>div{flex-wrap:wrap}.join-room input{flex-basis:100%}.site-header{gap:12px}}
#editing-tree{margin-top:24px;border-top:1px solid var(--line)}#editing-tree label{display:block;margin:14px 0 6px;font-size:12px;color:var(--muted)}#tree-context{font-size:12px;color:var(--muted);overflow-wrap:anywhere}#tree-scope{background:#11181d;color:var(--text);border:1px solid var(--line);padding:6px;max-width:100%}#steps{list-style:none;padding:0;max-height:280px;overflow:auto;margin-top:12px}#steps .tree-step{display:block;width:100%;text-align:left;border:0;background:transparent;font-size:12px;overflow-wrap:anywhere}#steps .tree-step[aria-pressed=true]{background:#bfdbcc15;color:var(--accent)}#steps [data-depth="1"]{padding-left:20px}#steps [data-depth="2"]{padding-left:32px}#steps [data-depth="3"]{padding-left:44px}#steps [data-depth="4"]{padding-left:56px}#steps [data-depth="5"]{padding-left:68px}#steps [data-depth="6"]{padding-left:80px}#steps [data-depth="7"]{padding-left:92px}#steps [data-depth="8"]{padding-left:104px}#messages .chat-time{display:inline-block;color:var(--faint);font-size:11px;margin-right:8px;min-width:32px}#messages .step-anchor,#messages .chat-reply{background:transparent;border:0;padding:3px 6px;font-size:11px;color:var(--muted)}#messages .timeline-step{color:var(--muted);font-size:12px;border-top:1px solid #ffffff08}#messages .step-comment,#messages .reply-quote{margin:3px 0 0 42px;color:var(--faint);font-size:12px}#reply-context{font-size:12px;color:var(--muted);overflow-wrap:anywhere}