*{box-sizing:border-box}body{color:#182033;background:#f5f7fb;margin:0;font-family:Inter,Arial,sans-serif}#root{min-height:100vh}.container{max-width:1120px;margin:0 auto;padding:24px}header h1{margin:0;font-size:32px}header p{color:#54607a;margin:8px 0 0}.tabs{gap:8px;margin:20px 0;display:flex}.tabs button{cursor:pointer;background:#fff;border:1px solid #ced6e4;border-radius:10px;padding:10px 14px}.tabs button.active{color:#fff;background:#0f62fe;border-color:#0f62fe}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid.one{grid-template-columns:1fr}.card{background:#fff;border:1px solid #dbe2ef;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}input,select,button{font:inherit}input,select{border:1px solid #ccd5e5;border-radius:10px;width:100%;padding:10px 12px}button{color:#fff;cursor:pointer;background:#0f62fe;border:none;border-radius:10px;padding:10px 12px}button:disabled{opacity:.5;cursor:not-allowed}.row{flex-wrap:wrap;gap:10px;display:flex}.small{color:#5e6d8c;font-size:13px}.status{font-weight:600}.message{color:#0d47a1;font-weight:600}.preview{background:#101014;border-radius:12px;width:100%;max-height:420px}.video-item,.server-video-item{border:1px solid #dbe2ef;border-radius:10px;justify-content:space-between;gap:10px;padding:10px;display:flex}.video-item video{border-radius:8px;width:320px;max-width:100%}@media (width<=860px){.grid{grid-template-columns:1fr}}