*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b0b0b;--surface:#171717;--surface-hover:#202020;--surface-secondary:#121212;--border:#2b2b2b;--border-light:#3b3b3b;--text:#fff;--text-muted:#9d9d9d;--accent:#fff;--live:#a970ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%}html{background:var(--background)}body{background:var(--background);color:var(--text);overflow:hidden}button,textarea{font:inherit}button{outline:none}img{max-width:100%;display:block}iframe{border:0;display:block}.app-shell{width:100%;height:100%;position:relative}.background-video{object-fit:cover;pointer-events:none;z-index:-2;width:100%;height:100%;position:fixed;inset:0}.background-overlay{pointer-events:none;z-index:-1;background:#000000c2;position:fixed;inset:0}.home{justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex}.container{flex-direction:column;gap:24px;width:100%;max-width:760px;display:flex}.logo{text-align:center;letter-spacing:-1px;font-size:3rem;font-weight:800}.logo-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:340px;height:auto;margin:0 auto 8px}.tagline{text-align:center;color:var(--text-muted);font-size:1.05rem;line-height:1.5}.url-input{resize:none;border:1px solid var(--border);background:var(--surface);width:100%;height:320px;color:var(--text);border-radius:12px;outline:none;padding:20px;transition:border-color .15s}.url-input:focus{border-color:#5a5a5a}.url-input::placeholder{color:#6b6b6b}.generate-button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;height:56px;font-size:1rem;font-weight:700;transition:opacity .15s,transform .15s}.generate-button:hover{opacity:.95}.generate-button:active{transform:scale(.99)}.error-message{text-align:center;color:#ff6b6b;font-size:.95rem;font-weight:600}.viewer{background:var(--background);width:100%;height:100%;position:relative}.top-bar{background:var(--surface-secondary);z-index:1000;border-bottom:1px solid #242424;align-items:center;gap:16px;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.top-bar-left,.top-bar-center,.top-bar-right{flex:1;align-items:center;display:flex}.top-bar-left{justify-content:flex-start}.top-bar-center{justify-content:center}.top-bar-right{justify-content:flex-end}.top-title{color:#fff;letter-spacing:-.5px;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;font-size:1.2rem;font-weight:700}.home-button{display:none}.top-home-button{border:1px solid var(--border);color:#fff;cursor:pointer;background:0 0;border-radius:10px;height:38px;padding:0 14px;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.top-home-button:hover{background:#1b1b1b;border-color:#3a3a3a}.view-mode{gap:8px;display:flex}.mode-button{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:8px;height:36px;padding:0 16px;transition:background .15s,border-color .15s,color .15s}.mode-button:hover{background:#232323}.mode-button.active{color:#000;background:#fff;border-color:#fff}.stream-grid{place-items:stretch stretch;gap:16px;width:100%;height:calc(100vh - 56px);margin-top:56px;padding:16px;display:grid;overflow:hidden}.stream-placeholder{color:#fff;background:#181818;border:1px solid #2f2f2f;border-radius:12px;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.stream-tile{background:#111;border:1px solid #242424;border-radius:12px;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.stream-tile:hover{border-color:#343434}.stream-header{background:var(--surface-secondary);border-bottom:1px solid #242424;flex-shrink:0;align-items:center;gap:8px;height:38px;padding:0 12px;display:flex}.live-dot{background:var(--live);border-radius:50%;flex-shrink:0;width:8px;height:8px}.stream-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}.stream-embed{background:#000;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.stream-embed iframe,.stream-player{background:#000;border:0;width:100%;height:100%;display:block}.viewer-content{text-align:center;place-items:center;width:100%;height:100%;display:grid}.viewer-content pre{text-align:left;max-width:100%;margin-top:24px;overflow:auto}@media (width<=1200px){.stream-grid{gap:14px;padding:14px}}@media (width<=900px){.stream-grid{gap:12px;padding:12px}}@media (width<=700px){.home{padding:20px}.container{gap:18px}.logo{font-size:2.4rem}.url-input{height:260px}}@media (width<=480px){.top-bar{padding:0 12px}.top-title{font-size:1rem}.top-home-button{padding:0 12px;font-size:.85rem}}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #fff6}::selection{color:#fff;background:#ffffff26}*{scrollbar-width:thin;scrollbar-color:#444 #111}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#444;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#555}.hidden{display:none!important}.invisible{visibility:hidden!important}.full-width{width:100%}.full-height{height:100%}.flex{display:flex}.grid{display:grid}.center{justify-content:center;align-items:center;display:flex}.stream-refresh{color:#9d9d9d;cursor:pointer;background:0 0;border:none;border-radius:6px;width:28px;height:28px;margin-left:auto;font-size:16px;transition:background .15s,color .15s}.stream-refresh:hover{color:#fff;background:#222}.stream-replace{color:#9d9d9d;cursor:pointer;background:0 0;border:none;border-radius:6px;width:28px;height:28px;margin-left:4px;font-size:14px;transition:background .15s,color .15s}.stream-replace:hover{color:#fff;background:#222}.stream-grid{contain:layout style paint}.stream-tile{contain:layout paint}.stream-embed{contain:strict}.stream-embed iframe{will-change:transform}@media print{body{color:#000;background:#fff}.background-video,.background-overlay,.top-bar{display:none}}