body{font-family:Arial,sans-serif;background-color:#1e1e1e;color:#fff;margin:0;padding:0}.container{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;gap:20px;height:100vh}.left-section{display:flex;flex-direction:column;flex:2 1;gap:20px}.video-screen{background:#000;padding:10px;display:flex;justify-content:center;align-items:center;border-radius:10px}video{max-width:100%;border-radius:10px}.volume-control{margin-top:10px}.openings-list{display:flex;flex-direction:column;align-items:center;flex:1 1}.input-box{padding:10px;margin-bottom:10px;border-radius:5px;border:none}.fetch-button{padding:10px 15px;background-color:#ff4757;color:#fff;border:none;border-radius:5px;cursor:pointer}.openings-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%}.draggable-box{width:80px;cursor:-webkit-grab;cursor:grab;display:flex;flex-direction:column;align-items:center}.opening-img{width:100%;height:auto;border-radius:5px}.tier-list{flex:1 1;display:flex;flex-direction:column;gap:10px;max-width:30%;height:100vh}.tier-row{background:hsla(0,0%,100%,.1);padding:10px;border-radius:5px}.tier-items{display:flex;gap:10px;flex-wrap:wrap}.tier-item{display:flex;flex-direction:column;align-items:center}.tier-img{width:50px;height:auto;border-radius:5px}