#streams{border-radius:10px;height:80vh;gap:10px;position:relative;overflow-y:auto;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(337.5px,1fr));grid-template-rows:repeat(auto-fill,minmax(225px,auto));grid-auto-rows:minmax(225px,auto)}#streams.screen-share-layout{display:flex;flex-direction:row;gap:10px;align-items:flex-start;overflow-y:hidden}.participant-tile{position:relative;background:#111;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.5);border:2px solid #222}.video-container{position:relative;width:100%;height:100%}.video-feed{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-color:#000}.pip-video{position:absolute;top:8px;right:8px;width:100px;height:75px;border-radius:6px;overflow:hidden;border:2px solid #fff;background-color:#000;z-index:10}.pip-video-feed{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#111}.avatar img{width:70px;height:70px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.info-bar{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;background-color:rgba(0,0,0,.1);justify-content:space-between;padding:5px 0}.profile-thumb{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-name{color:#fff;font-size:16px;font-weight:500}.speaking-indicator{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:8px}.hand-icon{position:absolute;top:8px;right:8px;font-size:20px;border-radius:6px;padding:2px 4px;background:#333}.speaking-animation{width:40px;margin:0 20px;transition:opacity .05s ease-in-out;transform:scale(1)}.speaking-animation[style*="opacity: 1"]{transform:scale(1.2)}.user-info{display:flex;align-items:center;gap:10px;margin:0 10px}.screen-share-tile{width:70%;min-height:80vh;flex-shrink:0}.other-users-container{width:30%;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:80vh}.other-users-container .participant-tile{width:100%;min-height:200px;flex-shrink:0}@media (max-width:768px){#streams.screen-share-layout{flex-direction:column;overflow-y:auto}.screen-share-tile{width:100%!important;min-height:auto;max-height:50vh}.other-users-container{width:100%!important;max-height:none;overflow-y:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.other-users-container .participant-tile{min-height:150px}}.tools-backdrop{left:0;width:100vw;background-color:rgba(0,0,0,.5);z-index:999;cursor:pointer}.tools-backdrop,.tools-sidebar{position:fixed;top:0;height:100vh}.tools-sidebar{width:300px;background:#111;color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 8px rgba(0,0,0,.5);z-index:1000;right:0}@media (max-width:820px){.tools-sidebar{top:0;right:0}}.tools-sidebar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid hsla(0,0%,100%,.2)}.tools-sidebar-title{font-size:18px;font-weight:700}.tools-sidebar-close{cursor:pointer;transition:all .2s ease}.tools-sidebar-close:hover{color:#888}.tools-sidebar-content{padding:10px}.tools-sidebar-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:10px}@media (max-width:820px){.tools-sidebar-list{flex-wrap:wrap;width:100%}.tools-sidebar-item{width:100%;justify-content:center;align-items:center}}.tools-sidebar-item{display:flex;align-items:center;gap:10px;border-radius:8px;padding:10px;background-color:#222}.tools-sidebar-item:hover{cursor:pointer}.tools-sidebar-note{display:flex;align-items:center;padding:10px;border-radius:8px;gap:10px;cursor:pointer;flex-direction:column;font-size:14px}