*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#1e1f22;color:#fff;min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}header{padding:16px 24px;background:#2b2d31;border-bottom:1px solid #3a3c42;display:flex;justify-content:space-between;align-items:center;gap:12px}header h1{font-size:18px;font-weight:600}#status{font-size:13px;opacity:.7;text-align:right}main{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px}button{padding:10px 16px;border-radius:6px;border:none;background:#5865f2;color:#fff;font-size:14px;font-family:inherit;cursor:pointer;transition:filter .15s,background .15s}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.15)}.painel{display:flex;gap:12px;flex-wrap:wrap;align-items:center}#btn-refresh{background:#4e5058}#btn-refresh:not(:disabled):hover{background:#5c5f68}.painel-info{display:flex;flex-direction:column;gap:8px;font-size:14px;opacity:.95}.info-linha{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.info-linha strong{min-width:140px;font-weight:600;opacity:.85}.link-wrapper{display:inline-flex;align-items:center;gap:6px;min-width:0;flex:1}.painel-info a{color:#00a8fc;text-decoration:none;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.4}.painel-info a:hover{text-decoration:underline}button.mini{padding:4px 8px;font-size:12px;margin-left:0;background:#4e5058;flex-shrink:0}button.mini:not(:disabled):hover{background:#5c5f68}button.mini.copiado{background:#248046}#host-info{color:#b5bac1}#host-info:empty:before{content:"—";color:#777}.video-area{position:relative;flex:1;background:#000;border-radius:8px;overflow:hidden;min-height:320px}#video-remoto{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:#000}#placeholder-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;color:#777;font-size:15px;text-align:center;padding:20px;pointer-events:none}@media(max-width:600px){header{padding:12px 16px;flex-direction:column;align-items:flex-start}#status{text-align:left}main{padding:12px;gap:12px}.info-linha strong{min-width:100%}.link-wrapper{width:100%;flex-direction:column;align-items:flex-start}}#btn-enviar-link{background:#5865f2}#btn-enviar-link:not(:disabled):hover{background:#4752c4}#btn-enviar-link.sucesso{background:#248046}