.drag-over-insert{border:10px dashed #fff}.container-overlay{cursor:grab;box-sizing:border-box;background-color:rgba(0,0,0,.3)}.player-overlay-controls{position:absolute;inset:0;z-index:20;pointer-events:none}.player-overlay-channel-name{position:absolute;top:8px;left:10px;max-width:calc(100% - 64px);color:#fff;font-family:"Roboto Condensed",sans-serif;font-weight:700;font-size:clamp(20px, 2vw, 34px);line-height:1.05;letter-spacing:.01em;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.player-overlay-remove{position:absolute;top:6px;right:6px;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);color:#fff;border-radius:8px;font-size:20px;line-height:1;font-weight:700;pointer-events:auto;cursor:pointer}.player-overlay-center-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;gap:10px;align-items:center;pointer-events:auto}.player-overlay-list-picker{position:relative;width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center}.player-overlay-list-picker [data-action=promote]{position:absolute;bottom:calc(100% + 8px);left:0}.player-overlay-list-picker [data-action=demote]{position:absolute;top:calc(100% + 8px);left:0}.player-overlay-list-select-wrap{position:relative;width:60px;height:60px}.player-overlay-action{width:60px;height:60px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.58);color:#fff;border-radius:10px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.player-overlay-action .material-symbols-outlined{font-size:36px;line-height:1}.player-overlay-channel-select{position:absolute;inset:0;width:60px;height:60px;border:0;background:0 0;border-radius:10px;padding:0;line-height:1;opacity:0;cursor:pointer}.edit-layout-active .player-overlay-action:hover,.edit-layout-active .player-overlay-channel-select:hover,.edit-layout-active .player-overlay-remove:hover{background:rgba(28,111,224,.78);border-color:rgba(125,184,255,.95)}.edit-layout-active .player-overlay-list-select-wrap:focus-within .player-overlay-action,.edit-layout-active .player-overlay-list-select-wrap:hover .player-overlay-action{background:rgba(28,111,224,.78);border-color:rgba(125,184,255,.95)}.dragging{opacity:.5;transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:9999}#player-container{position:fixed;display:flex;flex-direction:row;margin:0;background-color:#1f140d;top:var(--header-height);left:var(--left-sidebar-width);right:var(--right-sidebar-width);height:calc(100vh - var(--header-height));overflow:hidden;transition:left .3s ease,right .3s ease}#canvas-reset-lock-button{position:absolute;top:8px;left:8px;z-index:40;width:22px;min-width:22px;height:22px;border-radius:5px;background-color:rgba(255,193,7,.94);border:1px solid rgba(0,0,0,.7);box-shadow:0 0 5px rgba(0,0,0,.45);color:#131313;font-weight:700}#canvas-reset-lock-button:hover{background-color:#ffc107;border-color:rgba(0,0,0,.82)}#left-sidebar.collapsed~#player-container{left:0}.mini-sidebar-enabled #left-sidebar.collapsed~#player-container{left:var(--mini-sidebar-width)}#right-sidebar.collapsed~#player-container{right:0}.player-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;z-index:5}.player-empty-state-icon{font-size:64px;color:#6b7280}.player-empty-state-title{font-size:20px;font-weight:700;color:#d0d3d8}.player-empty-state-subtitle{font-size:15px;color:#9aa0aa}.player-empty-state-button{margin-top:6px;min-width:200px;padding:0 20px;background-color:var(--button-color);color:#fff;border:1px solid var(--button-border);border-radius:4px;height:40px;font-weight:700;font-size:15px;cursor:pointer;transition:background-color .2s}.player-empty-state-button:hover{background-color:var(--button-hover-color)}.resize-handle{display:none;position:absolute;background-color:rgba(255,193,7,.94);z-index:9899;width:22px;height:22px;border:1px solid rgba(0,0,0,.7);border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.45);color:#131313;display:none;align-items:center;justify-content:center;font-weight:700}.edit-layout-active .resize-handle{display:inline-flex}.resize-handle-icon{font-size:15px;line-height:1;font-weight:900;color:#090909;text-shadow:0 1px 0 rgba(255,255,255,.42),0 0 1px rgba(0,0,0,.25);pointer-events:none;-webkit-user-select:none;user-select:none}.resize-top{top:-10px;left:50%;transform:translateX(-50%);cursor:n-resize}.resize-right{top:50%;right:-10px;transform:translateY(-50%);cursor:e-resize}.resize-bottom{bottom:-10px;left:50%;transform:translateX(-50%);cursor:s-resize}.resize-left{top:50%;left:-10px;transform:translateY(-50%);cursor:w-resize}.resize-top-left{top:-10px;left:-10px;cursor:nw-resize}.resize-top-right{top:-10px;right:-10px;cursor:ne-resize}.resize-bottom-left{bottom:-10px;left:-10px;cursor:sw-resize}.resize-bottom-right{bottom:-10px;right:-10px;cursor:se-resize}