*{box-sizing:border-box;font-family:Inter,Arial,Helvetica,sans-serif}html,body,#app{height:100%;margin:0}.app{display:flex;height:100vh}.sidebar{width:260px;border-right:1px solid #e6e6e6;padding:12px;background:#fafafa}.channels{list-style:none;padding:0;margin:0}.channel{padding:8px 10px;margin-bottom:6px;border-radius:6px;cursor:pointer}.channel.active{background:#007bff;color:#fff}.header{font-weight:700;margin-bottom:12px}.controls{margin-top:12px}.main{flex:1;display:flex;flex-direction:column}.toolbar{padding:8px;border-bottom:1px solid #eee;display:flex;gap:8px;align-items:center}.iframe-wrap{flex:1}#jitsi-container{width:100%;height:100%;border:0}.input{width:100%;padding:8px;margin-top:8px}.btn{padding:8px 10px;cursor:pointer;border-radius:6px;border:1px solid #ccc;background:#fff}.small{padding:6px 8px;font-size:14px}