*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#121212;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root{width:100%;height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{flex-direction:column;flex-shrink:0;padding:16px;display:flex;overflow:hidden}.video-list-container{flex:1;margin-bottom:8px;overflow-y:auto}.resizer{cursor:col-resize;background:#ffffff0f;flex-shrink:0;width:6px;transition:background .15s}.resizer:hover,.resizer:active{background:#ffffff2e}.main-area{background:#0a0a0a;flex:1;justify-content:center;align-items:center;min-width:400px;padding:24px;display:flex;overflow:hidden}@media (width<=600px){.app-layout{flex-direction:column;height:auto;min-height:100vh}.sidebar{max-height:50vh;width:100%!important;min-width:unset!important}.resizer{display:none}.main-area{min-height:300px}}